@celestia-island/hikari 0.55.24 → 0.55.25

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@celestia-island/hikari",
3
- "version": "0.55.24",
3
+ "version": "0.55.25",
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",
@@ -89,7 +89,13 @@
89
89
  padding: 0;
90
90
  background: color-mix(in srgb, rgb(var(--color-surface)) 55%, transparent);
91
91
  border: 1px solid color-mix(in srgb, rgb(var(--color-text)) 14%, transparent);
92
- border-radius: var(--radius-sm, 4px);
92
+ /* --radius-md on purpose: the cells are large, prominent elements
93
+ * (48px at the md ramp), and at the small档's 4px they read as sharp
94
+ * rectangles next to every other control on the auth card (user
95
+ * report on the deployed step-up panel). The theme's radius LEVELS
96
+ * (chest's html[data-radius]) still rule — this only switches which
97
+ * level the cells follow. */
98
+ border-radius: var(--radius-md, 8px);
93
99
  outline: none;
94
100
  appearance: none;
95
101
  -webkit-appearance: none;
@@ -811,10 +811,15 @@
811
811
  }
812
812
  }
813
813
 
814
- .s-auth-card input {
814
+ .s-auth-card input:not(.hk-otp-cell) {
815
815
  transition: color calc(infinity * 1s) step-end, background-color calc(infinity * 1s) step-end;
816
816
  appearance: none;
817
817
  -webkit-appearance: none;
818
+ /* 0 radius here was always a visual no-op: the auth card's inputs are
819
+ * transparent linings inside their own rounded boxes (HkInput). The OTP
820
+ * cells are the first VISIBLE bare inputs on the card, and they follow
821
+ * --radius-md themselves — exempting them keeps the theme's radius
822
+ * levels (chest's html[data-radius]) in charge of their corners. */
818
823
  border-radius: 0;
819
824
  }
820
825