@bagelink/vue 1.15.243 → 1.15.245

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 (6) hide show
  1. package/dist/components/form/inputs/OTP.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
  6. package/src/components/form/inputs/OTP.vue +7 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.15.243",
4
+ "version": "1.15.245",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Bagel Studio",
package/src/components/form/inputs/OTP.vue CHANGED
@@ -157,7 +157,8 @@ outline: none;
157
157
 
158
158
  .digit-box {
159
159
  height: 3rem;
160
- flex-grow: 1;
160
+ aspect-ratio: 1;
161
+ flex: 0 0 auto;
161
162
  color: var(--bgl-otp-digit-color, inherit);
162
163
  border: 1px solid var(--bgl-input-label-active-color, var(--bgl-primary-tint));
163
164
  display: inline-flex;
@@ -168,6 +169,7 @@ border-radius: 5px;
168
169
  margin: 5px;
169
170
  text-align: center;
170
171
  font-size: 2.4rem;
172
+ font-variant-numeric: tabular-nums;
171
173
  user-select: none;
172
174
  transition: outline-color 0.2s ease, box-shadow 0.2s ease;
173
175
  }
@@ -180,6 +182,10 @@ outline-offset: 1px;
180
182
 
181
183
  /* ── frame variant ──────────────────────────────────────────────────────── */
182
184
 
185
+ .otp-input {
186
+ width: 100%;
187
+ }
188
+
183
189
  .otp-input.frame .digit-box {
184
190
  background: transparent;
185
191
  outline: 1.5px solid var(--bgl-border-color);