Skip to content

New release #3525

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.

Sign up for GitHub

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

Jump to bottom
Merged
merged 1 commit into from
May 5, 2025
Merged

New release #3525

merged 1 commit into from
May 5, 2025

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented May 5, 2025

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 stable, this PR will be updated.

Releases

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

  • Add unstable Provider, Trigger and BubbleInput parts to Checkbox (#3459)
  • Updated dependencies: @radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

Introduce new Password Toggle Field primitive

This new primitive provides components for rendering a password input alongside a button to toggle its visibility. Aside from its primary functionality, it also includes:

  • Returning focus to the input when toggling with a pointer
  • Maintaining focus when toggling with keyboard or virtual navigation
  • Resetting visibility to hidden after form submission to prevent accidental storage
  • Implicit accessible labeling for icon-based toggle buttons

This API is currently unstable, and we hope you'll help us test it out! Import the primitive using the unstable_ prefix.

import { unstable_PasswordToggleField as PasswordToggleField } from 'radix-ui';

function FieldWithIconToggle() {
  return (
    <PasswordToggleField.Root>
      <PasswordToggleField.Input />
      <PasswordToggleField.Toggle>
        <PasswordToggleField.Icon visible={<EyeOpenIcon />} hidden={<EyeClosedIcon />} />
      </PasswordToggleField.Toggle>
    </PasswordToggleField.Root>
  );
}

function FieldWithTextToggle() {
  return (
    <PasswordToggleField.Root>
      <PasswordToggleField.Input />
      <PasswordToggleField.Toggle>
        <PasswordToggleField.Slot visible="Hide password" hidden="Show password" />
      </PasswordToggleField.Toggle>
    </PasswordToggleField.Root>
  );
}

Other updates

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

[email protected]

Introduce new Password Toggle Field primitive

This new primitive provides components for rendering a password input alongside a button to toggle its visibility. Aside from its primary functionality, it also includes:

  • Returning focus to the input when toggling with a pointer
  • Maintaining focus when toggling with keyboard or virtual navigation
  • Resetting visibility to hidden after form submission to prevent accidental storage
  • Implicit accessible labeling for icon-based toggle buttons

This API is currently unstable, and we hope you'll help us test it out! Import the primitive using the unstable_ prefix.

import { unstable_PasswordToggleField as PasswordToggleField } from 'radix-ui';

function FieldWithIconToggle() {
  return (
    <PasswordToggleField.Root>
      <PasswordToggleField.Input />
      <PasswordToggleField.Toggle>
        <PasswordToggleField.Icon visible={<EyeOpenIcon />} hidden={<EyeClosedIcon />} />
      </PasswordToggleField.Toggle>
    </PasswordToggleField.Root>
  );
}

function FieldWithTextToggle() {
  return (
    <PasswordToggleField.Root>
      <PasswordToggleField.Input />
      <PasswordToggleField.Toggle>
        <PasswordToggleField.Slot visible="Hide password" hidden="Show password" />
      </PasswordToggleField.Toggle>
    </PasswordToggleField.Root>
  );
}

Other updates

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

  • Use stable composed refs in SlotClone (#3477)

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@radix-ui/[email protected]

@github-actions github-actions bot force-pushed the changeset-release/stable branch from 1c7d06d to 086d4d3 Compare May 5, 2025 17:50
@chaance chaance merged commit 2bc49d4 into stable May 5, 2025
@chaance chaance deleted the changeset-release/stable branch May 5, 2025 17:52
chaance added a commit that referenced this pull request May 5, 2025
@chaance
New release (#3525)
9904dc3
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@chaance chaance chaance approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@chaance