fontdue-js 3.2.2 → 3.2.4

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 3.2.4
+
+- **The `StoreModal` checkout no longer advances past the customer step when the customer fails to save.** A rejected save — an invalid email, a duplicate record — previously moved the buyer on to payment with their details unsaved. The step now holds and shows the field errors. No public API change.
+- **Per-customer coupon limits are surfaced at checkout.** When a buyer enters an email address that has used up its allowance on a coupon, the checkout shows the reason and keeps them on the customer step so they can remove the code from the cart.
+
+## 3.2.3
+
+- **Fixed `TypeTester` text drifting out of alignment at small font sizes.** The automatic columns (`columns: {count: 'auto', width: '40ch', gap: '1em'}` by default) sat on the full-width text container, and `ch` tracks the font size — so once the font was small enough for two columns to fit, multicol partitioned the strip and short content landed in the first column, leaving `alignment="center"` centred within *that column* rather than the tester. Right-aligned and RTL testers drifted the same way. The column properties now ride on the inner `[data-contents]` block, which shrink-wraps (`width: max-content`, capped at 100%) and is placed by alignment-driven auto margins; wrapping content still spans the full width and flows into columns as before. The editable container keeps its full width, so click-anywhere-to-edit and autofit width measurement are unchanged, and the SSR branch renders the same wrapper so the first paint matches. Truncating testers keep their columns on the height-capped container their sideways-overflow design requires. Ships new stylesheet rules, so take the `fontdue-js/dist/fontdue.css` from this version alongside the JS.
+- Also fixed centred testers sitting half the autofit side buffer off centre at *every* size — the buffer was applied entirely on one side and is now split across both.
+- **`FontdueAdminToolbar`: the collapsed pill now carries the Fontdue wordmark** — *Fontdue* idle, *Fontdue · Previewing hidden fonts* while previewing, *Fontdue · Preview expired* when the token lapses, matching the connection-error pill's existing wording. The `F` mark and the warning glyph leave the pill (the mark still brands the panel header, the glyph the expired notice). If you style the toolbar yourself: `__mark` no longer appears inside `__button`, and the expired suffix is a new `__expired-suffix` span. Chrome, sizing, shadow, the panel, and `data-testid="preview-toggle"` are unchanged.
+
 ## 3.2.2
 
 - **Fixed the reCAPTCHA forms failing to server-render under Vite SSR** (Astro, and any framework whose dev SSR externalizes CJS deps through Node's ESM interop). 3.2.1 switched to `react-google-recaptcha`'s default export, which bundlers honouring the `__esModule` marker (webpack/Next, and Vite's browser optimizer) unwrap straight to the widget wrapper — but Node's strict ESM↔CJS interop models that same default import as the whole module *namespace*, so `<ReCAPTCHA>` was an object at SSR time. React threw "Element type is invalid … got: object" and the checkout, `NewsletterSignup` and `TestFontsForm` islands fell back to client rendering with a console error. The re-export now normalises the binding (`__esModule ? .default : obj`), resolving the wrapper on every path. A no-op for webpack and Vite's browser build. No public API change.

package/dist/__generated__/CheckoutUpdateCustomerMutation.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<57a9191f691a9c115de436065b6ed167>>
+ * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,6 +16,12 @@ export type CheckoutUpdateCustomerMutation$variables = {
 };
 export type CheckoutUpdateCustomerMutation$data = {
     readonly updateCustomer: {
+        readonly errors: {
+            readonly coupon: ReadonlyArray<string | null> | null;
+            readonly email: ReadonlyArray<string | null> | null;
+            readonly name: ReadonlyArray<string | null> | null;
+            readonly newsletterOptIn: ReadonlyArray<string | null> | null;
+        } | null;
         readonly order: {
             readonly " $fragmentSpreads": FragmentRefs<"CartOrder_order">;
         } | null;

package/dist/__generated__/CheckoutUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<57a9191f691a9c115de436065b6ed167>>
+ * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -34,13 +34,36 @@ const node = function () {
       "storageKey": null
     },
     v4 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "newsletterOptIn",
+      "storageKey": null
+    },
+    v5 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "UpdateCustomerErrors",
+      "kind": "LinkedField",
+      "name": "errors",
+      "plural": false,
+      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "coupon",
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v6 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "id",
       "storageKey": null
     },
-    v5 = [v2 /*: any*/, {
+    v7 = [v2 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
@@ -107,49 +130,49 @@ const node = function () {
       "name": "addressFormatted",
       "storageKey": null
     }],
-    v6 = {
+    v8 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "amount",
       "storageKey": null
     },
-    v7 = [v6 /*: any*/, {
+    v9 = [v8 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "currency",
       "storageKey": null
     }],
-    v8 = [v4 /*: any*/],
-    v9 = {
+    v10 = [v6 /*: any*/],
+    v11 = {
       "alias": null,
       "args": null,
       "concreteType": "LicenseOption",
       "kind": "LinkedField",
       "name": "licenseOptions",
       "plural": true,
-      "selections": v8 /*: any*/,
+      "selections": v10 /*: any*/,
       "storageKey": null
     },
-    v10 = {
+    v12 = {
       "alias": null,
       "args": null,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "price",
       "plural": false,
-      "selections": v7 /*: any*/,
+      "selections": v9 /*: any*/,
       "storageKey": null
     },
-    v11 = {
+    v13 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssFamily",
       "storageKey": null
     },
-    v12 = {
+    v14 = {
       "alias": null,
       "args": null,
       "concreteType": "WebfontSource",
@@ -177,7 +200,7 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v13 = {
+    v15 = {
       "alias": null,
       "args": null,
       "concreteType": "VerticalMetrics",
@@ -217,23 +240,23 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v14 = [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, v4 /*: any*/],
-    v15 = {
+    v16 = [v13 /*: any*/, v2 /*: any*/, v14 /*: any*/, v15 /*: any*/, v6 /*: any*/],
+    v17 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v16 = [v2 /*: any*/, v4 /*: any*/],
-    v17 = {
+    v18 = [v2 /*: any*/, v6 /*: any*/],
+    v19 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": v16 /*: any*/,
+      "selections": v18 /*: any*/,
       "storageKey": null
     };
   return {
@@ -262,7 +285,7 @@ const node = function () {
             "name": "CartOrder_order"
           }],
           "storageKey": null
-        }],
+        }, v5 /*: any*/],
         "storageKey": null
       }],
       "type": "RootMutationType",
@@ -300,13 +323,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "customer",
             "plural": false,
-            "selections": [v2 /*: any*/, v3 /*: any*/, {
-              "alias": null,
-              "args": null,
-              "kind": "ScalarField",
-              "name": "newsletterOptIn",
-              "storageKey": null
-            }, v4 /*: any*/, {
+            "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v6 /*: any*/, {
               "alias": null,
               "args": null,
               "kind": "ScalarField",
@@ -321,7 +338,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "billingIdentity",
             "plural": false,
-            "selections": v5 /*: any*/,
+            "selections": v7 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -330,7 +347,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "licenseeIdentity",
             "plural": false,
-            "selections": v5 /*: any*/,
+            "selections": v7 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -338,7 +355,7 @@ const node = function () {
             "kind": "ScalarField",
             "name": "licenseeIsBillingIdentity",
             "storageKey": null
-          }, v4 /*: any*/, {
+          }, v6 /*: any*/, {
             "alias": null,
             "args": null,
             "kind": "ScalarField",
@@ -357,7 +374,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "subtotal",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -373,7 +390,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "amount",
               "plural": false,
-              "selections": v7 /*: any*/,
+              "selections": v9 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -401,7 +418,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "creditAmount",
                 "plural": false,
-                "selections": v7 /*: any*/,
+                "selections": v9 /*: any*/,
                 "storageKey": null
               }, {
                 "alias": null,
@@ -410,11 +427,11 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "creditAmountRemaining",
                 "plural": false,
-                "selections": v7 /*: any*/,
+                "selections": v9 /*: any*/,
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
-            }, v4 /*: any*/],
+            }, v6 /*: any*/],
             "storageKey": null
           }, {
             "alias": null,
@@ -423,7 +440,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "discountedSubtotal",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -432,7 +449,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "total",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -447,7 +464,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "taxes",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -480,7 +497,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "orderItems",
             "plural": true,
-            "selections": [v4 /*: any*/, {
+            "selections": [v6 /*: any*/, {
               "alias": null,
               "args": null,
               "concreteType": "LicenseSelection",
@@ -494,14 +511,14 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "license",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "concreteType": "License",
                   "kind": "LinkedField",
                   "name": "excludedLicenses",
                   "plural": true,
-                  "selections": v8 /*: any*/,
+                  "selections": v10 /*: any*/,
                   "storageKey": null
                 }, v2 /*: any*/, {
                   "alias": null,
@@ -510,14 +527,14 @@ const node = function () {
                   "kind": "LinkedField",
                   "name": "licenseVariables",
                   "plural": true,
-                  "selections": [v4 /*: any*/, {
+                  "selections": [v6 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "LicenseOption",
                     "kind": "LinkedField",
                     "name": "licenseOptions",
                     "plural": true,
-                    "selections": [v4 /*: any*/, v2 /*: any*/, v6 /*: any*/],
+                    "selections": [v6 /*: any*/, v2 /*: any*/, v8 /*: any*/],
                     "storageKey": null
                   }],
                   "storageKey": null
@@ -530,7 +547,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "licenseVariable",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
@@ -542,7 +559,7 @@ const node = function () {
                   "kind": "ScalarField",
                   "name": "variableType",
                   "storageKey": null
-                }, v9 /*: any*/],
+                }, v11 /*: any*/],
                 "storageKey": null
               }, {
                 "alias": null,
@@ -551,13 +568,13 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "licenseOption",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
                   "name": "amounts",
                   "storageKey": null
-                }, v2 /*: any*/, v6 /*: any*/],
+                }, v2 /*: any*/, v8 /*: any*/],
                 "storageKey": null
               }, {
                 "alias": null,
@@ -565,16 +582,16 @@ const node = function () {
                 "kind": "ScalarField",
                 "name": "variableText",
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
-            }, v10 /*: any*/, {
+            }, v12 /*: any*/, {
               "alias": null,
               "args": null,
               "concreteType": "Sku",
               "kind": "LinkedField",
               "name": "sku",
               "plural": false,
-              "selections": [v10 /*: any*/, {
+              "selections": [v12 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "concreteType": null,
@@ -599,7 +616,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "featureStyle",
                     "plural": false,
-                    "selections": v14 /*: any*/,
+                    "selections": v16 /*: any*/,
                     "storageKey": null
                   }, v2 /*: any*/, {
                     "alias": null,
@@ -607,7 +624,7 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "isVariableFont",
                     "storageKey": null
-                  }, v15 /*: any*/],
+                  }, v17 /*: any*/],
                   "type": "FontCollection",
                   "abstractKey": null
                 }, {
@@ -619,21 +636,21 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "fontStyles",
                     "plural": true,
-                    "selections": v14 /*: any*/,
+                    "selections": v16 /*: any*/,
                     "storageKey": null
-                  }, v2 /*: any*/, v17 /*: any*/],
+                  }, v2 /*: any*/, v19 /*: any*/],
                   "type": "Bundle",
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, {
+                  "selections": [v13 /*: any*/, v2 /*: any*/, v14 /*: any*/, v15 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "FontCollection",
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": v16 /*: any*/,
+                    "selections": v18 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -649,7 +666,7 @@ const node = function () {
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v2 /*: any*/, v15 /*: any*/, v17 /*: any*/],
+                  "selections": [v2 /*: any*/, v17 /*: any*/, v19 /*: any*/],
                   "type": "CollectionBundle",
                   "abstractKey": null
                 }, {
@@ -661,14 +678,14 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "licenses",
                     "plural": true,
-                    "selections": [v4 /*: any*/, v2 /*: any*/, {
+                    "selections": [v6 /*: any*/, v2 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "concreteType": "LicenseVariable",
                       "kind": "LinkedField",
                       "name": "licenseVariables",
                       "plural": true,
-                      "selections": [v4 /*: any*/, v9 /*: any*/],
+                      "selections": [v6 /*: any*/, v11 /*: any*/],
                       "storageKey": null
                     }],
                     "storageKey": null
@@ -677,12 +694,12 @@ const node = function () {
                   "abstractKey": "__isLicenseable"
                 }, {
                   "kind": "InlineFragment",
-                  "selections": v8 /*: any*/,
+                  "selections": v10 /*: any*/,
                   "type": "Node",
                   "abstractKey": "__isNode"
                 }],
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
             }],
             "storageKey": null
@@ -700,7 +717,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "orderVariable",
               "plural": false,
-              "selections": v8 /*: any*/,
+              "selections": v10 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -709,7 +726,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "orderVariableOption",
               "plural": false,
-              "selections": v8 /*: any*/,
+              "selections": v10 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -717,7 +734,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "countryCode",
               "storageKey": null
-            }, v4 /*: any*/],
+            }, v6 /*: any*/],
             "storageKey": null
           }, {
             "alias": null,
@@ -766,19 +783,19 @@ const node = function () {
             "storageKey": null
           }],
           "storageKey": null
-        }],
+        }, v5 /*: any*/],
         "storageKey": null
       }]
     },
     "params": {
-      "cacheID": "3f49743144fb69f20aee40c67b120de6",
+      "cacheID": "42f4aacb7984635baeb967f560d8d683",
       "id": null,
       "metadata": {},
       "name": "CheckoutUpdateCustomerMutation",
       "operationKind": "mutation",
-      "text": "mutation CheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...CartOrder_order\n      id\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n      excludedLicenses {\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "mutation CheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...CartOrder_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n      coupon\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n      excludedLicenses {\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();
-node.hash = "0b5cfd0771be9b3107817aefcc7029cf";
+node.hash = "6cf3a893d17d4059cdad72af115b10ed";
 export default node;

package/dist/__generated__/StoreModalUnifiedCheckoutUpdateCustomerMutation.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f0014cb0692503ce71447168c17be688>>
+ * @generated SignedSource<<c39ff0b9a13f384bdd0130a788ead992>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -17,6 +17,7 @@ export type StoreModalUnifiedCheckoutUpdateCustomerMutation$variables = {
 export type StoreModalUnifiedCheckoutUpdateCustomerMutation$data = {
     readonly updateCustomer: {
         readonly errors: {
+            readonly coupon: ReadonlyArray<string | null> | null;
             readonly email: ReadonlyArray<string | null> | null;
             readonly name: ReadonlyArray<string | null> | null;
             readonly newsletterOptIn: ReadonlyArray<string | null> | null;

package/dist/__generated__/StoreModalUnifiedCheckoutUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f0014cb0692503ce71447168c17be688>>
+ * @generated SignedSource<<c39ff0b9a13f384bdd0130a788ead992>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -47,7 +47,13 @@ const node = function () {
       "kind": "LinkedField",
       "name": "errors",
       "plural": false,
-      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/],
+      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "coupon",
+        "storageKey": null
+      }],
       "storageKey": null
     },
     v6 = {
@@ -303,14 +309,14 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "82be445fa0db7e15cbaafa9de59386b1",
+      "cacheID": "d70ed8aafb03bf94f6f4ca668b7f8893",
       "id": null,
       "metadata": {},
       "name": "StoreModalUnifiedCheckoutUpdateCustomerMutation",
       "operationKind": "mutation",
-      "text": "mutation StoreModalUnifiedCheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n    }\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n"
+      "text": "mutation StoreModalUnifiedCheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n      coupon\n    }\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n"
     }
   };
 }();
-node.hash = "a41e423a93ba20f15ebbe826dd802514";
+node.hash = "dac1a266d63dfa7bee9f22a9373e855a";
 export default node;

package/dist/components/Cart/Checkout.js

@@ -21,7 +21,7 @@ const DESKTOP = 'desktop';
 // are required
 const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'country'];
 _Checkout_identity.hash && _Checkout_identity.hash !== "bd574bf28c2ab018312eb3f033fabb73" && console.error("The definition of 'Checkout_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_identity;
-const updateCustomerMutation = (_CheckoutUpdateCustomerMutation.hash && _CheckoutUpdateCustomerMutation.hash !== "0b5cfd0771be9b3107817aefcc7029cf" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation);
+const updateCustomerMutation = (_CheckoutUpdateCustomerMutation.hash && _CheckoutUpdateCustomerMutation.hash !== "6cf3a893d17d4059cdad72af115b10ed" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation);
 _Checkout_UpdateOrderErrors.hash && _Checkout_UpdateOrderErrors.hash !== "15a33f6b0c5a3de7f1b1dee6982f12ff" && console.error("The definition of 'Checkout_UpdateOrderErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_UpdateOrderErrors;
 const updateOrderMutation = (_CheckoutUpdateOrderMutation.hash && _CheckoutUpdateOrderMutation.hash !== "089745e2478edf385a09357905e4173c" && console.error("The definition of 'CheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateOrderMutation);
 const Checkout = _ref => {
@@ -94,16 +94,27 @@ const Checkout = _ref => {
   useEffect(() => {
     setError(null);
     setErrorsObject(null);
+    setCustomerErrorsObject(null);
     onScrollToTop();
   }, [checkoutStep]);
   const environment = useRelayEnvironment();
   const [errorsObject, setErrorsObject] = useState(null);
+  const [customerErrorsObject, setCustomerErrorsObject] = useState(null);
   const onCompleted = (res, errors, onSuccess) => {
-    var _res$updateOrder;
+    var _res$updateCustomer, _res$updateOrder;
     if (errors && errors.length > 0) {
       setError(errors[0].message);
       setSubmitting(false);
       onScrollToTop();
+    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && _res$updateCustomer.errors) {
+      var _res$updateCustomer$e;
+      // The customer wasn't saved, so don't advance the step. A coupon error
+      // isn't about any field the customer can edit here — it means the coupon
+      // already on the order isn't usable by them — so it goes in the banner.
+      setSubmitting(false);
+      setCustomerErrorsObject(res.updateCustomer.errors);
+      setError(((_res$updateCustomer$e = res.updateCustomer.errors.coupon) === null || _res$updateCustomer$e === void 0 ? void 0 : _res$updateCustomer$e[0]) ?? null);
+      onScrollToTop();
     } else if ('updateOrder' in res && (_res$updateOrder = res.updateOrder) !== null && _res$updateOrder !== void 0 && _res$updateOrder.errors) {
       setSubmitting(false);
       setErrorsObject(res.updateOrder.errors);
@@ -340,7 +351,8 @@ const Checkout = _ref => {
         title: "Contact information",
         value: customer,
         onChange: handleCustomerChange,
-        optInLabel: (_viewerData$settings2 = viewerData.settings) === null || _viewerData$settings2 === void 0 ? void 0 : _viewerData$settings2.newsletterOptInLabel
+        optInLabel: (_viewerData$settings2 = viewerData.settings) === null || _viewerData$settings2 === void 0 ? void 0 : _viewerData$settings2.newsletterOptInLabel,
+        errors: customerErrorsObject
       });
     }
     const customerBreadcrumb = /*#__PURE__*/React.createElement("div", {

package/dist/components/FontdueAdminToolbar/index.js

@@ -262,12 +262,14 @@ export default function FontdueAdminToolbar() {
     onClick: () => setOpen(v => !v),
     "aria-expanded": open,
     "data-testid": "fontdue-admin-toolbar-button"
-  }, expired ? /*#__PURE__*/React.createElement(WarningIcon, null) : /*#__PURE__*/React.createElement(FontdueMark, null), expired ? 'Preview expired' : previewing ? 'Previewing hidden fonts' : 'Preview'));
+  }, /*#__PURE__*/React.createElement("span", null, "Fontdue", expired ? /*#__PURE__*/React.createElement("span", {
+    className: "fontdue-admin-toolbar__expired-suffix"
+  }, ' · Preview expired') : previewing ? ' · Previewing hidden fonts' : null)));
 }
 
-// The Fontdue mark: a serif F on an iris square. Brands the pill and the panel
-// header so the control can name its function ("Preview") instead of the
-// vendor; the full attribution lives in the panel footer.
+// The Fontdue mark: a serif F on an iris square. Brands the panel header —
+// the collapsed pill carries the wordmark itself, so it doesn't also wear
+// the mark (F next to "Fontdue" would say the brand twice).
 function FontdueMark() {
   return /*#__PURE__*/React.createElement("span", {
     className: "fontdue-admin-toolbar__mark",

package/dist/components/TypeTester/TypeTesterContent.js

@@ -46,6 +46,12 @@ const TypeTesterContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     stripPastedStyles: true,
     textDirectionality: direction === 'rtl' ? 'RTL' : 'LTR',
     textAlignment: alignment
-  }) : plainText);
+  }) :
+  /*#__PURE__*/
+  // Mirror Draft's wrapper so the column rules already apply to the
+  // SSR/pre-hydration paint.
+  React.createElement("div", {
+    "data-contents": "true"
+  }, plainText));
 });
 export default TypeTesterContent;

package/dist/components/TypeTester/useTypeTesterStyler.js

@@ -81,12 +81,30 @@ const useTypeTesterStyler = _ref => {
     columnGap: columns.gap
   } : undefined;
 
+  // Outside truncation the columns apply to Draft's `[data-contents]` block
+  // (via _type-tester.scss), which shrink-wraps — on the full-width container,
+  // short content at small sizes lands in the first column and center/right
+  // alignment goes off-center (FD-1017). Truncation keeps its columns here:
+  // its sideways overflow needs the multicol box to be the height-capped one.
+  const columnVars = columns ? {
+    '--type-tester--column-count': `${columns.count}`,
+    '--type-tester--column-width': columns.width,
+    '--type-tester--column-gap': columns.gap,
+    '--type-tester--content-width': 'max-content'
+  } : undefined;
+
   // A glyph's side bearings — ink that sits outside its advance width, like a
   // leading lowercase 'j' or an italic overhang — would be shorn by the inline
   // clip. Per-glyph bearings aren't in the font metrics, so reserve a flat 0.1em
   // on each inline edge and cancel it with a negative margin so
   // wrapping and text position stay put.
   const sideBearing = shouldTruncate ? '0.1em' : '0px';
+
+  // The autofit slack must sit where it is invisible: after the text for
+  // left, before it for right, half on each side for center — one-sided it
+  // left centered text `sideBuffer / 2` off center (FD-804).
+  const bufferRight = alignment === 'center' ? sideBuffer / 2 : alignment === 'left' ? sideBuffer : 0;
+  const bufferLeft = alignment === 'center' ? sideBuffer / 2 : alignment === 'right' ? sideBuffer : 0;
   const style = {
     fontSize: autofit ? `${size}px` : `calc(var(--type-tester--adjustment, 1) * ${size}px)`,
     lineHeight: `${lineHeight}`,
@@ -127,11 +145,11 @@ const useTypeTesterStyler = _ref => {
     } : {
       height: 'auto',
       overflow: 'visible',
-      ...columnStyle
+      ...columnVars
     }),
     fontFeatureSettings,
-    marginRight: `calc(${alignment !== 'right' ? -sideBuffer : 0}px - ${sideBearing})`,
-    marginLeft: `calc(${alignment === 'right' ? -sideBuffer : 0}px - ${sideBearing})`,
+    marginRight: `calc(${-bufferRight}px - ${sideBearing})`,
+    marginLeft: `calc(${-bufferLeft}px - ${sideBearing})`,
     letterSpacing: `${letterSpacing}em`,
     fontVariationSettings,
     textAlign: alignment

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -309,12 +309,19 @@ export default function StoreModalUnifiedCheckout(_ref2) {
   const recaptchaEnabled = ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.recaptchaEnabled) ?? false;
   const recaptchaSiteKey = (_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.recaptchaSiteKey;
   const onCompleted = (res, errors, onSuccess, onError) => {
-    var _res$updateCustomer, _res$updateOrder;
+    var _res$updateCustomer, _res$updateCustomer$e, _res$updateCustomer$e2, _res$updateCustomer2, _res$updateOrder;
     if (errors && errors.length > 0) {
       setError(errors[0].message);
       setSubmitting(false);
       onError === null || onError === void 0 ? void 0 : onError();
-    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && _res$updateCustomer.errors && (res.updateCustomer.errors.name || res.updateCustomer.errors.email || res.updateCustomer.errors.newsletterOptIn)) {
+    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && (_res$updateCustomer$e = _res$updateCustomer.errors) !== null && _res$updateCustomer$e !== void 0 && (_res$updateCustomer$e2 = _res$updateCustomer$e.coupon) !== null && _res$updateCustomer$e2 !== void 0 && _res$updateCustomer$e2[0]) {
+      // Not a field error — the customer's details are fine, the coupon
+      // already on the order isn't usable by them. Keep them on this step so
+      // they can remove it from the cart summary and try again.
+      setSubmitting(false);
+      setCustomerError(res.updateCustomer.errors.coupon[0]);
+      onError === null || onError === void 0 ? void 0 : onError();
+    } else if ('updateCustomer' in res && (_res$updateCustomer2 = res.updateCustomer) !== null && _res$updateCustomer2 !== void 0 && _res$updateCustomer2.errors && (res.updateCustomer.errors.name || res.updateCustomer.errors.email || res.updateCustomer.errors.newsletterOptIn)) {
       setSubmitting(false);
       setCustomerErrorsObject(res.updateCustomer.errors);
       onError === null || onError === void 0 ? void 0 : onError();
@@ -336,7 +343,7 @@ export default function StoreModalUnifiedCheckout(_ref2) {
   };
   const updateCustomer = useCallback((variables, onSuccess, onErrorCallback) => {
     commitMutation(environment, {
-      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation.hash !== "a41e423a93ba20f15ebbe826dd802514" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation),
+      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation.hash !== "dac1a266d63dfa7bee9f22a9373e855a" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation),
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess, onErrorCallback),
       onError

package/dist/fontdue.css

@@ -798,6 +798,23 @@ fontdue-type-tester {
   position: relative;
   z-index: 0;
 }
+.type-tester__text__container [data-contents=true] {
+  column-count: var(--type-tester--column-count, auto);
+  column-width: var(--type-tester--column-width, auto);
+  column-gap: var(--type-tester--column-gap, normal);
+  width: var(--type-tester--content-width, auto);
+  max-width: 100%;
+}
+.type-tester[data-alignment=left] .type-tester__text__container [data-contents=true] {
+  margin-right: auto;
+}
+.type-tester[data-alignment=center] .type-tester__text__container [data-contents=true] {
+  margin-left: auto;
+  margin-right: auto;
+}
+.type-tester[data-alignment=right] .type-tester__text__container [data-contents=true] {
+  margin-left: auto;
+}
 
 .type-tester-select {
   display: flex;
@@ -2872,7 +2889,11 @@ body[data-fontdue-store-modal=open] {
 .cart-item__license-variable__option-name {
   margin-bottom: 0.5em;
 }
+.cart-item__license-variable__text-input-form {
+  flex: 1;
+}
 .cart-item__license-variable__text-input {
+  width: 100%;
   background: transparent;
   color: var(--primary_text_color);
   font-family: inherit;
@@ -3550,6 +3571,10 @@ textarea.text-field__input {
   border-color: #fff;
 }
 
+.fontdue-admin-toolbar__expired-suffix {
+  color: #e8c07a;
+}
+
 .fontdue-admin-toolbar__mark {
   flex: none;
   width: 16px;
@@ -3563,10 +3588,6 @@ textarea.text-field__input {
   font-size: 10px;
   line-height: 1;
 }
-.fontdue-admin-toolbar[data-previewing=true] .fontdue-admin-toolbar__button .fontdue-admin-toolbar__mark {
-  background: #fff;
-  color: var(--fdat-accent);
-}
 
 .fontdue-admin-toolbar__panel {
   width: 280px;

package/dist/relay/environment.js

@@ -8,7 +8,7 @@ import { NODE_ACCESS_HEADER } from '../nodeAccess.js';
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
 // Exported so UI (the admin toolbar) can surface it without re-reading the
 // build-time global in a 'use client' module.
-export const version = "3.2.2";
+export const version = "3.2.4";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Opt server fetches into Next's data cache only in production; dev stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.2.2",
+  "version": "3.2.4",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
@@ -135,4 +135,4 @@
     "./useFont": "./dist/components/useFont.js",
     "./useFontStyle": "./dist/components/useFont.js"
   }
-}
+}