fontdue-js 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## 2.5.0
+
+- Added support for new "Description" field on Licenses, which shows a short description below the license selection
+- Updated some Store Modal headings to use the "UI Font Style Bold" selection in the site settings
+- Improved font selection UX: added a "Select fonts" heading to the font selection page, and updated the language when no fonts are selected from "Please make a selection" to "Please select some fonts"
+
+## 2.4.1
+
+- Fixes NewsletterSignup component not accepting props in some cases
+
+## 2.4.0
+
+- Adds tax rate as a percentage in cart totals (making it more consistent with how totals are shown in receipts and invoices)
+- Fixes default text alignment for right-to-left type testers (e.g. arabic)
+
+## 2.3.0
+
+- Improves StoreModal user experience when selecting fonts: shows a checkmark icon for selected fonts, and shows product prices that result in package discounts with a plus (e.g. $40 -> +$20)
+
 ## 2.2.0
 
 - Support for updated stripe integration, for accounts that connected to Stripe after August 11 2023

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<01242a8291632a5627223bd212a6c280>>
+ * @generated SignedSource<<60c35ca68860b23028f3cfc232778665>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -10,6 +10,13 @@ export type FamilyList_node$data = {
         readonly name: string;
         readonly name_localized: string;
         readonly supportedLanguages: ReadonlyArray<string> | null;
+        readonly variableInstances: ReadonlyArray<{
+            readonly coordinates: ReadonlyArray<{
+                readonly axis: string;
+                readonly value: number;
+            }>;
+            readonly name: string;
+        }> | null;
         readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle">;
     }> | null;
     readonly name: string;

package/dist/__generated__/FamilyList_node.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<01242a8291632a5627223bd212a6c280>>
+ * @generated SignedSource<<60c35ca68860b23028f3cfc232778665>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -54,6 +54,36 @@ const node = function () {
         "kind": "ScalarField",
         "name": "name",
         "storageKey": "name(format:\"LOCALIZED\")"
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "VariableInstance",
+        "kind": "LinkedField",
+        "name": "variableInstances",
+        "plural": true,
+        "selections": [v0 /*: any*/, {
+          "alias": null,
+          "args": null,
+          "concreteType": "VariableSetting",
+          "kind": "LinkedField",
+          "name": "coordinates",
+          "plural": true,
+          "selections": [{
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "axis",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "value",
+            "storageKey": null
+          }],
+          "storageKey": null
+        }],
+        "storageKey": null
       }],
       "storageKey": null
     }],
@@ -61,6 +91,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "3e59cb2493f7c235fe19c70689ca2fc6";
+node.hash = "d52770ab2e7aaa83f392a5d80340f3ad";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<095cc0e1e4a993cebb6b5d78c90af71c>>
+ * @generated SignedSource<<1d4fb162956c6117095ff7fa866dff2b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -14,6 +14,15 @@ export type Family_node$data = {
         } | null;
         readonly " $fragmentSpreads": FragmentRefs<"FamilyList_node">;
     }> | null;
+    readonly fontStyles: ReadonlyArray<{
+        readonly variableAxes: ReadonlyArray<{
+            readonly name: string;
+        }> | null;
+        readonly variableInstances: ReadonlyArray<{
+            readonly name: string;
+        }> | null;
+    }> | null;
+    readonly isVariableFont: boolean;
     readonly name: string;
     readonly sku: {
         readonly id: string;

package/dist/__generated__/Family_node.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<095cc0e1e4a993cebb6b5d78c90af71c>>
+ * @generated SignedSource<<1d4fb162956c6117095ff7fa866dff2b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,10 +16,19 @@ exports.default = void 0;
 
 const node = function () {
   var v0 = {
-    "args": null,
-    "kind": "FragmentSpread",
-    "name": "FamilyList_node"
-  };
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "FamilyList_node"
+    },
+    v1 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    v2 = [v1 /*: any*/];
+
   return {
     "argumentDefinitions": [],
     "kind": "Fragment",
@@ -54,23 +63,50 @@ const node = function () {
       "kind": "ScalarField",
       "name": "cssUrl",
       "storageKey": null
-    }, {
+    }, v1 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "name",
+      "name": "collectionType",
       "storageKey": null
     }, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "collectionType",
+      "name": "totalStyles",
       "storageKey": null
     }, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "totalStyles",
+      "name": "isVariableFont",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "fontStyles",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "VariableAxis",
+        "kind": "LinkedField",
+        "name": "variableAxes",
+        "plural": true,
+        "selections": v2 /*: any*/,
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "VariableInstance",
+        "kind": "LinkedField",
+        "name": "variableInstances",
+        "plural": true,
+        "selections": v2 /*: any*/,
+        "storageKey": null
+      }],
       "storageKey": null
     }, {
       "alias": "families",
@@ -110,6 +146,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "b51af1e6bc979d5219f04c848dc3d76d";
+node.hash = "2fecc4fd332a593d28387a3a87559fe4";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<7b378eaec907edc50e7111f817d12cae>>
+ * @generated SignedSource<<3a7afd49b802244383f88fd3d1ea0bd3>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/FontFamiliesQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<7b378eaec907edc50e7111f817d12cae>>
+ * @generated SignedSource<<3a7afd49b802244383f88fd3d1ea0bd3>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -42,55 +42,98 @@ const node = function () {
       "name": "name",
       "storageKey": null
     },
-    v5 = [{
+    v5 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cssFamily",
+      "storageKey": null
+    },
+    v6 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "supportedLanguages",
+      "storageKey": null
+    },
+    v7 = [{
       "kind": "Literal",
       "name": "format",
       "value": "LOCALIZED"
     }],
-    v6 = {
+    v8 = {
+      "alias": "name_localized",
+      "args": v7 /*: any*/,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": "name(format:\"LOCALIZED\")"
+    },
+    v9 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "VariableInstance",
+      "kind": "LinkedField",
+      "name": "variableInstances",
+      "plural": true,
+      "selections": [v4 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "concreteType": "VariableSetting",
+        "kind": "LinkedField",
+        "name": "coordinates",
+        "plural": true,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "axis",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "value",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v10 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "id",
       "storageKey": null
     },
-    v7 = {
+    v11 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "cssFamily",
-        "storageKey": null
-      }, v4 /*: any*/, {
+      "selections": [v5 /*: any*/, v4 /*: any*/, v6 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/, {
         "alias": null,
         "args": null,
-        "kind": "ScalarField",
-        "name": "supportedLanguages",
-        "storageKey": null
-      }, {
-        "alias": "name_localized",
-        "args": v5 /*: any*/,
-        "kind": "ScalarField",
-        "name": "name",
-        "storageKey": "name(format:\"LOCALIZED\")"
-      }, v6 /*: any*/],
+        "concreteType": "VariableAxis",
+        "kind": "LinkedField",
+        "name": "variableAxes",
+        "plural": true,
+        "selections": [v4 /*: any*/],
 
+        "storageKey": null
+      }],
       "storageKey": null
     },
-    v8 = {
+    v12 = {
       "alias": null,
       "args": null,
       "concreteType": "Sku",
       "kind": "LinkedField",
       "name": "sku",
       "plural": false,
-      "selections": [v6 /*: any*/, {
+      "selections": [v10 /*: any*/, {
         "alias": null,
         "args": [{
           "kind": "Literal",
@@ -119,28 +162,35 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v9 = {
+    v13 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssUrl",
       "storageKey": null
     },
-    v10 = {
+    v14 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "collectionType",
       "storageKey": null
     },
-    v11 = {
+    v15 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v12 = {
+    v16 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "isVariableFont",
+      "storageKey": null
+    },
+    v17 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
@@ -149,11 +199,11 @@ const node = function () {
       "plural": false,
       "selections": [{
         "alias": "keyCharacters_localized",
-        "args": v5 /*: any*/,
+        "args": v7 /*: any*/,
         "kind": "ScalarField",
         "name": "keyCharacters",
         "storageKey": "keyCharacters(format:\"LOCALIZED\")"
-      }, v6 /*: any*/],
+      }, v10 /*: any*/],
 
       "storageKey": null
     };
@@ -211,21 +261,31 @@ const node = function () {
           "storageKey": null
         }, {
           "kind": "InlineFragment",
-          "selections": [v4 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/, v11 /*: any*/, {
+          "selections": [v4 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, {
             "alias": "families",
             "args": v3 /*: any*/,
             "concreteType": "FontCollection",
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v12 /*: any*/, v4 /*: any*/, v7 /*: any*/, v6 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/, v11 /*: any*/, {
+            "selections": [v17 /*: any*/, v4 /*: any*/, v11 /*: any*/, v10 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, {
               "alias": "families",
               "args": v3 /*: any*/,
               "concreteType": "FontCollection",
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v12 /*: any*/, v4 /*: any*/, v7 /*: any*/, v6 /*: any*/],
+              "selections": [v17 /*: any*/, v4 /*: any*/, {
+                "alias": null,
+                "args": null,
+                "concreteType": "FontStyle",
+                "kind": "LinkedField",
+                "name": "fontStyles",
+                "plural": true,
+                "selections": [v5 /*: any*/, v4 /*: any*/, v6 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/],
+
+                "storageKey": null
+              }, v10 /*: any*/],
 
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
             }],
@@ -233,18 +293,18 @@ const node = function () {
           }],
           "type": "FontCollection",
           "abstractKey": null
-        }, v6 /*: any*/],
+        }, v10 /*: any*/],
 
         "storageKey": null
       }]
     },
     "params": {
-      "cacheID": "62e46c66d93dcb7446f0e37a9a26ec7f",
+      "cacheID": "ac29ff13395d753a44c16d0c988b3e7a",
       "id": null,
       "metadata": {},
       "name": "FontFamiliesQuery",
       "operationKind": "query",
-      "text": "query FontFamiliesQuery(\n  $collectionId: ID!\n) {\n  node(id: $collectionId) {\n    __typename\n    ...Family_node\n    ... on FontCollection {\n      families: children(collectionTypes: [FAMILY]) {\n        ...Family_node\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment FamilyList_node on FontCollection {\n  name\n  fontStyles {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    name\n    name_localized: name(format: LOCALIZED)\n    id\n  }\n}\n\nfragment Family_node on FontCollection {\n  ...FamilyList_node\n  sku {\n    id\n    ...SKUPrice_sku\n    ...SelectButton_sku\n  }\n  cssUrl\n  name\n  collectionType\n  totalStyles\n  families: children(collectionTypes: [FAMILY]) {\n    featureStyle {\n      keyCharacters_localized: keyCharacters(format: LOCALIZED)\n      id\n    }\n    ...FamilyList_node\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n"
+      "text": "query FontFamiliesQuery(\n  $collectionId: ID!\n) {\n  node(id: $collectionId) {\n    __typename\n    ...Family_node\n    ... on FontCollection {\n      families: children(collectionTypes: [FAMILY]) {\n        ...Family_node\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment FamilyList_node on FontCollection {\n  name\n  fontStyles {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    name\n    name_localized: name(format: LOCALIZED)\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n    id\n  }\n}\n\nfragment Family_node on FontCollection {\n  ...FamilyList_node\n  sku {\n    id\n    ...SKUPrice_sku\n    ...SelectButton_sku\n  }\n  cssUrl\n  name\n  collectionType\n  totalStyles\n  isVariableFont\n  fontStyles {\n    variableAxes {\n      name\n    }\n    variableInstances {\n      name\n    }\n    id\n  }\n  families: children(collectionTypes: [FAMILY]) {\n    featureStyle {\n      keyCharacters_localized: keyCharacters(format: LOCALIZED)\n      id\n    }\n    ...FamilyList_node\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n"
     }
   };
 }();

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

@@ -1,11 +1,12 @@
 /**
- * @generated SignedSource<<763c405fdfe0923a5c762398d6c08948>>
+ * @generated SignedSource<<a40cbcfab954c3a91aa6db48a2173c06>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ReaderFragment } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
 export type License_node$data = {
+    readonly description: string | null;
     readonly id: string;
     readonly multiplier: string | null;
     readonly name: string | null;

package/dist/__generated__/License_node.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<763c405fdfe0923a5c762398d6c08948>>
+ * @generated SignedSource<<a40cbcfab954c3a91aa6db48a2173c06>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -47,7 +47,17 @@ const node = function () {
       "kind": "ScalarField",
       "name": "url",
       "storageKey": null
-    }, v1 /*: any*/, v2 /*: any*/, {
+    }, v1 /*: any*/, {
+      "alias": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "format",
+        "value": "HTML"
+      }],
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": "description(format:\"HTML\")"
+    }, v2 /*: any*/, {
       "alias": "variables",
       "args": null,
       "concreteType": "LicenseVariable",
@@ -83,6 +93,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "215059eeecc274d540639b4247513ee2";
+node.hash = "1550b152731d8412ffc55716cb536407";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<d6a6b14950b4a7b5295adcae28814e4d>>
+ * @generated SignedSource<<5863f231bf5a9e85364cf3f665a16c6a>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/PrecartQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<d6a6b14950b4a7b5295adcae28814e4d>>
+ * @generated SignedSource<<5863f231bf5a9e85364cf3f665a16c6a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -242,7 +242,17 @@ const node = function () {
             "kind": "ScalarField",
             "name": "url",
             "storageKey": null
-          }, v10 /*: any*/, v13 /*: any*/, {
+          }, v10 /*: any*/, {
+            "alias": null,
+            "args": [{
+              "kind": "Literal",
+              "name": "format",
+              "value": "HTML"
+            }],
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": "description(format:\"HTML\")"
+          }, v13 /*: any*/, {
             "alias": "variables",
             "args": null,
             "concreteType": "LicenseVariable",
@@ -296,12 +306,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "674621a783c04736a9f2fe16f2667575",
+      "cacheID": "9100aa9ac647943ff260798eae9601f0",
       "id": null,
       "metadata": {},
       "name": "PrecartQuery",
       "operationKind": "query",
-      "text": "query PrecartQuery(\n  $licenseOptionsSpecs: [LicenseOptionsSpec]!\n  $selectedSkuIds: [ID]!\n  $collectionId: ID!\n) {\n  viewer {\n    ...Precart_viewer_DvL55\n    id\n  }\n  collection: node(id: $collectionId) {\n    __typename\n    ...Precart_collection\n    id\n  }\n}\n\nfragment License_node on License {\n  id\n  url\n  name\n  multiplier\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    options: licenseOptions {\n      id\n      amount\n      multiplier\n    }\n  }\n}\n\nfragment Precart_collection on FontCollection {\n  name\n}\n\nfragment Precart_viewer_DvL55 on Viewer {\n  precart(skuIds: $selectedSkuIds, licenseOptions: $licenseOptionsSpecs) {\n    skus {\n      id\n      price(licenseOptions: $licenseOptionsSpecs) {\n        amount\n        ...Price_price\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          name\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptionsSpecs) {\n            amount\n          }\n        }\n        ... on Bundle {\n          name\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptionsSpecs) {\n            amount\n          }\n        }\n        ... on FontStyle {\n          name\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n    }\n    subtotal {\n      amount\n      currency\n      ...Price_price\n    }\n  }\n  licenses(licenseTypes: [RETAIL]) {\n    ...License_node\n    name\n    id\n    defaultSelected\n    variables: licenseVariables {\n      id\n      options: licenseOptions {\n        id\n      }\n    }\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n"
+      "text": "query PrecartQuery(\n  $licenseOptionsSpecs: [LicenseOptionsSpec]!\n  $selectedSkuIds: [ID]!\n  $collectionId: ID!\n) {\n  viewer {\n    ...Precart_viewer_DvL55\n    id\n  }\n  collection: node(id: $collectionId) {\n    __typename\n    ...Precart_collection\n    id\n  }\n}\n\nfragment License_node on License {\n  id\n  url\n  name\n  description(format: HTML)\n  multiplier\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    options: licenseOptions {\n      id\n      amount\n      multiplier\n    }\n  }\n}\n\nfragment Precart_collection on FontCollection {\n  name\n}\n\nfragment Precart_viewer_DvL55 on Viewer {\n  precart(skuIds: $selectedSkuIds, licenseOptions: $licenseOptionsSpecs) {\n    skus {\n      id\n      price(licenseOptions: $licenseOptionsSpecs) {\n        amount\n        ...Price_price\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          name\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptionsSpecs) {\n            amount\n          }\n        }\n        ... on Bundle {\n          name\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptionsSpecs) {\n            amount\n          }\n        }\n        ... on FontStyle {\n          name\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n    }\n    subtotal {\n      amount\n      currency\n      ...Price_price\n    }\n  }\n  licenses(licenseTypes: [RETAIL]) {\n    ...License_node\n    name\n    id\n    defaultSelected\n    variables: licenseVariables {\n      id\n      options: licenseOptions {\n        id\n      }\n    }\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<a5cfb56566c459856b3fca56dcc4a45c>>
+ * @generated SignedSource<<602548031710d0196136676f735a8272>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -13,8 +13,20 @@ export type StoreModalContainerQuery$data = {
             }> | null;
         } | null;
         readonly settings: {
-            readonly uiFontName: string | null;
-            readonly uiFontUrl: string | null;
+            readonly uiFontStyle: {
+                readonly cssFamily: string | null;
+                readonly family: {
+                    readonly cssUrl: string | null;
+                } | null;
+                readonly name: string;
+            } | null;
+            readonly uiFontStyleBold: {
+                readonly cssFamily: string | null;
+                readonly family: {
+                    readonly cssUrl: string | null;
+                } | null;
+                readonly name: string;
+            } | null;
         } | null;
     };
 };