@htmlbricks/hb-checkout 0.66.27 → 0.67.1
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 +6 -2
- package/main.iife.js +84 -65
- package/main.iife.js.map +1 -1
- package/manifest.json +165 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,7 +22,7 @@ End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), sh
|
|
|
22
22
|
| `payment` | object (required) | JSON `IPayment`: merchantName, total, currencyCode, countryCode, type?, shipmentFee?. |
|
|
23
23
|
| `completed` | union (optional) | `"yes"` \| `"no"` — controls summary vs edit flow. |
|
|
24
24
|
|
|
25
|
-
**CSS vars:** `--edit-color`, `--paypal-button-color`, `--hb-
|
|
25
|
+
**CSS vars:** `--edit-color`, `--paypal-button-color`, `--hb-checkout-border`, Bulma `--bulma-*` (see `extra/docs.ts`). **Parts:** `title`, `subtitle`. **Slots:** `payment_terms`, `payment_completed`, `userinfo`, `title`.
|
|
26
26
|
|
|
27
27
|
### Events (`CustomEvent` names)
|
|
28
28
|
|
|
@@ -33,7 +33,11 @@ End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), sh
|
|
|
33
33
|
|
|
34
34
|
### Usage notes
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
### Styling (Bulma)
|
|
37
|
+
|
|
38
|
+
Chrome uses **Bulma** `button`, `title`, and `subtitle`. Theme on `:host` via Bulma’s CSS variables; set **`--bulma-*`** (and optional `--edit-color`) from the page. **Bootstrap Icons** load from `<svelte:head>` for delivery/payment icons.
|
|
39
|
+
|
|
40
|
+
- Nested `hb-form` / payment elements carry their own shadow styles.
|
|
37
41
|
- Nested web components (`hb-form`, payment elements) live inside the flow.
|
|
38
42
|
- Large JSON props are typical; validate shapes before setting attributes.
|
|
39
43
|
- No i18n array in `docs.ts` for this component.
|