fontdue-js 3.8.0 → 3.10.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 3.10.0
+
+- The `StoreModal`’s browse page leaves out an unlisted family, and lists an unlisted superfamily’s families in its place, each opening the superfamily’s page. Unlisted font packs are left out of the browse page too.
+- Checkboxes are 20px by default, down from 40px on the `TestFontsForm`, `NewsletterSignup` and license agreement checkboxes. Set `--checkbox-size: 40px` and `--checkbox-margin: 20px` to keep the larger box.
+- Fixed a type tester with a `truncate` line cap cutting through a line, or showing one line too few, in Safari before 26.1. The checkbox size and this fix ship as stylesheet rules, so take `dist/fontdue.css` from this version alongside the JS.
+
+## 3.9.0
+
+- `TestFontsForm` can let the visitor choose which families to download. With *Customer’s choice* set under *Settings → Test fonts* – or `testFonts: { familySelection: "choice" }` in the config, or the `familySelection` prop (`family-selection` on `<fontdue-test-fonts-form>`) – the form lists the families with a checkbox each plus *Select all*, and the download holds only the ticked ones. Ships new stylesheet rules, so take `dist/fontdue.css` from this version alongside the JS.
+- `TestFontsForm` takes `collectionSlug` or `collectionId` (`collection-slug` / `collection-id`, comma-separated for several) to offer just those families, with no checkboxes – for a form on a family’s own page. When preloading, pass the same value to `loadTestFontsFormQuery({ collectionSlug })`; the old options-only call still works.
+
 ## 3.8.0
 
 - Font packs. `StoreModal` lists a store’s packs at the top of its browse page and opens one as a product page, with the same price bar, license picker, cart line and checkout a collection gets. `BuyButton` takes `fontPackId` or `fontPackSlug` in place of `collectionId`/`collectionSlug` – `font-pack-id` or `font-pack-slug` on `<fontdue-buy-button>` – and `?store=product/<pack-slug>` opens a pack directly. Packs honour `indexExcludeTags` the way collections do.

package/README.md

@@ -842,10 +842,12 @@ import TestFontsForm, { loadTestFontsFormQuery } from "fontdue-js/TestFontsForm"
 
 | Prop | Description |
 | --- | --- |
-| `preloadedQuery` | (Optional, SSR) Result of `loadTestFontsFormQuery()`. Lazy if omitted. |
+| `preloadedQuery` | (Optional, SSR) Result of `loadTestFontsFormQuery({ collectionSlug, collectionId })` – pass the same collection props as the form. Lazy if omitted. |
 | `agreementLabel` | (Optional) `string` Label for the required agreement checkbox. Defaults to the "EULA agreement text" field in your Fontdue Labels settings. |
 | `downloadLabel` | (Optional) `string` Submit button label. Defaults to `"Download test fonts"`. |
 | `newsletterCheckboxChecked` | (Optional) `boolean` Pre-check the newsletter opt-in. |
+| `collectionSlug` / `collectionId` | (Optional) `string \| string[]` Limit the download to these font collections (a superfamily stands for its families). No family checkboxes are shown. |
+| `familySelection` | (Optional) `'all' \| 'choice'` Overrides `config.testFonts.familySelection` and the dashboard's *Families in each download* setting. `'choice'` lists the families as checkboxes. |
 
 ## `NewsletterSignup`
 

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

@@ -1,14 +1,22 @@
 /**
- * @generated SignedSource<<9634241d4df0b0b783ac8e970e99b739>>
+ * @generated SignedSource<<82fd75aeba65ed2ecef2a5bb7ff865dc>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ReaderFragment } from 'relay-runtime';
+export type Visibility = "HIDDEN" | "UNLISTED" | "VISIBLE" | "%future added value";
 import { FragmentRefs } from "relay-runtime";
 export type StoreModalIndexItem_fontCollection$data = {
     readonly children: ReadonlyArray<{
+        readonly featureStyle: {
+            readonly supportedLanguages: ReadonlyArray<string> | null;
+            readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle">;
+        } | null;
+        readonly id: string;
         readonly isVariableFont: boolean;
+        readonly name: string;
         readonly totalStyles: number | null;
+        readonly visibility: Visibility;
     }> | null;
     readonly collectionType: string;
     readonly featureStyle: {
@@ -19,6 +27,7 @@ export type StoreModalIndexItem_fontCollection$data = {
     readonly isVariableFont: boolean;
     readonly name: string;
     readonly totalStyles: number | null;
+    readonly visibility: Visibility;
     readonly " $fragmentSpreads": FragmentRefs<"useTotalStyles_fontCollection">;
     readonly " $fragmentType": "StoreModalIndexItem_fontCollection";
 };

package/dist/__generated__/StoreModalIndexItem_fontCollection.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<9634241d4df0b0b783ac8e970e99b739>>
+ * @generated SignedSource<<82fd75aeba65ed2ecef2a5bb7ff865dc>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -13,57 +13,38 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "totalStyles",
+      "name": "id",
       "storageKey": null
     },
     v1 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "isVariableFont",
+      "name": "name",
       "storageKey": null
-    };
-  return {
-    "argumentDefinitions": [],
-    "kind": "Fragment",
-    "metadata": null,
-    "name": "StoreModalIndexItem_fontCollection",
-    "selections": [{
-      "args": null,
-      "kind": "FragmentSpread",
-      "name": "useTotalStyles_fontCollection"
-    }, {
+    },
+    v2 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "id",
+      "name": "visibility",
       "storageKey": null
-    }, {
+    },
+    v3 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "name",
+      "name": "totalStyles",
       "storageKey": null
-    }, v0 /*: any*/, v1 /*: any*/, {
-      "alias": null,
-      "args": [{
-        "kind": "Literal",
-        "name": "collectionTypes",
-        "value": ["FAMILY"]
-      }],
-      "concreteType": "FontCollection",
-      "kind": "LinkedField",
-      "name": "children",
-      "plural": true,
-      "selections": [v1 /*: any*/, v0 /*: any*/],
-      "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-    }, {
+    },
+    v4 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "collectionType",
+      "name": "isVariableFont",
       "storageKey": null
-    }, {
+    },
+    v5 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
@@ -82,10 +63,39 @@ const node = function () {
         "storageKey": null
       }],
       "storageKey": null
-    }],
+    };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StoreModalIndexItem_fontCollection",
+    "selections": [{
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "useTotalStyles_fontCollection"
+    }, v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+      "alias": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "collectionTypes",
+        "value": ["FAMILY"]
+      }],
+      "concreteType": "FontCollection",
+      "kind": "LinkedField",
+      "name": "children",
+      "plural": true,
+      "selections": [v0 /*: any*/, v1 /*: any*/, v2 /*: any*/, v4 /*: any*/, v3 /*: any*/, v5 /*: any*/],
+      "storageKey": "children(collectionTypes:[\"FAMILY\"])"
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "collectionType",
+      "storageKey": null
+    }, v5 /*: any*/],
     "type": "FontCollection",
     "abstractKey": null
   };
 }();
-node.hash = "8a990fad8dc50c9f00b391902e9bc482";
+node.hash = "46573dcfb540ddfba2e28144704bd554";
 export default node;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b1b0a9eafb6bdfcac8c3a24fa8fe27cc>>
+ * @generated SignedSource<<b055d86d719cd9b0a3437468710929c0>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/StoreModalIndexPaginationQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b1b0a9eafb6bdfcac8c3a24fa8fe27cc>>
+ * @generated SignedSource<<b055d86d719cd9b0a3437468710929c0>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -67,6 +67,101 @@ const node = function () {
       "kind": "ScalarField",
       "name": "name",
       "storageKey": null
+    },
+    v7 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "visibility",
+      "storageKey": null
+    },
+    v8 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "featureStyle",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "cssFamily",
+        "storageKey": null
+      }, v6 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "concreteType": "WebfontSource",
+        "kind": "LinkedField",
+        "name": "webfontSources",
+        "plural": true,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "url",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "format",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "tech",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "VerticalMetrics",
+        "kind": "LinkedField",
+        "name": "verticalMetrics",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "unitsPerEm",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "ascender",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "descender",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "lineGap",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "avgCharWidth",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "supportedLanguages",
+        "storageKey": null
+      }, v3 /*: any*/],
+      "storageKey": null
     };
   return {
     "fragment": {
@@ -143,102 +238,15 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "children",
                 "plural": true,
-                "selections": [v4 /*: any*/, v5 /*: any*/, v3 /*: any*/],
+                "selections": [v4 /*: any*/, v5 /*: any*/, v3 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/],
                 "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-              }, v6 /*: any*/, {
+              }, v6 /*: any*/, v7 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
                 "name": "collectionType",
                 "storageKey": null
-              }, {
-                "alias": null,
-                "args": null,
-                "concreteType": "FontStyle",
-                "kind": "LinkedField",
-                "name": "featureStyle",
-                "plural": false,
-                "selections": [{
-                  "alias": null,
-                  "args": null,
-                  "kind": "ScalarField",
-                  "name": "cssFamily",
-                  "storageKey": null
-                }, v6 /*: any*/, {
-                  "alias": null,
-                  "args": null,
-                  "concreteType": "WebfontSource",
-                  "kind": "LinkedField",
-                  "name": "webfontSources",
-                  "plural": true,
-                  "selections": [{
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "url",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "format",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "tech",
-                    "storageKey": null
-                  }],
-                  "storageKey": null
-                }, {
-                  "alias": null,
-                  "args": null,
-                  "concreteType": "VerticalMetrics",
-                  "kind": "LinkedField",
-                  "name": "verticalMetrics",
-                  "plural": false,
-                  "selections": [{
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "unitsPerEm",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "ascender",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "descender",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "lineGap",
-                    "storageKey": null
-                  }, {
-                    "alias": null,
-                    "args": null,
-                    "kind": "ScalarField",
-                    "name": "avgCharWidth",
-                    "storageKey": null
-                  }],
-                  "storageKey": null
-                }, {
-                  "alias": null,
-                  "args": null,
-                  "kind": "ScalarField",
-                  "name": "supportedLanguages",
-                  "storageKey": null
-                }, v3 /*: any*/],
-                "storageKey": null
-              }, {
+              }, v8 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
@@ -290,12 +298,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "822799800d507e869328896c0b5a1845",
+      "cacheID": "cf465f13ec74bf1c500a9104871c2cd5",
       "id": null,
       "metadata": {},
       "name": "StoreModalIndexPaginationQuery",
       "operationKind": "query",
-      "text": "query StoreModalIndexPaginationQuery(\n  $count: Int = 25\n  $cursor: String = null\n  $excludeTags: [String!] = null\n) {\n  viewer {\n    ...StoreModalIndex_viewer_3217ho\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment StoreModalIndexItem_fontCollection on FontCollection {\n  ...useTotalStyles_fontCollection\n  id\n  name\n  totalStyles\n  isVariableFont\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n  collectionType\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndex_viewer_3217ho on Viewer {\n  rootCollections: fontCollections(onlyRoots: true, first: $count, after: $cursor, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        ...StoreModalIndexItem_fontCollection\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\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 StoreModalIndexPaginationQuery(\n  $count: Int = 25\n  $cursor: String = null\n  $excludeTags: [String!] = null\n) {\n  viewer {\n    ...StoreModalIndex_viewer_3217ho\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment StoreModalIndexItem_fontCollection on FontCollection {\n  ...useTotalStyles_fontCollection\n  id\n  name\n  visibility\n  totalStyles\n  isVariableFont\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    visibility\n    isVariableFont\n    totalStyles\n    featureStyle {\n      ...FontStyle_fontStyle\n      supportedLanguages\n      id\n    }\n  }\n  collectionType\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndex_viewer_3217ho on Viewer {\n  rootCollections: fontCollections(onlyRoots: true, first: $count, after: $cursor, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        ...StoreModalIndexItem_fontCollection\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\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__/StoreModalIndexQuery.graphql.d.ts

@@ -1,10 +1,11 @@
 /**
- * @generated SignedSource<<5499691b7a86b4a28f1caa8d610d54fe>>
+ * @generated SignedSource<<c20392d6b43531f66af4e1a04ca5bc39>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ConcreteRequest } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
+export type Visibility = "HIDDEN" | "UNLISTED" | "VISIBLE" | "%future added value";
 export type StoreModalIndexQuery$variables = {
     count?: number | null;
     cursor?: string | null;
@@ -16,6 +17,7 @@ export type StoreModalIndexQuery$data = {
             readonly edges: ReadonlyArray<{
                 readonly node: {
                     readonly id: string;
+                    readonly visibility: Visibility;
                     readonly " $fragmentSpreads": FragmentRefs<"StoreModalIndexPackItem_fontPack">;
                 } | null;
             } | null> | null;

package/dist/__generated__/StoreModalIndexQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5499691b7a86b4a28f1caa8d610d54fe>>
+ * @generated SignedSource<<c20392d6b43531f66af4e1a04ca5bc39>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -45,17 +45,24 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "name",
+      "name": "visibility",
       "storageKey": null
     },
     v7 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "totalStyles",
+      "name": "name",
       "storageKey": null
     },
     v8 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "totalStyles",
+      "storageKey": null
+    },
+    v9 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
@@ -68,7 +75,7 @@ const node = function () {
         "kind": "ScalarField",
         "name": "cssFamily",
         "storageKey": null
-      }, v6 /*: any*/, {
+      }, v7 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "WebfontSource",
@@ -143,7 +150,7 @@ const node = function () {
       }, v5 /*: any*/],
       "storageKey": null
     },
-    v9 = [{
+    v10 = [{
       "kind": "Variable",
       "name": "after",
       "variableName": "cursor"
@@ -156,7 +163,7 @@ const node = function () {
       "name": "onlyRoots",
       "value": true
     }],
-    v10 = {
+    v11 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
@@ -197,7 +204,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "node",
               "plural": false,
-              "selections": [v5 /*: any*/, {
+              "selections": [v5 /*: any*/, v6 /*: any*/, {
                 "args": null,
                 "kind": "FragmentSpread",
                 "name": "StoreModalIndexPackItem_fontPack"
@@ -258,7 +265,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "node",
               "plural": false,
-              "selections": [v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/],
+              "selections": [v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/],
               "storageKey": null
             }],
             "storageKey": null
@@ -266,7 +273,7 @@ const node = function () {
           "storageKey": null
         }, {
           "alias": "rootCollections",
-          "args": v9 /*: any*/,
+          "args": v10 /*: any*/,
           "concreteType": "FontCollectionConnection",
           "kind": "LinkedField",
           "name": "fontCollections",
@@ -285,7 +292,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "node",
               "plural": false,
-              "selections": [v5 /*: any*/, v10 /*: any*/, v7 /*: any*/, {
+              "selections": [v5 /*: any*/, v11 /*: any*/, v8 /*: any*/, {
                 "alias": null,
                 "args": [{
                   "kind": "Literal",
@@ -296,15 +303,15 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "children",
                 "plural": true,
-                "selections": [v10 /*: any*/, v7 /*: any*/, v5 /*: any*/],
+                "selections": [v11 /*: any*/, v8 /*: any*/, v5 /*: any*/, v7 /*: any*/, v6 /*: any*/, v9 /*: any*/],
                 "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-              }, v6 /*: any*/, {
+              }, v7 /*: any*/, v6 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
                 "name": "collectionType",
                 "storageKey": null
-              }, v8 /*: any*/, {
+              }, v9 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
@@ -345,7 +352,7 @@ const node = function () {
           "storageKey": null
         }, {
           "alias": "rootCollections",
-          "args": v9 /*: any*/,
+          "args": v10 /*: any*/,
           "filters": ["onlyRoots", "excludeTags"],
           "handle": "connection",
           "key": "StoreModalIndex_rootCollections",
@@ -356,14 +363,14 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "fc6c3c60269ac58d7204476de4bae67b",
+      "cacheID": "176244d6e8b7a3a3ac4e184b362e4e85",
       "id": null,
       "metadata": {},
       "name": "StoreModalIndexQuery",
       "operationKind": "query",
-      "text": "query StoreModalIndexQuery(\n  $excludeTags: [String!]\n  $count: Int = 25\n  $cursor: String\n) {\n  viewer {\n    fontPacks(first: 9999, excludeTags: $excludeTags) {\n      edges {\n        node {\n          id\n          ...StoreModalIndexPackItem_fontPack\n        }\n      }\n    }\n    ...StoreModalIndex_viewer_3217ho\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment StoreModalIndexItem_fontCollection on FontCollection {\n  ...useTotalStyles_fontCollection\n  id\n  name\n  totalStyles\n  isVariableFont\n  children(collectionTypes: [FAMILY]) {\n    isVariableFont\n    totalStyles\n    id\n  }\n  collectionType\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndexPackItem_fontPack on FontPack {\n  id\n  name\n  totalStyles\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndex_viewer_3217ho on Viewer {\n  rootCollections: fontCollections(onlyRoots: true, first: $count, after: $cursor, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        ...StoreModalIndexItem_fontCollection\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\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 StoreModalIndexQuery(\n  $excludeTags: [String!]\n  $count: Int = 25\n  $cursor: String\n) {\n  viewer {\n    fontPacks(first: 9999, excludeTags: $excludeTags) {\n      edges {\n        node {\n          id\n          visibility\n          ...StoreModalIndexPackItem_fontPack\n        }\n      }\n    }\n    ...StoreModalIndex_viewer_3217ho\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment StoreModalIndexItem_fontCollection on FontCollection {\n  ...useTotalStyles_fontCollection\n  id\n  name\n  visibility\n  totalStyles\n  isVariableFont\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    visibility\n    isVariableFont\n    totalStyles\n    featureStyle {\n      ...FontStyle_fontStyle\n      supportedLanguages\n      id\n    }\n  }\n  collectionType\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndexPackItem_fontPack on FontPack {\n  id\n  name\n  totalStyles\n  featureStyle {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    id\n  }\n}\n\nfragment StoreModalIndex_viewer_3217ho on Viewer {\n  rootCollections: fontCollections(onlyRoots: true, first: $count, after: $cursor, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        ...StoreModalIndexItem_fontCollection\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\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"
     }
   };
 }();
-node.hash = "cea53722e4ce3c40a68997218f7e979f";
+node.hash = "13fce0376ef1b098e7f1f34dfdc7dad4";
 export default node;

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

@@ -1,12 +1,20 @@
 /**
- * @generated SignedSource<<ee5a584fb3013fee58346747b616f67d>>
+ * @generated SignedSource<<47f718aeae16846330759690c693dce6>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ConcreteRequest } from 'relay-runtime';
-export type TestFontsForm_Query$variables = Record<PropertyKey, never>;
+export type TestFontsForm_Query$variables = {
+    collectionIds?: ReadonlyArray<string> | null;
+    collectionSlugs?: ReadonlyArray<string> | null;
+};
 export type TestFontsForm_Query$data = {
     readonly viewer: {
+        readonly fontdueConfig: {
+            readonly testFonts: {
+                readonly familySelection: string;
+            };
+        } | null;
         readonly settings: {
             readonly eulaAgreementLabel: string | null;
             readonly newsletterOptInLabel: string | null;
@@ -15,6 +23,10 @@ export type TestFontsForm_Query$data = {
         } | null;
         readonly testFonts: {
             readonly archiveUrl: string | null;
+            readonly families: ReadonlyArray<{
+                readonly id: string;
+                readonly name: string;
+            }>;
         } | null;
     };
 };