@htmlbricks/hb-checkout 0.71.35 → 0.71.37

package/manifest.json

@@ -7,13 +7,6 @@
         "Events": {
           "additionalProperties": false,
           "properties": {
-            "completed": {
-              "enum": [
-                "yes",
-                "no"
-              ],
-              "type": "string"
-            },
             "paymentCompleted": {
               "additionalProperties": false,
               "properties": {
@@ -45,8 +38,7 @@
           "required": [
             "paymentCompleted",
             "saveUser",
-            "saveShipment",
-            "completed"
+            "saveShipment"
           ],
           "type": "object"
         },
@@ -150,9 +142,6 @@
               },
               "type": "array"
             },
-            "style": {
-              "type": "string"
-            },
             "user": {
               "$ref": "#/definitions/IUser"
             }
@@ -358,9 +347,6 @@
         "type": "array"
       }
     },
-    "setGateway": {
-      "action": "setGateway"
-    },
     "completed": {
       "control": {
         "type": "radio"
@@ -389,7 +375,7 @@
         "name": "--bulma-text",
         "valueType": "color",
         "defaultValue": "#363636",
-        "description": "Body and headings."
+        "description": "Sets the default foreground color for checkout body copy and section headings so the flow stays readable against your page background."
       },
       {
         "name": "--bulma-border",
@@ -397,17 +383,89 @@
         "defaultValue": "#dbdbdb",
         "description": "Separators and rules."
       },
+      {
+        "name": "--bulma-border-weak",
+        "valueType": "color",
+        "defaultValue": "(theme)",
+        "description": "Softer border for the payment terms notice panel."
+      },
+      {
+        "name": "--bulma-background",
+        "valueType": "color",
+        "defaultValue": "(theme)",
+        "description": "Mixed into the terms notice panel background (`color-mix` with border)."
+      },
+      {
+        "name": "--bulma-text-weak",
+        "valueType": "color",
+        "defaultValue": "(theme)",
+        "description": "Muted copy inside the default payment terms notice."
+      },
+      {
+        "name": "--bulma-title-size",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Checkout uses a larger title scale on `:host` (mapped to `--bulma-size-2` in styles)."
+      },
+      {
+        "name": "--bulma-subtitle-size",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Subtitle scale on `:host` (mapped to `--bulma-size-4` in styles)."
+      },
+      {
+        "name": "--bulma-subtitle-weight",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Font weight for the subtitle row (defaults to bold in checkout)."
+      },
+      {
+        "name": "--bulma-size-medium",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Base `font-size` on `:host` for the flow."
+      },
+      {
+        "name": "--bulma-size-small",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Smaller text in the default terms notice."
+      },
+      {
+        "name": "--bulma-block-spacing",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Line height spacing for definition-list style rows."
+      },
+      {
+        "name": "--bulma-weight-bold",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Bold labels on “edit” controls."
+      },
+      {
+        "name": "--bulma-weight-semibold",
+        "valueType": "other",
+        "defaultValue": "(theme)",
+        "description": "Semibold weight for inline terms links."
+      },
+      {
+        "name": "--bulma-radius",
+        "valueType": "number",
+        "defaultValue": "0.375rem",
+        "description": "Corner radius for the terms notice panel and links."
+      },
       {
         "name": "--edit-color",
         "valueType": "color",
-        "defaultValue": "",
-        "description": "Optional override for small “edit” controls (falls back to `--bulma-link`)."
+        "defaultValue": "(from `--bulma-link`)",
+        "description": "Color for “edit” links beside profile rows; `:host` defaults it to `--bulma-link`."
       },
       {
         "name": "--hb-checkout-border",
-        "valueType": "color",
-        "defaultValue": "",
-        "description": "Section dividers between delivery and payment."
+        "valueType": "other",
+        "defaultValue": "1px solid + `--bulma-border`",
+        "description": "Border shorthand under the main title and above the payment section; override for custom divider weight or color."
       },
       {
         "name": "--paypal-button-color",
@@ -418,14 +476,16 @@
     ],
     "parts": [
       {
-        "name": "title"
+        "name": "title",
+        "description": "Centered main checkout title (bottom border uses `--hb-checkout-border`)."
       },
       {
-        "name": "subtitle"
+        "name": "subtitle",
+        "description": "Section subtitle row below the main title."
       },
       {
         "name": "payment_terms_note",
-        "description": "Wrapper around the `payment_terms` slot (default notice + border). Style with `::part(payment_terms_note)`."
+        "description": "Box around the `payment_terms` slot (default legal copy, border, and background). Style with `hb-checkout::part(payment_terms_note)`."
       }
     ]
   },
@@ -433,16 +493,19 @@
   "htmlSlots": [
     {
       "name": "payment_terms",
-      "description": "Optional legal / terms copy. Default: short line with a link-style control for terms and conditions."
+      "description": "Replace or extend the default terms / privacy line above payment (still wrapped by `payment_terms_note` styling unless you override it)."
     },
     {
-      "name": "payment_completed"
+      "name": "payment_completed",
+      "description": "Custom content in the read-only confirmation state when `completed` is enabled; shown instead of the editable payment block."
     },
     {
-      "name": "userinfo"
+      "name": "userinfo",
+      "description": "Custom markup inside the billing / shipping profile area around the embedded `hb-form` (when you need extra fields or layout)."
     },
     {
-      "name": "title"
+      "name": "title",
+      "description": "Optional content inside the title region next to or around the default heading (advanced layout only)."
     }
   ],
   "i18n": [],
@@ -583,7 +646,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-txuVGaCef8ATCfDrn/lhJSDkp1DrDgpuFLsMRN11gJfNAWNzENu5Dj75vXjmLrxi",
+  "iifeIntegrity": "sha384-TKFaETnfgmSBrW3PvpPwAoQ5O27ePJCoYKPCIcpyBO7B7LI0ytbjMgIgjtKUSZSl",
   "dependencies": [
     {
       "name": "hb-form",
@@ -736,5 +799,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-checkout",
-  "version": "0.71.35"
+  "version": "0.71.37"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-checkout",
-  "version": "0.71.35",
+  "version": "0.71.37",
   "contributors": [],
   "description": "End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses string props into objects, merges card networks defaults, and tracks `completed` to switch between editable steps and a read-only confirmation summary with events for payment and form submissions.",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -30,9 +30,6 @@
           },
           "type": "array"
         },
-        "style": {
-          "type": "string"
-        },
         "user": {
           "$ref": "#/definitions/IUser"
         }

package/types/webcomponent.type.d.ts

@@ -46,7 +46,6 @@ export type IPayment = {
 
 export type Component = {
 	id?: string;
-	style?: string;
 	shipments: IShipment[];
 	user?: IUser;
 	gateways: IGateway[];
@@ -58,5 +57,4 @@ export type Events = {
 	paymentCompleted: { total: number; method: string; completed: true };
 	saveUser: IUser;
 	saveShipment: IShipment;
-	completed: "yes" | "no";
 };

package/types/webcomponent_events.type.d.json

@@ -5,13 +5,6 @@
     "Events": {
       "additionalProperties": false,
       "properties": {
-        "completed": {
-          "enum": [
-            "yes",
-            "no"
-          ],
-          "type": "string"
-        },
         "paymentCompleted": {
           "additionalProperties": false,
           "properties": {
@@ -43,8 +36,7 @@
       "required": [
         "paymentCompleted",
         "saveUser",
-        "saveShipment",
-        "completed"
+        "saveShipment"
       ],
       "type": "object"
     },