fontdue-js 3.12.0 → 3.13.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 3.13.0
+
+- `StoreModal` offers a superfamily’s bundles that mix styles from several of its families, or styles alongside whole families, and shows a superfamily’s bundles even when the superfamily has no price of its own.
+- Fixed the `StoreModal`’s list of collections putting *Buy* right after the name, instead of at the row’s right edge, on rows with no “Aa” sample – every row with `indexLayout: 'styled-font-names'`.
+
+## 3.12.1
+
+- Fixed a `TypeTester`’s style menu showing only the current style on the first click, most visibly in Safari. The style list now loads as the type tester nears the viewport.
+- Fixed the `StoreModal` checkout showing Stripe’s generic error when Stripe refuses to start a checkout, such as for a total under its minimum charge. It now shows Stripe’s reason.
+
 ## 3.12.0
 
 - `CustomerLoginForm` runs an invisible reCAPTCHA check when *Enable reCAPTCHA* is on under *Settings → Integration*, giving the sign-in form the same bot protection as `NewsletterSignup` and `TestFontsForm`.

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

@@ -0,0 +1,22 @@
+/**
+ * @generated SignedSource<<115e004f4831c3eb09ea98ab9cd0934a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type CustomerSignInElementQuery$variables = Record<PropertyKey, never>;
+export type CustomerSignInElementQuery$data = {
+    readonly viewer: {
+        readonly currentCustomer: {
+            readonly email: string | null;
+            readonly id: string;
+            readonly name: string | null;
+        } | null;
+    };
+};
+export type CustomerSignInElementQuery = {
+    response: CustomerSignInElementQuery$data;
+    variables: CustomerSignInElementQuery$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/CustomerSignInElementQuery.graphql.js

@@ -0,0 +1,87 @@
+/**
+ * @generated SignedSource<<115e004f4831c3eb09ea98ab9cd0934a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    v1 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "Customer",
+      "kind": "LinkedField",
+      "name": "currentCustomer",
+      "plural": false,
+      "selections": [v0 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "name",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "email",
+        "storageKey": null
+      }],
+      "storageKey": null
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "CustomerSignInElementQuery",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [v1 /*: any*/],
+        "storageKey": null
+      }],
+      "type": "RootQueryType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "CustomerSignInElementQuery",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [v1 /*: any*/, v0 /*: any*/],
+        "storageKey": null
+      }]
+    },
+    "params": {
+      "cacheID": "3f3148c6d2bf1f2b90edfb3f217f6e50",
+      "id": null,
+      "metadata": {},
+      "name": "CustomerSignInElementQuery",
+      "operationKind": "query",
+      "text": "query CustomerSignInElementQuery {\n  viewer {\n    currentCustomer {\n      id\n      name\n      email\n    }\n    id\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "e7d4a8fb8d19581d6bc36f29090230af";
+export default node;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6c31f5ae3be50d8f352ff54f1dcefcf1>>
+ * @generated SignedSource<<a7931c30cf5e8e57f8a445e99e660127>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalFamily_collection.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6c31f5ae3be50d8f352ff54f1dcefcf1>>
+ * @generated SignedSource<<a7931c30cf5e8e57f8a445e99e660127>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -91,7 +91,11 @@ const node = function () {
       "storageKey": null
     }, {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
@@ -116,7 +120,7 @@ const node = function () {
         "kind": "FragmentSpread",
         "name": "StoreModalBundleButton_bundle"
       }],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     }, {
       "alias": null,
       "args": null,
@@ -137,5 +141,5 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "f136cd0050f0f75f561221fac75feb85";
+node.hash = "9f2a8cd937ebe2c06f2bf771d38de985";
 export default node;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<707ad44162117449e3674411f5f6f383>>
+ * @generated SignedSource<<6879b49c7ed4c15239072fdee19e8663>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<707ad44162117449e3674411f5f6f383>>
+ * @generated SignedSource<<6879b49c7ed4c15239072fdee19e8663>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -288,7 +288,11 @@ const node = function () {
     },
     v30 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
@@ -303,7 +307,7 @@ const node = function () {
         "selections": [v4 /*: any*/, v18 /*: any*/, v27 /*: any*/, v28 /*: any*/, v12 /*: any*/, v22 /*: any*/, v29 /*: any*/, v15 /*: any*/, v20 /*: any*/, v21 /*: any*/],
         "storageKey": null
       }, v12 /*: any*/, v15 /*: any*/],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v31 = {
       "alias": null,
@@ -774,12 +778,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "02189659d07ea5233232f832804173b7",
+      "cacheID": "38b9ac37413b2104a1a786bdd185db13",
       "id": null,
       "metadata": {},
       "name": "StoreModalProductQuery",
       "operationKind": "query",
-      "text": "query StoreModalProductQuery(\n  $productId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalProductContent_collection_4sncub\n  }\n  viewer {\n    ...StoreModalProductViewer_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on CollectionBundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on FontPack {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalProductViewer_4sncub on Viewer {\n  endpoint\n  stripeAccountId\n  ...OrderVariableSelectionRedux_viewer_2ZguDv\n  ...StoreModalProductSummary_viewer_4sncub\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  settings {\n    storeModalSelectLicenseeLabel(format: HTML)\n    storeModalLicenseeSelfLabel(format: HTML)\n    storeModalLicenseeSelfDescription(format: HTML)\n    storeModalLicenseeClientLabel(format: HTML)\n    storeModalLicenseeClientDescription(format: HTML)\n    storeModalSelectOrderVariablesLabel(format: HTML)\n    storeModalSelectLicensesLabel(format: HTML)\n    storeModalSelectFontsLabel(format: HTML)\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
+      "text": "query StoreModalProductQuery(\n  $productId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalProductContent_collection_4sncub\n  }\n  viewer {\n    ...StoreModalProductViewer_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles(acrossFamilies: true) {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on CollectionBundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on FontPack {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalProductViewer_4sncub on Viewer {\n  endpoint\n  stripeAccountId\n  ...OrderVariableSelectionRedux_viewer_2ZguDv\n  ...StoreModalProductSummary_viewer_4sncub\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  settings {\n    storeModalSelectLicenseeLabel(format: HTML)\n    storeModalLicenseeSelfLabel(format: HTML)\n    storeModalLicenseeSelfDescription(format: HTML)\n    storeModalLicenseeClientLabel(format: HTML)\n    storeModalLicenseeClientDescription(format: HTML)\n    storeModalSelectOrderVariablesLabel(format: HTML)\n    storeModalSelectLicensesLabel(format: HTML)\n    storeModalSelectFontsLabel(format: HTML)\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<3b8420bd66bdd1d36ec4ab67e6ade582>>
+ * @generated SignedSource<<5ff6991d572efd3da82bb9b8bc8c60de>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductRefetchQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<3b8420bd66bdd1d36ec4ab67e6ade582>>
+ * @generated SignedSource<<5ff6991d572efd3da82bb9b8bc8c60de>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -286,7 +286,11 @@ const node = function () {
     },
     v28 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
@@ -301,7 +305,7 @@ const node = function () {
         "selections": [v6 /*: any*/, v16 /*: any*/, v25 /*: any*/, v26 /*: any*/, v10 /*: any*/, v20 /*: any*/, v27 /*: any*/, v13 /*: any*/, v18 /*: any*/, v19 /*: any*/],
         "storageKey": null
       }, v10 /*: any*/, v13 /*: any*/],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v29 = {
       "alias": null,
@@ -510,12 +514,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "e76946d384161bdec43aed745ea8b411",
+      "cacheID": "60bff65fb72623a576209940b959d91c",
       "id": null,
       "metadata": {},
       "name": "StoreModalProductRefetchQuery",
       "operationKind": "query",
-      "text": "query StoreModalProductRefetchQuery(\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...StoreModalProductContent_collection_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
+      "text": "query StoreModalProductRefetchQuery(\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...StoreModalProductContent_collection_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles(acrossFamilies: true) {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5a1f99f864f7661fe006d3119e6d7c7f>>
+ * @generated SignedSource<<b23803b39edffe24d06bd453e4126256>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductSlugQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5a1f99f864f7661fe006d3119e6d7c7f>>
+ * @generated SignedSource<<b23803b39edffe24d06bd453e4126256>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -293,7 +293,11 @@ const node = function () {
     },
     v31 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
@@ -308,7 +312,7 @@ const node = function () {
         "selections": [v4 /*: any*/, v19 /*: any*/, v28 /*: any*/, v29 /*: any*/, v13 /*: any*/, v23 /*: any*/, v30 /*: any*/, v16 /*: any*/, v21 /*: any*/, v22 /*: any*/],
         "storageKey": null
       }, v13 /*: any*/, v16 /*: any*/],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v32 = {
       "alias": null,
@@ -814,12 +818,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "15c4e68db3f3b5c73c62182dd26404ac",
+      "cacheID": "5393d2c838943cbce941bcca7dd5aa4d",
       "id": null,
       "metadata": {},
       "name": "StoreModalProductSlugQuery",
       "operationKind": "query",
-      "text": "query StoreModalProductSlugQuery(\n  $productSlug: String!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  viewer {\n    slug(name: $productSlug) {\n      collection: fontCollection {\n        id\n        ...StoreModalProductContent_collection_4sncub\n      }\n      pack: fontPack {\n        id\n        ...StoreModalProductContent_collection_4sncub\n      }\n      id\n    }\n    ...StoreModalProductViewer_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on CollectionBundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on FontPack {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalProductViewer_4sncub on Viewer {\n  endpoint\n  stripeAccountId\n  ...OrderVariableSelectionRedux_viewer_2ZguDv\n  ...StoreModalProductSummary_viewer_4sncub\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  settings {\n    storeModalSelectLicenseeLabel(format: HTML)\n    storeModalLicenseeSelfLabel(format: HTML)\n    storeModalLicenseeSelfDescription(format: HTML)\n    storeModalLicenseeClientLabel(format: HTML)\n    storeModalLicenseeClientDescription(format: HTML)\n    storeModalSelectOrderVariablesLabel(format: HTML)\n    storeModalSelectLicensesLabel(format: HTML)\n    storeModalSelectFontsLabel(format: HTML)\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
+      "text": "query StoreModalProductSlugQuery(\n  $productSlug: String!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  viewer {\n    slug(name: $productSlug) {\n      collection: fontCollection {\n        id\n        ...StoreModalProductContent_collection_4sncub\n      }\n      pack: fontPack {\n        id\n        ...StoreModalProductContent_collection_4sncub\n      }\n      id\n    }\n    ...StoreModalProductViewer_4sncub\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment OrderVariableSelectionRedux_viewer_2ZguDv on Viewer {\n  ...OrderVariableSelection_variables_2ZguDv\n  detectedCountry\n  orderVariables {\n    id\n    variableType\n  }\n}\n\nfragment OrderVariableSelection_variables_2ZguDv on Viewer {\n  orderVariables {\n    id\n    name\n    variableType\n    description(format: HTML, orderVariables: $orderVariables)\n    orderVariableOptions {\n      id\n      amount\n    }\n  }\n  countries {\n    code\n    name\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle_4sncub on Bundle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection_4sncub on FontCollection {\n  isVariableFont\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n  ...useTotalStyles_fontCollection\n}\n\nfragment StoreModalFamily_collection_4sncub on FontCollection {\n  ...StoreModalFamilyButton_collection_4sncub\n  collectionType\n  sku {\n    id\n  }\n  isVariableFont\n  bundles(acrossFamilies: true) {\n    id\n    visibility\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ...StoreModalBundleButton_bundle_4sncub\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    cssStyle\n    ...StoreModalStyleButton_fontStyle_4sncub\n  }\n}\n\nfragment StoreModalPackButton_fontPack_4sncub on FontPack {\n  name\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n    price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      amount\n    }\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalPack_fontPack_4sncub on FontPack {\n  ...StoreModalPackButton_fontPack_4sncub\n  members {\n    __typename\n    ... on FontStyle {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      cssStyle\n      family {\n        id\n        name\n        isVariableFont\n        visibility\n      }\n      ...StoreModalStyleButton_fontStyle_4sncub\n    }\n    ... on FontCollection {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n      children(collectionTypes: [FAMILY]) {\n        id\n        visibility\n        ...StoreModalFamily_collection_4sncub\n      }\n    }\n    ... on Node {\n      __isNode: __typename\n      id\n    }\n  }\n}\n\nfragment StoreModalProductContent_collection_4sncub on Node {\n  __isNode: __typename\n  __typename\n  ... on FontCollection {\n    id\n    visibility\n    ...StoreModalFamily_collection_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n    children(collectionTypes: [FAMILY]) {\n      id\n      visibility\n      ...StoreModalFamily_collection_4sncub\n    }\n  }\n  ... on FontPack {\n    id\n    ...StoreModalPack_fontPack_4sncub\n    ...StoreModalProductLicenseSelection_licenseable\n  }\n  id\n}\n\nfragment StoreModalProductLicenseSelection_licenseable on Licenseable {\n  __isLicenseable: __typename\n  id\n  licenses {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  description(format: HTML)\n  defaultSelected\n  excludedLicenses {\n    id\n  }\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer_4sncub on Viewer {\n  settings {\n    taxSystem\n    stripeTaxSettings {\n      taxBehavior\n    }\n  }\n  taxCollections {\n    taxName\n    inclusive\n  }\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  precart(skuIds: [], licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    skus {\n      price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on CollectionBundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on FontPack {\n          totalStyles\n          totalStylesPrice(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalProductViewer_4sncub on Viewer {\n  endpoint\n  stripeAccountId\n  ...OrderVariableSelectionRedux_viewer_2ZguDv\n  ...StoreModalProductSummary_viewer_4sncub\n  orderVariables {\n    id\n    variableType\n    name\n  }\n  settings {\n    storeModalSelectLicenseeLabel(format: HTML)\n    storeModalLicenseeSelfLabel(format: HTML)\n    storeModalLicenseeSelfDescription(format: HTML)\n    storeModalLicenseeClientLabel(format: HTML)\n    storeModalLicenseeClientDescription(format: HTML)\n    storeModalSelectOrderVariablesLabel(format: HTML)\n    storeModalSelectLicensesLabel(format: HTML)\n    storeModalSelectFontsLabel(format: HTML)\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle_4sncub on FontStyle {\n  id\n  name\n  supportedLanguages\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  sku {\n    ...SKUPrice_sku_4sncub\n    id\n  }\n  ...FontStyle_fontStyle\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\nfragment useTotalStyles_fontCollection on FontCollection {\n  isVariableFont\n  totalStyles\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<925530e7d4ec77a773367f26953fcb94>>
+ * @generated SignedSource<<c982d977739156bf458823aeab72a167>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -67,34 +67,6 @@ export type productState_Query$data = {
                 };
             } | null;
         }> | null;
-        readonly collectionBundles: ReadonlyArray<{
-            readonly id: string;
-            readonly memberCollections: ReadonlyArray<{
-                readonly fontStyles: ReadonlyArray<{
-                    readonly id: string;
-                    readonly sku: {
-                        readonly id: string;
-                        readonly price: {
-                            readonly amount: number;
-                        };
-                    } | null;
-                }>;
-                readonly id: string;
-                readonly sku: {
-                    readonly id: string;
-                    readonly price: {
-                        readonly amount: number;
-                    };
-                } | null;
-            }> | null;
-            readonly name: string;
-            readonly sku: {
-                readonly id: string;
-                readonly price: {
-                    readonly amount: number;
-                };
-            } | null;
-        }> | null;
         readonly fontStyles: ReadonlyArray<{
             readonly id: string;
             readonly sku: {

package/dist/__generated__/productState_Query.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<925530e7d4ec77a773367f26953fcb94>>
+ * @generated SignedSource<<c982d977739156bf458823aeab72a167>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -77,34 +77,19 @@ const node = function () {
     },
     v7 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
       "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v8 = {
-      "alias": null,
-      "args": null,
-      "concreteType": "CollectionBundle",
-      "kind": "LinkedField",
-      "name": "collectionBundles",
-      "plural": true,
-      "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, {
-        "alias": null,
-        "args": null,
-        "concreteType": "FontCollection",
-        "kind": "LinkedField",
-        "name": "memberCollections",
-        "plural": true,
-        "selections": [v3 /*: any*/, v5 /*: any*/, v6 /*: any*/],
-        "storageKey": null
-      }],
-      "storageKey": null
-    },
-    v9 = {
       "alias": null,
       "args": [{
         "kind": "Literal",
@@ -118,9 +103,9 @@ const node = function () {
       "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/],
       "storageKey": "children(collectionTypes:[\"FAMILY\"])"
     },
-    v10 = {
+    v9 = {
       "kind": "InlineFragment",
-      "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v9 /*: any*/],
+      "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/],
       "type": "FontCollection",
       "abstractKey": null
     };
@@ -139,7 +124,7 @@ const node = function () {
         "plural": false,
         "selections": [{
           "kind": "InlineFragment",
-          "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/],
+          "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/],
           "type": "FontCollection",
           "abstractKey": null
         }, {
@@ -151,7 +136,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "members",
             "plural": true,
-            "selections": [v2 /*: any*/, v10 /*: any*/],
+            "selections": [v2 /*: any*/, v9 /*: any*/],
             "storageKey": null
           }],
           "type": "FontPack",
@@ -176,7 +161,7 @@ const node = function () {
         "plural": false,
         "selections": [v2 /*: any*/, v3 /*: any*/, {
           "kind": "InlineFragment",
-          "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/],
+          "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/],
           "type": "FontCollection",
           "abstractKey": null
         }, {
@@ -188,7 +173,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "members",
             "plural": true,
-            "selections": [v2 /*: any*/, v10 /*: any*/, {
+            "selections": [v2 /*: any*/, v9 /*: any*/, {
               "kind": "InlineFragment",
               "selections": [v3 /*: any*/],
               "type": "Node",
@@ -203,12 +188,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "47288a3b11085a6e8771d765f203f545",
+      "cacheID": "35e4711d9da320d91e489653a128a18e",
       "id": null,
       "metadata": {},
       "name": "productState_Query",
       "operationKind": "query",
-      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      bundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n      }\n      collectionBundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        memberCollections {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n        bundles {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n    }\n    ... on FontPack {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      members {\n        __typename\n        ... on FontCollection {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n          bundles {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n          }\n          children(collectionTypes: [FAMILY]) {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n            bundles {\n              id\n              name\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n              fontStyles {\n                id\n                sku {\n                  id\n                  price {\n                    amount\n                  }\n                }\n              }\n            }\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n    }\n    id\n  }\n}\n"
+      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      bundles(acrossFamilies: true) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n        bundles(acrossFamilies: true) {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n    }\n    ... on FontPack {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      members {\n        __typename\n        ... on FontCollection {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n          bundles(acrossFamilies: true) {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n          }\n          children(collectionTypes: [FAMILY]) {\n            id\n            name\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            fontStyles {\n              id\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n            }\n            bundles(acrossFamilies: true) {\n              id\n              name\n              sku {\n                id\n                price {\n                  amount\n                }\n              }\n              fontStyles {\n                id\n                sku {\n                  id\n                  price {\n                    amount\n                  }\n                }\n              }\n            }\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n    }\n    id\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<1d5700e0886a4a58d6f96732985e3d02>>
+ * @generated SignedSource<<9b7dc1f76b6bd7def12a2a60897ece3d>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/productState_collection.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<1d5700e0886a4a58d6f96732985e3d02>>
+ * @generated SignedSource<<9b7dc1f76b6bd7def12a2a60897ece3d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -67,17 +67,21 @@ const node = function () {
     "name": "productState_collection",
     "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
       "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     }],
     "type": "FontCollection",
     "abstractKey": null
   };
 }();
-node.hash = "90e56933f956c6773c0958284de81884";
+node.hash = "5ad23bbf68581f27e769ebb0cda70f8e";
 export default node;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c00a5a25369b3afa2e42b1f47d1fa26a>>
+ * @generated SignedSource<<225503323456f9f96cbe77f3b83dd674>>
  * @lightSyntaxTransform
  * @nogrep
  */