@phala/pay 0.11.3 → 0.11.4
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 +7 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -334,6 +334,7 @@ the theme (or map the colors) that suits its background.
|
|
|
334
334
|
| `--pp-color-success` | `#15803d` | `#4ade80` | Credited icon |
|
|
335
335
|
| `--pp-color-warning` | `#b45309` | `#fbbf24` | "Test mode" |
|
|
336
336
|
| `--pp-color-danger` | `#dc2626` | `#f87171` | Failure icon, wallet errors |
|
|
337
|
+
| `--pp-color-icon-ring` | text color at 12% | same | Faint ring over a token or network logo's edge |
|
|
337
338
|
| `--pp-font-family` | inherited | inherited | Font |
|
|
338
339
|
| `--pp-font-family-mono` | `ui-monospace, …` | same | Addresses, amounts to copy, hashes |
|
|
339
340
|
| `--pp-font-size` | `14px` | `14px` | Root text size; other text sizes are relative to it |
|
|
@@ -356,7 +357,10 @@ follow your page's text size. Keep `--pp-color-focus` distinct from `--pp-color-
|
|
|
356
357
|
least 3:1 contrast to the background: it is how a keyboard user tells the focused choice from the
|
|
357
358
|
selected one. Keep `--pp-color-input` at 3:1 or more against the background too, as WCAG 1.4.11
|
|
358
359
|
asks of the edge that shows where a control is; `--pp-color-border` draws only dividers and may be
|
|
359
|
-
fainter.
|
|
360
|
+
fainter. `--pp-color-icon-ring` is a 1px outline drawn inside each logo's edge, so that a logo
|
|
361
|
+
whose disc is the color of its background (PHA's black on a dark card, Ethereum's white on a light
|
|
362
|
+
one) stays round; it defaults to the surrounding text color at 12% opacity, so it follows the theme
|
|
363
|
+
and also applies to `AssetIcon` and `NetworkIcon` outside the components.
|
|
360
364
|
|
|
361
365
|
```css
|
|
362
366
|
.pp-root[data-theme] {
|
|
@@ -386,8 +390,8 @@ group by group with what their wallet shows; selecting and copying it gives the
|
|
|
386
390
|
spaces. The QR code keeps the standard quiet zone of four modules inside 8px of white, so it scans
|
|
387
391
|
on a dark page too. The status row's text stays the body color on a neutral surface; its icon
|
|
388
392
|
carries the tone. Transitions and the loading placeholder's pulse stop under
|
|
389
|
-
`prefers-reduced-motion: reduce`, and the selected tab
|
|
390
|
-
color in forced-colors mode.
|
|
393
|
+
`prefers-reduced-motion: reduce`, and the selected tab, a listbox's active option, and a logo's ring keep
|
|
394
|
+
a system color in forced-colors mode.
|
|
391
395
|
|
|
392
396
|
### Content Security Policy
|
|
393
397
|
|