@amos.com/react-amos-js 0.9.7 → 0.9.8
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/README.md +27 -9
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -125,19 +125,37 @@ Radio groups (e.g. account type) always use an above-style group label regardles
|
|
|
125
125
|
| `--primary-foreground` | Text on primary-colored surfaces | `oklch(0.985 0 0)` |
|
|
126
126
|
| `--secondary` | Secondary button fill | `oklch(0.97 0 0)` |
|
|
127
127
|
| `--secondary-foreground` | Text on secondary-colored surfaces | `oklch(0.205 0 0)` |
|
|
128
|
-
| `--muted
|
|
129
|
-
| `--
|
|
130
|
-
| `--accent
|
|
131
|
-
| `--
|
|
132
|
-
| `--
|
|
133
|
-
| `--
|
|
134
|
-
| `--
|
|
135
|
-
| `--
|
|
128
|
+
| `--muted` | Muted surface color | `oklch(0.97 0 0)` |
|
|
129
|
+
| `--muted-foreground` | Placeholder text, helper labels, muted icons | `oklch(0.556 0 0)` |
|
|
130
|
+
| `--accent` | Hover/focus highlight for interactive items | `oklch(0.97 0 0)` |
|
|
131
|
+
| `--accent-foreground` | Text on accent-highlighted items | `oklch(0.205 0 0)` |
|
|
132
|
+
| `--destructive` | Error/invalid state borders, icons, and field error text | `oklch(0.577 0.245 27.325)` |
|
|
133
|
+
| `--destructive-foreground` | Text on destructive-colored surfaces | `oklch(0.45 0.24 27.325)` |
|
|
134
|
+
| `--border` | General border color | `oklch(0.922 0 0)` |
|
|
135
|
+
| `--popover` | Dropdown / popover panel background | `oklch(1 0 0)` |
|
|
136
|
+
| `--popover-foreground` | Dropdown / popover panel text color | `oklch(0.145 0 0)` |
|
|
137
|
+
| `--input` | Input field border color | `oklch(0.922 0 0)` |
|
|
138
|
+
| `--input-background` | Input field background fill | `var(--background)` |
|
|
139
|
+
| `--input-height` | Height of text inputs and form controls | `2.25rem` |
|
|
136
140
|
| `--input-font-size` | Font size of text inputs and dropdown fields | `0.875rem` |
|
|
141
|
+
| `--input-font-weight` | Font weight of typed input values | `400` |
|
|
142
|
+
| `--input-padding` | Horizontal padding inside inputs | `0.75rem` |
|
|
143
|
+
| `--input-border-width` | Input field border width | `1px` |
|
|
144
|
+
| `--input-shadow` | Input field box shadow | `0 1px 2px 0 rgb(0 0 0 / 0.05)` |
|
|
145
|
+
| `--floating-input-height` | Height of inputs when labels are floating | `3.25rem` |
|
|
137
146
|
| `--floating-label-font-size` | Font size of floating labels when focused or filled | `0.75rem` |
|
|
138
147
|
| `--floating-label-font-weight` | Font weight of floating labels | `500` |
|
|
148
|
+
| `--floating-label-color` | Color of floating labels | `var(--muted-foreground)` |
|
|
149
|
+
| `--floating-label-offset` | Top offset of the shrunk floating label | `0.625rem` |
|
|
150
|
+
| `--label-font-size` | Font size of above-style field labels | `0.875rem` |
|
|
151
|
+
| `--label-font-weight` | Font weight of above-style field labels | `500` |
|
|
152
|
+
| `--field-gap` | Vertical gap between stacked form fields | `1rem` |
|
|
153
|
+
| `--control-gap` | Horizontal gap between side-by-side controls | `0.5rem` |
|
|
154
|
+
| `--error-font-size` | Font size of field-level error messages | `0.875rem` |
|
|
155
|
+
| `--radio-size` | Size of radio buttons on the bank account form | `1rem` |
|
|
139
156
|
| `--ring` | Focus ring and outline color | `oklch(0.708 0 0)` |
|
|
140
|
-
| `--
|
|
157
|
+
| `--ring-width` | Focus ring width | `3px` |
|
|
158
|
+
| `--radius` | Base border-radius (derived into sm/md/lg/xl) | `0.625rem` |
|
|
141
159
|
|
|
142
160
|
## Examples
|
|
143
161
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@amos.com/react-amos-js",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.8",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"vite-plugin-dts": "5.0.3"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@amos.com/amos-js": "0.9.
|
|
51
|
+
"@amos.com/amos-js": "0.9.9",
|
|
52
52
|
"@types/googlepay": "0.7.11"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|