@amos.com/amos-js 0.9.13 → 0.9.14

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 (4) hide show
  1. package/README.md +6 -4
  2. package/dist/types.d.ts +1 -1
  3. package/package.json +1 -1
  4. package/src/types.ts +16 -1
package/README.md CHANGED
@@ -235,10 +235,12 @@ Radio groups (e.g. account type) always use an above-style group label regardles
235
235
  | `--input-border-width` | Input field border width | `1px` |
236
236
  | `--input-shadow` | Input field box shadow | `0 1px 2px 0 rgb(0 0 0 / 0.05)` |
237
237
  | `--floating-input-height` | Height of inputs when labels are floating | `3.25rem` |
238
- | `--floating-label-font-size` | Font size of floating labels when focused or filled | `0.75rem` |
239
- | `--floating-label-font-weight` | Font weight of floating labels | `500` |
240
- | `--floating-label-color` | Color of floating labels | `var(--muted-foreground)` |
241
- | `--floating-label-offset` | Top offset of the shrunk floating label | `0.625rem` |
238
+ | `--floating-label-font-size` | Font size of floating labels when focused or filled | `0.75rem` |
239
+ | `--floating-label-empty-font-size` | Font size of floating labels when empty (unfocused) | `var(--input-font-size)` |
240
+ | `--floating-label-font-weight` | Font weight of floating labels | `500` |
241
+ | `--floating-label-color` | Color of floating labels when empty (unfocused) | `var(--muted-foreground)` |
242
+ | `--floating-label-floated-color` | Color of floating labels when focused or filled | `var(--floating-label-color)` |
243
+ | `--floating-label-offset` | Top offset of the shrunk floating label | `0.625rem` |
242
244
  | `--label-font-size` | Font size of above-style field labels | `0.875rem` |
243
245
  | `--label-font-weight` | Font weight of above-style field labels | `500` |
244
246
  | `--field-gap` | Vertical gap between stacked form fields | `1rem` |
package/dist/types.d.ts CHANGED
@@ -56,7 +56,7 @@ export type ConfirmationResult = {
56
56
  * Amos iframe UI. Only the variables you provide are sent; omitted
57
57
  * variables keep their defaults.
58
58
  */
59
- export type ThemeVariable = "--background" | "--foreground" | "--primary" | "--primary-foreground" | "--secondary" | "--secondary-foreground" | "--muted" | "--muted-foreground" | "--accent" | "--accent-foreground" | "--destructive" | "--destructive-foreground" | "--border" | "--popover" | "--popover-foreground" | "--input" | "--input-background" | "--input-height" | "--input-font-size" | "--input-font-weight" | "--input-padding" | "--input-border-width" | "--input-shadow" | "--floating-input-height" | "--floating-label-font-size" | "--floating-label-font-weight" | "--floating-label-color" | "--floating-label-offset" | "--label-font-size" | "--label-font-weight" | "--field-gap" | "--control-gap" | "--error-font-size" | "--radio-size" | "--ring" | "--ring-width" | "--radius";
59
+ export type ThemeVariable = "--background" | "--foreground" | "--primary" | "--primary-foreground" | "--secondary" | "--secondary-foreground" | "--muted" | "--muted-foreground" | "--accent" | "--accent-foreground" | "--destructive" | "--destructive-foreground" | "--border" | "--popover" | "--popover-foreground" | "--input" | "--input-background" | "--input-height" | "--input-font-size" | "--input-font-weight" | "--input-padding" | "--input-border-width" | "--input-shadow" | "--floating-input-height" | "--floating-label-font-size" | "--floating-label-empty-font-size" | "--floating-label-font-weight" | "--floating-label-color" | "--floating-label-floated-color" | "--floating-label-offset" | "--label-font-size" | "--label-font-weight" | "--field-gap" | "--control-gap" | "--error-font-size" | "--radio-size" | "--ring" | "--ring-width" | "--radius";
60
60
  /**
61
61
  * Placement of field labels in payment method forms.
62
62
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amos.com/amos-js",
3
- "version": "0.9.13",
3
+ "version": "0.9.14",
4
4
  "main": "dist/index.js",
5
5
  "repository": {
6
6
  "type": "git",
package/src/types.ts CHANGED
@@ -219,6 +219,13 @@ export type ThemeVariable =
219
219
  * Default: 0.75rem
220
220
  */
221
221
  | "--floating-label-font-size"
222
+ /*
223
+ * Font size of floating labels in the empty / unfocused position
224
+ * (e.g. `0.9375rem`, `15px`). Falls back to `--input-font-size` when unset.
225
+ *
226
+ * Default: var(--input-font-size)
227
+ */
228
+ | "--floating-label-empty-font-size"
222
229
  /*
223
230
  * Font weight of floating labels (e.g. `400`, `500`, `normal`, `bold`).
224
231
  *
@@ -226,11 +233,19 @@ export type ThemeVariable =
226
233
  */
227
234
  | "--floating-label-font-weight"
228
235
  /*
229
- * Color of floating labels. Defaults to `--muted-foreground`.
236
+ * Color of floating labels in the empty / unfocused position.
230
237
  *
231
238
  * Default: var(--muted-foreground)
232
239
  */
233
240
  | "--floating-label-color"
241
+ /*
242
+ * Color of floating labels when focused or filled. Falls back to
243
+ * `--floating-label-color` when unset, so overriding only
244
+ * `--floating-label-color` still recolors both states.
245
+ *
246
+ * Default: var(--floating-label-color)
247
+ */
248
+ | "--floating-label-floated-color"
234
249
  /*
235
250
  * Top offset of the shrunk floating label inside the control (e.g. `0.625rem`).
236
251
  *