Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build(blade): update version #2130

Merged
merged 1 commit into from
Apr 18, 2024
Merged

build(blade): update version #2130

merged 1 commit into from
Apr 18, 2024

Conversation

rzpcibot
Copy link
Collaborator

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to master, this PR will be updated.

Releases

@razorpay/blade@11.13.0

Minor Changes

  • 410cfb5: feat: add circular variant for the ProgressBar component

    Changes

    • The "meter" & "progress" values for the variant prop are deprecated in favor of the new type?: "meter" | "progress" prop.

    • The variant prop now accepts "linear" & "circular" values.

    • Usage:

        <ProgressBar variant="circular" value={20}> label="Label" />

    Migration with Codemod

    • The codemod will automatically update the ProgressBar component. Execute the codemod on the file/directory that needs to be migrated for the page via the following command:

      Need help? Check out jscodeshift docs for CLI usage tips.

      npx jscodeshift ./PATH_TO_YOUR_DIR --extensions=tsx,ts,jsx,js -t ./node_modules/@razorpay/blade/codemods/migrate-progressbar/transformers/index.ts --ignore-pattern="**/node_modules/**"
    • There might be some situations where the codemod falls short, If you encounter errors, refer the following examples to migrate the component manually:

      - <ProgressBar value={20}> label="Label" />
      + <ProgressBar type="progress" value={20}> label="Label" />
      
      - <ProgressBar variant="progress" value={20}> label="Label" />
      + <ProgressBar type="progress" variant="linear" value={20}> label="Label" />
      
      - <ProgressBar variant="meter" value={20}> label="Label" />
      + <ProgressBar type="meter" variant="linear" value={20}> label="Label" />

Copy link
Contributor

✅ PR title follows Conventional Commits specification.

Copy link

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 32ab97e:

Sandbox Source
razorpay/blade: basic Configuration

@snitin315 snitin315 merged commit f3ff19a into master Apr 18, 2024
12 checks passed
@snitin315 snitin315 deleted the changeset-release/master branch April 18, 2024 09:21
@rzpcibot
Copy link
Collaborator Author

Bundle Size Report

Updated Components
Status Component Base Size (kb) Current Size (kb) Diff
FileUpload 13.476 14.561 +1.085 KB
ProgressBar 1.701 3.094 +1.393 KB

Generated by 🚫 dangerJS against 32ab97e

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