Skip to content

hzc-8008: password field hive v4#640

Merged
fantkolja merged 5 commits into
masterfrom
feature/hzc-8008-restyle-password-field-hive-v4
Jun 4, 2026
Merged

hzc-8008: password field hive v4#640
fantkolja merged 5 commits into
masterfrom
feature/hzc-8008-restyle-password-field-hive-v4

Conversation

@pawelklasa

@pawelklasa pawelklasa commented Jun 4, 2026

Copy link
Copy Markdown
Contributor

hzc-8008: password field hive v4

Restyles PasswordField to HIVE v4 and brings its Storybook docs in line with the established v4 pattern (Button / TextField / SelectField).

Changes

  • Single size: removed the size prop and the TextFieldSize passthrough — PasswordField now always renders compact (size="small"). This is a breaking change.
  • Legacy fallback: the pre-v4 PasswordField (which keeps the size prop) is preserved under @hazelcast/ui/old for gradual migration, matching the other v4 field components.
  • Reveal toggle: the eye button gains a circular hover/focus ring (--button-size + --hive-border-radius-pill), matching the stepper affordance on NumberField.
  • Stories: rewrote PasswordField.stories.tsx to the v4 pattern — one dev-visible Playground plus showcase stories tagged ['!dev'] (Basic, Visibility, States QA matrix, WithLockIcon, WithHelperText, WithError, Disabled, WithoutToggle, WithFormik, DoVsDont, LegacyV3).
  • Docs: added PasswordField.mdx with DocsTabs (Overview / Guidelines / Accessibility), including the Legacy fallback canvas.
  • Migration: added the PasswordField row + section to docs/migration-v4.md, documenting the /old import.

Verification

  • npm run compile — clean (includes src/old)
  • npx jest PasswordField — 8/8 pass
  • ESLint — clean on changed files
  • Storybook — Docs + Playground render; showcase stories (incl. LegacyV3) hidden from sidebar as intended

- lock PasswordField to a single compact size (remove size prop; pass size="small" to TextField)
- add circular hover/focus ring to the reveal eye button, matching NumberField
- rewrite stories to the v4 pattern: Playground + showcase stories tagged ['!dev']
- add PasswordField.mdx with DocsTabs (Overview/Guidelines/Accessibility)
- document the change in docs/migration-v4.md
…style-password-field-hive-v4

# Conflicts:
#	src/old/index.ts
@fantkolja fantkolja merged commit f1e6d1f into master Jun 4, 2026
4 checks passed
@fantkolja fantkolja deleted the feature/hzc-8008-restyle-password-field-hive-v4 branch June 4, 2026 09:08
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