@celestia-island/hikari 0.54.10 → 0.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/package.json +1 -1
  2. package/src/DemoApp.tsx +5 -3
  3. package/src/animation/registerAnimations.ts +2 -2
  4. package/src/components/HkInput.password.test.tsx +821 -0
  5. package/src/components/HkInput.scss +4 -33
  6. package/src/components/HkInput.tsx +91 -31
  7. package/src/components/{HkPasswordInput.scss → HkPasswordSurface.scss} +93 -57
  8. package/src/components/HkPasswordSurface.styles.test.ts +68 -0
  9. package/src/components/HkPasswordSurface.tsx +1006 -0
  10. package/src/components/HkSignInCard.tsx +6 -6
  11. package/src/components/HkTooltip.test.tsx +67 -0
  12. package/src/components/HkTooltip.tsx +54 -1
  13. package/src/i18n/flatKeyParity.test.ts +97 -0
  14. package/src/i18n/locales/ar/components.json +7 -1
  15. package/src/i18n/locales/de/components.json +7 -1
  16. package/src/i18n/locales/en/components.json +2 -1
  17. package/src/i18n/locales/es/components.json +7 -1
  18. package/src/i18n/locales/fr/components.json +7 -1
  19. package/src/i18n/locales/ja/components.json +7 -1
  20. package/src/i18n/locales/ko/components.json +7 -1
  21. package/src/i18n/locales/pt/components.json +7 -1
  22. package/src/i18n/locales/ru/components.json +7 -1
  23. package/src/i18n/locales/zh-Hans/components.json +7 -6
  24. package/src/i18n/locales/zh-Hant/components.json +7 -6
  25. package/src/index.ts +1 -3
  26. package/src/runtime/credentialAutofill.test.ts +4 -4
  27. package/src/utils/password.ts +9 -0
  28. package/src/components/HkPasswordInput.test.ts +0 -329
  29. package/src/components/HkPasswordInput.tsx +0 -820
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@celestia-island/hikari",
3
- "version": "0.54.10",
3
+ "version": "0.55.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",
package/src/DemoApp.tsx CHANGED
@@ -8,7 +8,7 @@ import { utf8ToBase64 } from "./utils/base64";
8
8
  import {
9
9
  HButton, HIconButton, HIconButtonGroup, HTooltip, HBadge, HTag, HIcon, HSpinner,
10
10
  HProgressBar, HProgressRing, HGaugeRing,
11
- HInput, HSearchInput, HNumberInput, HPasswordInput, HTextarea,
11
+ HInput, HSearchInput, HNumberInput, HTextarea,
12
12
  HFileField,
13
13
  HFilePickerField,
14
14
  type PickedFile, type RemoteFsAdapter,
@@ -360,13 +360,15 @@ export default defineComponent({
360
360
  </section>
361
361
 
362
362
  <section>
363
- <h2>HInput / HSearchInput / HNumberInput / HPasswordInput / HTextarea</h2>
363
+ <h2>HInput (text / password) / HSearchInput / HNumberInput / HTextarea</h2>
364
364
  <div class="form-grid">
365
365
  <HInput modelValue={form.value.text} onUpdate:modelValue={(v: string) => (form.value.text = v)} placeholder="Text input" />
366
366
  <HInput modelValue={form.value.text} onUpdate:modelValue={(v: string) => (form.value.text = v)} placeholder="Disabled" disabled />
367
367
  <HSearchInput modelValue={form.value.search} onUpdate:modelValue={(v: string | number) => (form.value.search = String(v))} placeholder="Search..." />
368
368
  <HNumberInput modelValue={form.value.number} onUpdate:modelValue={(v: number) => (form.value.number = v)} placeholder="Number" />
369
- <HPasswordInput modelValue={form.value.password} onUpdate:modelValue={(v: string) => (form.value.password = v)} placeholder="Password" />
369
+ <HInput variant="password" modelValue={form.value.password} onUpdate:modelValue={(v: string) => (form.value.password = v)} placeholder="Password (hold the eye)" />
370
+ <HInput variant="password" passwordTrailing="strength" modelValue={form.value.password} onUpdate:modelValue={(v: string) => (form.value.password = v)} placeholder="Password (strength light)" />
371
+ <HInput variant="password" passwordTrailing="none" modelValue={form.value.password} onUpdate:modelValue={(v: string) => (form.value.password = v)} placeholder="Password (no affordance)" />
370
372
  <HTextarea modelValue={form.value.textarea} onUpdate:modelValue={(v: string) => (form.value.textarea = v)} placeholder="Textarea" rows={3} />
371
373
  </div>
372
374
  {anyForm.value ? <p class="result">Form: {anyForm.value}</p> : null}
package/src/animation/registerAnimations.ts CHANGED
@@ -82,9 +82,9 @@ registerCssAnimation("hk-skeleton-shimmer", { infinite: true });
82
82
  registerCssAnimation("hk-image-preview-shimmer", { infinite: true });
83
83
  // components/HkProgressBar.scss — indeterminate bar sweep (loops forever).
84
84
  registerCssAnimation("hk-progress-indeterminate", { infinite: true });
85
- // components/HkPasswordInput.scss — caps-lock warning flash (plays once).
85
+ // components/HkPasswordSurface.scss — caps-lock warning flash (plays once).
86
86
  registerCssAnimation("hk-pwd-flash");
87
- // components/HkPasswordInput.scss — breathing hint glow (loops forever).
87
+ // components/HkPasswordSurface.scss — breathing hint glow (loops forever).
88
88
  registerCssAnimation("hk-pwd-breathe", { infinite: true });
89
89
  // components/HkPickerPane.scss — date/time picker view drill forward
90
90
  // (plays once, shared by HkDatePicker and HkDateTimePicker).