fontdue-js 3.12.1 → 3.14.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 3.14.0
+
+- `StoreModal` puts two bundles on one row when the second directly follows the first and repeats its name plus a suffix, such as *Thin* and *Thin Italic*.
+- Fixed the `StoreModal` back link running into the title on mobile, on sites that set a percentage `max-width` on `svg` elements, as Tailwind’s preflight does.
+
+## 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.

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6c31f5ae3be50d8f352ff54f1dcefcf1>>
+ * @generated SignedSource<<c5c1d2d9bea572068b76d4552495484d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,6 +16,7 @@ export type StoreModalFamily_collection$data = {
             readonly " $fragmentSpreads": FragmentRefs<"StoreModalStyleButton_fontStyle">;
         }> | null;
         readonly id: string;
+        readonly name: string;
         readonly visibility: Visibility;
         readonly " $fragmentSpreads": FragmentRefs<"StoreModalBundleButton_bundle">;
     }> | null;

package/dist/__generated__/StoreModalFamily_collection.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6c31f5ae3be50d8f352ff54f1dcefcf1>>
+ * @generated SignedSource<<c5c1d2d9bea572068b76d4552495484d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -91,12 +91,22 @@ const node = function () {
       "storageKey": null
     }, {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
       "selections": [v1 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "name",
+        "storageKey": null
+      }, {
         "alias": null,
         "args": null,
         "kind": "ScalarField",
@@ -116,7 +126,7 @@ const node = function () {
         "kind": "FragmentSpread",
         "name": "StoreModalBundleButton_bundle"
       }],
-      "storageKey": null
+      "storageKey": "bundles(acrossFamilies:true)"
     }, {
       "alias": null,
       "args": null,
@@ -137,5 +147,5 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "f136cd0050f0f75f561221fac75feb85";
+node.hash = "ed59465ca68bf3d3278773a671ddefb3";
 export default node;

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

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

package/dist/__generated__/StoreModalProductQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<707ad44162117449e3674411f5f6f383>>
+ * @generated SignedSource<<736ad1206cfda5f9db8419bc44791988>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -288,12 +288,16 @@ const node = function () {
     },
     v30 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
-      "selections": [v4 /*: any*/, v9 /*: any*/, {
+      "selections": [v4 /*: any*/, v12 /*: any*/, v9 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "FontStyle",
@@ -302,8 +306,8 @@ const node = function () {
         "plural": true,
         "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
+      }, v15 /*: any*/],
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v31 = {
       "alias": null,
@@ -774,12 +778,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "02189659d07ea5233232f832804173b7",
+      "cacheID": "55f9c9300355f867f5150f0c070d800c",
       "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    name\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<<c1876446c499f74a29e20ada076f17f7>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductRefetchQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<3b8420bd66bdd1d36ec4ab67e6ade582>>
+ * @generated SignedSource<<c1876446c499f74a29e20ada076f17f7>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -286,12 +286,16 @@ const node = function () {
     },
     v28 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
-      "selections": [v6 /*: any*/, v7 /*: any*/, {
+      "selections": [v6 /*: any*/, v10 /*: any*/, v7 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "FontStyle",
@@ -300,8 +304,8 @@ const node = function () {
         "plural": true,
         "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
+      }, v13 /*: any*/],
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v29 = {
       "alias": null,
@@ -510,12 +514,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "e76946d384161bdec43aed745ea8b411",
+      "cacheID": "5877ecb283c40b094b063a3e3b88b8ae",
       "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    name\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<<f862417337955b7f7262fcc822d87026>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalProductSlugQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5a1f99f864f7661fe006d3119e6d7c7f>>
+ * @generated SignedSource<<f862417337955b7f7262fcc822d87026>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -293,12 +293,16 @@ const node = function () {
     },
     v31 = {
       "alias": null,
-      "args": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "acrossFamilies",
+        "value": true
+      }],
       "concreteType": "Bundle",
       "kind": "LinkedField",
       "name": "bundles",
       "plural": true,
-      "selections": [v4 /*: any*/, v10 /*: any*/, {
+      "selections": [v4 /*: any*/, v13 /*: any*/, v10 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "FontStyle",
@@ -307,8 +311,8 @@ const node = function () {
         "plural": true,
         "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
+      }, v16 /*: any*/],
+      "storageKey": "bundles(acrossFamilies:true)"
     },
     v32 = {
       "alias": null,
@@ -814,12 +818,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "15c4e68db3f3b5c73c62182dd26404ac",
+      "cacheID": "0b08bcd167621cb4ece4d513e0b7d8fb",
       "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    name\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
  */

package/dist/__generated__/productState_fontPack.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c00a5a25369b3afa2e42b1f47d1fa26a>>
+ * @generated SignedSource<<225503323456f9f96cbe77f3b83dd674>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -60,13 +60,17 @@ const node = function () {
     },
     v4 = {
       "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)"
     };
   return {
     "argumentDefinitions": [],

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<89ccca0787788a2ceb37d58b6ab5340a>>
+ * @generated SignedSource<<7112b01c24002ecc9175f687500a7e12>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -63,34 +63,6 @@ export type productState_node$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: {