fontdue-js 2.19.2 → 2.20.1

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

@@ -1,14 +1,11 @@
 /**
- * @generated SignedSource<<d4804c04ff39f0c965924befd0065051>>
+ * @generated SignedSource<<1f2a82f15696c2c617af3bce503f56b7>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ReaderFragment } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
 export type TypeTester_fontStyle$data = {
-    readonly family: {
-        readonly cssUrl: string | null;
-    } | null;
     readonly id: string;
     readonly sku: {
         readonly basePrice: {

package/dist/__generated__/TypeTester_fontStyle.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<d4804c04ff39f0c965924befd0065051>>
+ * @generated SignedSource<<1f2a82f15696c2c617af3bce503f56b7>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -64,21 +64,6 @@ const node = function () {
       "args": null,
       "kind": "FragmentSpread",
       "name": "TypeTesterToolbar_fontStyle"
-    }, {
-      "alias": null,
-      "args": null,
-      "concreteType": "FontCollection",
-      "kind": "LinkedField",
-      "name": "family",
-      "plural": false,
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "cssUrl",
-        "storageKey": null
-      }],
-      "storageKey": null
     }, {
       "alias": null,
       "args": null,
@@ -116,6 +101,6 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "aa93e79e779011b33066d07dcd52c7b9";
+node.hash = "bf89a32c8a0661f2102bbcf8c6bd1aa7";
 var _default = node;
 exports.default = _default;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<7a9fa6251405047ddcfc64068ecad989>>
+ * @generated SignedSource<<ee53363f175b7c99ead7d6d5bd763cf0>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersChangedStylesQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<7a9fa6251405047ddcfc64068ecad989>>
+ * @generated SignedSource<<ee53363f175b7c99ead7d6d5bd763cf0>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -230,19 +230,67 @@ const node = function () {
             "kind": "LinkedField",
             "name": "family",
             "plural": false,
-            "selections": [v5 /*: any*/, v2 /*: any*/, {
+            "selections": [v5 /*: any*/, v2 /*: any*/],
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "cssFamily",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "concreteType": "WebfontSource",
+            "kind": "LinkedField",
+            "name": "webfontSources",
+            "plural": true,
+            "selections": [{
               "alias": null,
               "args": null,
               "kind": "ScalarField",
-              "name": "cssUrl",
+              "name": "url",
+              "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "format",
               "storageKey": null
             }],
             "storageKey": null
           }, {
             "alias": null,
             "args": null,
-            "kind": "ScalarField",
-            "name": "cssFamily",
+            "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
+            }],
             "storageKey": null
           }, {
             "alias": null,
@@ -285,12 +333,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "999cb0164a85d4638507d9e0afd1407c",
+      "cacheID": "173bc2733d002ccd95210c7552fa5ee9",
       "id": null,
       "metadata": {},
       "name": "TypeTestersChangedStylesQuery",
       "operationKind": "query",
-      "text": "query TypeTestersChangedStylesQuery(\n  $ids: [ID!]!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  nodes(ids: $ids) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersChangedStylesQuery(\n  $ids: [ID!]!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  nodes(ids: $ids) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\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 SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c0f6e4fabd1f9a149b34f1326d8e446f>>
+ * @generated SignedSource<<71d6501db0c6827dd291fcaece11b870>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<c0f6e4fabd1f9a149b34f1326d8e446f>>
+ * @generated SignedSource<<71d6501db0c6827dd291fcaece11b870>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -476,19 +476,67 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v10 /*: any*/, v9 /*: any*/, {
+                    "selections": [v10 /*: any*/, v9 /*: any*/],
+                    "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "cssFamily",
+                    "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "WebfontSource",
+                    "kind": "LinkedField",
+                    "name": "webfontSources",
+                    "plural": true,
+                    "selections": [{
                       "alias": null,
                       "args": null,
                       "kind": "ScalarField",
-                      "name": "cssUrl",
+                      "name": "url",
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "format",
                       "storageKey": null
                     }],
                     "storageKey": null
                   }, {
                     "alias": null,
                     "args": null,
-                    "kind": "ScalarField",
-                    "name": "cssFamily",
+                    "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
+                    }],
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -575,12 +623,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "acbc4bcb08645d410f7a94e8b2db3d2b",
+      "cacheID": "3a1534760d975508c31c99539e118c0d",
       "id": null,
       "metadata": {},
       "name": "TypeTestersIDQuery",
       "operationKind": "query",
-      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    id\n  }\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        featureStyle {\n          supportedLanguages\n          id\n        }\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    id\n  }\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        featureStyle {\n          supportedLanguages\n          id\n        }\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<950078d2a894ea603b9774c7d0a4f31e>>
+ * @generated SignedSource<<378eb6628f42a050d9b4175a2d276627>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<950078d2a894ea603b9774c7d0a4f31e>>
+ * @generated SignedSource<<378eb6628f42a050d9b4175a2d276627>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -389,19 +389,67 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v12 /*: any*/, v10 /*: any*/, {
+                    "selections": [v12 /*: any*/, v10 /*: any*/],
+                    "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "cssFamily",
+                    "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "WebfontSource",
+                    "kind": "LinkedField",
+                    "name": "webfontSources",
+                    "plural": true,
+                    "selections": [{
                       "alias": null,
                       "args": null,
                       "kind": "ScalarField",
-                      "name": "cssUrl",
+                      "name": "url",
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "format",
                       "storageKey": null
                     }],
                     "storageKey": null
                   }, {
                     "alias": null,
                     "args": null,
-                    "kind": "ScalarField",
-                    "name": "cssFamily",
+                    "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
+                    }],
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -492,12 +540,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "21f60a31fa4d0078bfe4819ceb3a78d8",
+      "cacheID": "fe0a845600807da5162f836e04562106",
       "id": null,
       "metadata": {},
       "name": "TypeTestersRefetchQuery",
       "operationKind": "query",
-      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\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 SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\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 SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<6f88b8fea2605678ef19cba0d3b1604b>>
+ * @generated SignedSource<<313bc2e98c37c896a19342c2f9b7901a>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<6f88b8fea2605678ef19cba0d3b1604b>>
+ * @generated SignedSource<<313bc2e98c37c896a19342c2f9b7901a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -482,19 +482,67 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "family",
                       "plural": false,
-                      "selections": [v10 /*: any*/, v9 /*: any*/, {
+                      "selections": [v10 /*: any*/, v9 /*: any*/],
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "cssFamily",
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "WebfontSource",
+                      "kind": "LinkedField",
+                      "name": "webfontSources",
+                      "plural": true,
+                      "selections": [{
                         "alias": null,
                         "args": null,
                         "kind": "ScalarField",
-                        "name": "cssUrl",
+                        "name": "url",
+                        "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "format",
                         "storageKey": null
                       }],
                       "storageKey": null
                     }, {
                       "alias": null,
                       "args": null,
-                      "kind": "ScalarField",
-                      "name": "cssFamily",
+                      "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
+                      }],
                       "storageKey": null
                     }, {
                       "alias": null,
@@ -582,12 +630,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "b56bf1cf6ad0eddf96fe789bec53095b",
+      "cacheID": "29c527c2d82f9cda8018f39e00abf2b5",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        featureStyle {\n          supportedLanguages\n          id\n        }\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        featureStyle {\n          supportedLanguages\n          id\n        }\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -0,0 +1,28 @@
+/**
+ * @generated SignedSource<<b50f7478f10b59163d4b38cbf7ea2121>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type useFontStyle_fontStyle$data = {
+    readonly cssFamily: string | null;
+    readonly name: string;
+    readonly verticalMetrics: {
+        readonly ascender: number;
+        readonly descender: number;
+        readonly lineGap: number | null;
+        readonly unitsPerEm: number;
+    };
+    readonly webfontSources: ReadonlyArray<{
+        readonly format: string | null;
+        readonly url: string | null;
+    } | null> | null;
+    readonly " $fragmentType": "useFontStyle_fontStyle";
+};
+export type useFontStyle_fontStyle$key = {
+    readonly " $data"?: useFontStyle_fontStyle$data;
+    readonly " $fragmentSpreads": FragmentRefs<"useFontStyle_fontStyle">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/useFontStyle_fontStyle.graphql.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<b50f7478f10b59163d4b38cbf7ea2121>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "useFontStyle_fontStyle",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "cssFamily",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "name",
+    "storageKey": null
+  }, {
+    "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
+    }],
+    "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
+    }],
+    "storageKey": null
+  }],
+  "type": "FontStyle",
+  "abstractKey": null
+};
+node.hash = "cc36ae8da5627792c27e9d3ad2b07258";
+var _default = node;
+exports.default = _default;