fontdue-js 3.12.1 → 3.13.0

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 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<<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
  */

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: {

package/dist/__generated__/productState_node.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<89ccca0787788a2ceb37d58b6ab5340a>>
+ * @generated SignedSource<<7112b01c24002ecc9175f687500a7e12>>
  * @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": [],
@@ -76,24 +80,6 @@ const node = function () {
     },
     "name": "productState_node",
     "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
-      "alias": null,
-      "args": null,
-      "concreteType": "CollectionBundle",
-      "kind": "LinkedField",
-      "name": "collectionBundles",
-      "plural": true,
-      "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, {
-        "alias": null,
-        "args": null,
-        "concreteType": "FontCollection",
-        "kind": "LinkedField",
-        "name": "memberCollections",
-        "plural": true,
-        "selections": [v0 /*: any*/, v2 /*: any*/, v3 /*: any*/],
-        "storageKey": null
-      }],
-      "storageKey": null
-    }, {
       "alias": null,
       "args": [{
         "kind": "Literal",
@@ -111,5 +97,5 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "a1e172db45ca550a254819d877497d12";
+node.hash = "aab1ef07e0192a0d22a4c300084d9d05";
 export default node;

package/dist/__tests__/bundleSelectionOrder.test.js

@@ -42,7 +42,6 @@ const catalog = {
         fontStyles: styles.map(style)
       };
     }),
-    collectionBundles: [],
     children: []
   }
 };

package/dist/__tests__/collectionBundleSelection.test.js

@@ -506,6 +506,16 @@ describe('POPULATE_PRODUCT_STATE', () => {
     fontStyles: [style('vf1', null)],
     bundles: []
   };
+  const display = {
+    id: 'display',
+    name: 'Display',
+    sku: sku('display-sku', 500),
+    fontStyles: [style('d1', 'sd1')],
+    bundles: []
+  };
+  // The superfamily's own bundles, read with `bundles(acrossFamilies: true)`:
+  // whole families (what collection bundles were), and styles from two
+  // families. The server expands a family member into its styles.
   const superfamily = {
     node: {
       __typename: 'FontCollection',
@@ -513,14 +523,18 @@ describe('POPULATE_PRODUCT_STATE', () => {
       name: 'Thunder',
       sku: sku('super-sku', 750),
       fontStyles: [],
-      bundles: [],
-      collectionBundles: [{
+      bundles: [{
         id: 'text-bundle',
         name: 'Text + Variable',
         sku: sku('text-bundle-sku', 500),
-        memberCollections: [textFamily, textVariable]
+        fontStyles: [...textFamily.fontStyles, ...textVariable.fontStyles]
+      }, {
+        id: 'regulars',
+        name: 'Regulars',
+        sku: sku('regulars-sku', 60),
+        fontStyles: [style('f1', 's1'), style('d1', 'sd1')]
       }],
-      children: [textFamily, textVariable]
+      children: [textFamily, textVariable, display]
     }
   };
   it('records the styles every SKU grants', () => {
@@ -529,14 +543,25 @@ describe('POPULATE_PRODUCT_STATE', () => {
       data: superfamily
     });
     expect(state.skuStyleIds).toEqual({
-      'super-sku': ['f1', 'f2', 'vf1'],
+      'super-sku': ['f1', 'f2', 'vf1', 'd1'],
       'text-bundle-sku': ['f1', 'f2', 'vf1'],
+      'regulars-sku': ['f1', 'd1'],
       'text-sku': ['f1', 'f2'],
       'text-var-sku': ['vf1'],
+      'display-sku': ['d1'],
       'upright-sku': ['f1'],
       s1: ['f1'],
-      s2: ['f2']
+      s2: ['f2'],
+      sd1: ['d1']
+    });
+  });
+  it('rolls styles from two families up to a superfamily bundle', () => {
+    const loaded = reducer(makeState(), {
+      type: 'POPULATE_PRODUCT_STATE',
+      data: superfamily
     });
+    const state = select(select(loaded, 's1'), 'sd1');
+    expect(selected(state)).toEqual(['regulars-sku']);
   });
   it('prices a SKU picked before its product loaded once it has', () => {
     const picked = select(makeState(), 'text-sku');

package/dist/components/Root/productState.js

@@ -1,17 +1,15 @@
 import _productState_Query from "../../__generated__/productState_Query.graphql.js";
 import _productState_fontPack from "../../__generated__/productState_fontPack.graphql.js";
 import _productState_node from "../../__generated__/productState_node.graphql.js";
-import _productState_collectionBundle from "../../__generated__/productState_collectionBundle.graphql.js";
 import _productState_bundle from "../../__generated__/productState_bundle.graphql.js";
 import _productState_collection from "../../__generated__/productState_collection.graphql.js";
 import _productState_sku from "../../__generated__/productState_sku.graphql.js";
 import { fetchQuery, graphql } from 'react-relay';
 import { notEmpty } from '../../utils.js';
 _productState_sku.hash && _productState_sku.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku;
-_productState_collection.hash && _productState_collection.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection;
+_productState_collection.hash && _productState_collection.hash !== "5ad23bbf68581f27e769ebb0cda70f8e" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection;
 _productState_bundle.hash && _productState_bundle.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle;
-_productState_collectionBundle.hash && _productState_collectionBundle.hash !== "6744aa8f57d14b0111a0c49f488d7b03" && console.error("The definition of 'productState_collectionBundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collectionBundle;
-_productState_node.hash && _productState_node.hash !== "a1e172db45ca550a254819d877497d12" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node;
+_productState_node.hash && _productState_node.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node;
 
 // A pack is one SKU that grants every style in `fontStyles`. Its collection
 // members (a family or a superfamily with its families) are fetched in the
@@ -41,37 +39,21 @@ const allSkus = function (collection) {
     var _collection$bundles;
     bundleSkus = (collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.flatMap(bundle => allSkus(bundle, includeCollections, includeFontStyles))) ?? [];
   }
-  let collectionBundleSkus = [];
-  if ('collectionBundles' in collection && collection.collectionBundles) {
-    collectionBundleSkus = collection.collectionBundles.flatMap(collBundle => allSkus(collBundle, includeCollections, includeFontStyles));
-  }
-
-  // For collection bundles, get SKUs from member collections
-  let memberCollectionSkus = [];
-  if ('memberCollections' in collection && collection.memberCollections) {
-    memberCollectionSkus = collection.memberCollections.flatMap(member => {
-      var _member$fontStyles;
-      return [includeCollections ? member.sku : null, ...(includeFontStyles ? ((_member$fontStyles = member.fontStyles) === null || _member$fontStyles === void 0 ? void 0 : _member$fontStyles.map(style => style.sku)) ?? [] : [])];
-    }).filter(notEmpty);
-  }
   let childrenSkus = [];
   if ('children' in collection) {
     var _collection$children;
     childrenSkus = ((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.flatMap(child => allSkus(child, includeCollections, includeFontStyles))) ?? [];
   }
-  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles && 'fontStyles' in collection ? (collection === null || collection === void 0 ? void 0 : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle.map(style => style.sku)) ?? [] : []), ...bundleSkus, ...collectionBundleSkus, ...memberCollectionSkus, ...childrenSkus].filter(notEmpty);
+  return [includeCollections ? collection === null || collection === void 0 ? void 0 : collection.sku : null, ...(includeFontStyles && 'fontStyles' in collection ? (collection === null || collection === void 0 ? void 0 : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle.map(style => style.sku)) ?? [] : []), ...bundleSkus, ...childrenSkus].filter(notEmpty);
 };
 
 // The styles each SKU grants, by SKU id: a style's SKU grants that style, a
-// bundle its styles, a family its styles, a superfamily its families' styles
-// and a collection bundle its member collections' styles. This is all the
+// bundle its styles (a whole-family member expanded to the family's styles), a
+// family its styles and a superfamily its families' styles. This is all the
 // selection needs to price any combination of them (see selection.ts).
 
 const styleIdsOf = collection => {
   var _collection$fontStyle2, _collection$children2;
-  if ('memberCollections' in collection && collection.memberCollections) {
-    return collection.memberCollections.flatMap(member => member.fontStyles.map(s => s.id));
-  }
   const own = 'fontStyles' in collection ? ((_collection$fontStyle2 = collection.fontStyles) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.map(s => s.id)) ?? [] : [];
   const children = 'children' in collection ? ((_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : _collection$children2.flatMap(child => {
     var _child$fontStyles;
@@ -83,8 +65,7 @@ const flattenSkuStyleIds = collection => {
   var _collection$sku;
   const result = {};
   const add = (skuId, styleIds) => {
-    // A collection that returns no styles of its own (a superfamily listed as
-    // a collection bundle member) says nothing about what it grants.
+    // A SKU that lists no styles says nothing about what it grants.
     if (skuId && styleIds.length > 0) result[skuId] = styleIds;
   };
   const addStyles = fontStyles => {
@@ -95,14 +76,7 @@ const flattenSkuStyleIds = collection => {
   };
   add((_collection$sku = collection.sku) === null || _collection$sku === void 0 ? void 0 : _collection$sku.id, styleIdsOf(collection));
   if ('fontStyles' in collection) addStyles(collection.fontStyles);
-  if ('memberCollections' in collection) {
-    for (const member of collection.memberCollections ?? []) {
-      var _member$sku;
-      add((_member$sku = member.sku) === null || _member$sku === void 0 ? void 0 : _member$sku.id, member.fontStyles.map(s => s.id));
-      addStyles(member.fontStyles);
-    }
-  }
-  const nested = [...('bundles' in collection ? collection.bundles ?? [] : []), ...('collectionBundles' in collection ? collection.collectionBundles ?? [] : []), ...('children' in collection ? collection.children ?? [] : [])];
+  const nested = [...('bundles' in collection ? collection.bundles ?? [] : []), ...('children' in collection ? collection.children ?? [] : [])];
   for (const child of nested) Object.assign(result, flattenSkuStyleIds(child));
   return result;
 };

package/dist/components/StoreModal/StoreModalFamily.js

@@ -40,18 +40,22 @@ export default function StoreModalFamily(_ref) {
     onSelect,
     title
   } = _ref;
-  const collection = useFragment((_StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "f136cd0050f0f75f561221fac75feb85" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection), collectionKey);
+  const collection = useFragment((_StoreModalFamily_collection.hash && _StoreModalFamily_collection.hash !== "9f2a8cd937ebe2c06f2bf771d38de985" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection), collectionKey);
   const fontStyles = useMemo(() => stylesGrouped(collection.fontStyles), [collection]);
-  if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
+  // An unlisted bundle gets no button, but its price still applies as an
+  // upgrade: the product state reads every bundle.
+  const listedBundles = (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.filter(bundle => bundle.visibility !== 'UNLISTED');
+
+  // A superfamily sold only through its families has nothing of its own to
+  // show – unless one of its bundles, across its families, has a button.
+  if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku && !(listedBundles !== null && listedBundles !== void 0 && listedBundles.length)) return null;
   return /*#__PURE__*/React.createElement(FamilyElement, null, {
     title,
     familyButton: /*#__PURE__*/React.createElement(FamilyButton, {
       collection: collection,
       onSelectSku: onSelect
     }),
-    // An unlisted bundle gets no button, but its price still applies as an
-    // upgrade: the product state reads every bundle.
-    bundles: collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.filter(bundle => bundle.visibility !== 'UNLISTED').map(bundle => /*#__PURE__*/React.createElement(StoreModalBundleButton, {
+    bundles: listedBundles === null || listedBundles === void 0 ? void 0 : listedBundles.map(bundle => /*#__PURE__*/React.createElement(StoreModalBundleButton, {
       key: bundle.id,
       bundle: bundle,
       onSelectSku: onSelect

package/dist/fontdue.css

@@ -2136,6 +2136,14 @@ input:checked + .checkbox__icon {
   font-size: 60px;
 }
 
+.store-modal__index-item__description:first-child {
+  grid-column: 1/-2;
+}
+
+.store-modal__index-item__buy {
+  grid-column: -2/-1;
+}
+
 .store-modal__index-item__name {
   font-size: 20px;
   line-height: 30px;

package/dist/version.js

@@ -8,4 +8,4 @@
 // (Fontage.ClientVersions) to spot sites that need to upgrade before a
 // feature that depends on a newer client can work for them.
 export const CLIENT_VERSION_HEADER = 'fontdue-client-version';
-export const version = "3.12.1";
+export const version = "3.13.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.12.1",
+  "version": "3.13.0",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",

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

@@ -1,41 +0,0 @@
-/**
- * @generated SignedSource<<c1a8446af3677d58e3851338c54cf16e>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type productState_collectionBundle$data = {
-    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;
-};
-export type productState_collectionBundle$key = {
-    readonly " $data"?: productState_collectionBundle$data;
-    readonly " $fragmentSpreads": FragmentRefs<"productState_collectionBundle">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/productState_collectionBundle.graphql.js

@@ -1,81 +0,0 @@
-/**
- * @generated SignedSource<<c1a8446af3677d58e3851338c54cf16e>>
- * @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": "Sku",
-      "kind": "LinkedField",
-      "name": "sku",
-      "plural": false,
-      "selections": [v0 /*: any*/, {
-        "alias": null,
-        "args": null,
-        "concreteType": "Money",
-        "kind": "LinkedField",
-        "name": "price",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "amount",
-          "storageKey": null
-        }],
-        "storageKey": null
-      }],
-      "storageKey": null
-    };
-  return {
-    "argumentDefinitions": [],
-    "kind": "Fragment",
-    "metadata": {
-      "mask": false
-    },
-    "name": "productState_collectionBundle",
-    "selections": [v0 /*: any*/, {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "name",
-      "storageKey": null
-    }, v1 /*: any*/, {
-      "alias": null,
-      "args": null,
-      "concreteType": "FontCollection",
-      "kind": "LinkedField",
-      "name": "memberCollections",
-      "plural": true,
-      "selections": [v0 /*: any*/, v1 /*: any*/, {
-        "alias": null,
-        "args": null,
-        "concreteType": "FontStyle",
-        "kind": "LinkedField",
-        "name": "fontStyles",
-        "plural": true,
-        "selections": [v0 /*: any*/, v1 /*: any*/],
-        "storageKey": null
-      }],
-      "storageKey": null
-    }],
-    "type": "CollectionBundle",
-    "abstractKey": null
-  };
-}();
-node.hash = "6744aa8f57d14b0111a0c49f488d7b03";
-export default node;