fontdue-js 2.19.2 → 2.20.0

package/dist/__generated__/CartStateUpdateMutation.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<cac58abb3074540c7be5cdd7ba296ac6>>
+ * @generated SignedSource<<2a4fb4cee586693d647ab630569263d0>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -191,25 +191,76 @@ const node = function () {
     v15 = {
       "alias": null,
       "args": null,
-      "kind": "ScalarField",
-      "name": "cssUrl",
+      "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
     },
     v16 = {
+      "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
+    },
+    v17 = [v14 /*: any*/, v6 /*: any*/, v15 /*: any*/, v16 /*: any*/, v8 /*: any*/],
+    v18 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v17 = {
+    v19 = [v6 /*: any*/, v8 /*: any*/],
+    v20 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": [v6 /*: any*/, v8 /*: any*/],
+      "selections": v19 /*: any*/,
       "storageKey": null
     };
   return {
@@ -517,16 +568,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "featureStyle",
                     "plural": false,
-                    "selections": [v14 /*: any*/, v6 /*: any*/, v8 /*: any*/, {
-                      "alias": null,
-                      "args": null,
-                      "concreteType": "FontCollection",
-                      "kind": "LinkedField",
-                      "name": "family",
-                      "plural": false,
-                      "selections": [v15 /*: any*/, v8 /*: any*/],
-                      "storageKey": null
-                    }],
+                    "selections": v17 /*: any*/,
                     "storageKey": null
                   }, v6 /*: any*/, {
                     "alias": null,
@@ -534,7 +576,7 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "isVariableFont",
                     "storageKey": null
-                  }, v16 /*: any*/],
+                  }, v18 /*: any*/],
                   "type": "FontCollection",
                   "abstractKey": null
                 }, {
@@ -546,21 +588,21 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "fontStyles",
                     "plural": true,
-                    "selections": [v14 /*: any*/, v6 /*: any*/, v8 /*: any*/],
+                    "selections": v17 /*: any*/,
                     "storageKey": null
-                  }, v6 /*: any*/, v17 /*: any*/],
+                  }, v6 /*: any*/, v20 /*: any*/],
                   "type": "Bundle",
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v14 /*: any*/, v6 /*: any*/, {
+                  "selections": [v14 /*: any*/, v6 /*: any*/, v15 /*: any*/, v16 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "FontCollection",
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v6 /*: any*/, v15 /*: any*/, v8 /*: any*/],
+                    "selections": v19 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -576,7 +618,7 @@ const node = function () {
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v6 /*: any*/, v16 /*: any*/, v17 /*: any*/],
+                  "selections": [v6 /*: any*/, v18 /*: any*/, v20 /*: any*/],
                   "type": "CollectionBundle",
                   "abstractKey": null
                 }, {
@@ -734,12 +776,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "9d8d680a9052cc0fc311dde7c1c2dc47",
+      "cacheID": "e6e9274cdb93ee99c9c81bacb1fc5f52",
       "id": null,
       "metadata": {},
       "name": "CartStateUpdateMutation",
       "operationKind": "mutation",
-      "text": "mutation CartStateUpdateMutation(\n  $input: UpdateOrderInput!\n) {\n  updateOrder(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      ...CartState_order\n      ...CartTotals_order\n      ...StoreModalOrderVariableSelection_order\n      orderItems {\n        ...CartItem_node\n        id\n      }\n      id\n    }\n    errors {\n      orderItems {\n        licenseSelections\n      }\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      cssUrl\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n    featureStyle {\n      family {\n        cssUrl\n        id\n      }\n      id\n    }\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\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 StoreModalOrderVariableSelection_order on Order {\n  id\n  orderVariableSelections {\n    orderVariable {\n      id\n      name\n      variableType\n    }\n    orderVariableDescription(format: HTML)\n    orderVariableOption {\n      id\n      amount\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n"
+      "text": "mutation CartStateUpdateMutation(\n  $input: UpdateOrderInput!\n) {\n  updateOrder(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      ...CartState_order\n      ...CartTotals_order\n      ...StoreModalOrderVariableSelection_order\n      orderItems {\n        ...CartItem_node\n        id\n      }\n      id\n    }\n    errors {\n      orderItems {\n        licenseSelections\n      }\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\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 StoreModalOrderVariableSelection_order on Order {\n  id\n  orderVariableSelections {\n    orderVariable {\n      id\n      name\n      variableType\n    }\n    orderVariableDescription(format: HTML)\n    orderVariableOption {\n      id\n      amount\n    }\n    countryCode\n    id\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\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  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<1b6790d36c809bccfff100f0659de277>>
+ * @generated SignedSource<<1511fcdc4ad6f5b1d15ecfaf0e0c2de7>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/CharacterViewerIDQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<1b6790d36c809bccfff100f0659de277>>
+ * @generated SignedSource<<1511fcdc4ad6f5b1d15ecfaf0e0c2de7>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -57,21 +57,21 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "cssUrl",
+      "name": "collectionType",
       "storageKey": null
     },
     v7 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "collectionType",
+      "name": "features",
       "storageKey": null
     },
     v8 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "features",
+      "name": "cssFamily",
       "storageKey": null
     },
     v9 = {
@@ -106,20 +106,13 @@ const node = function () {
       "storageKey": null
     },
     v10 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "cssFamily",
-      "storageKey": null
-    },
-    v11 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [v3 /*: any*/, v10 /*: any*/, v4 /*: any*/, v9 /*: any*/],
+      "selections": [v3 /*: any*/, v8 /*: any*/, v4 /*: any*/, v9 /*: any*/],
       "storageKey": null
     };
   return {
@@ -159,7 +152,7 @@ const node = function () {
         "plural": false,
         "selections": [v2 /*: any*/, v3 /*: any*/, {
           "kind": "InlineFragment",
-          "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, {
+          "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, {
             "alias": null,
             "args": null,
             "concreteType": "GlyphGroup",
@@ -173,7 +166,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "characterSets",
               "plural": true,
-              "selections": [v8 /*: any*/, {
+              "selections": [v7 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "concreteType": null,
@@ -221,20 +214,26 @@ const node = function () {
             "kind": "LinkedField",
             "name": "featureStyle",
             "plural": false,
-            "selections": [v9 /*: any*/, v10 /*: any*/, v4 /*: any*/, {
+            "selections": [v8 /*: any*/, v4 /*: any*/, {
               "alias": null,
               "args": null,
-              "concreteType": "GlyphName",
+              "concreteType": "WebfontSource",
               "kind": "LinkedField",
-              "name": "glyphNames",
+              "name": "webfontSources",
               "plural": true,
               "selections": [{
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
-                "name": "characters",
+                "name": "url",
+                "storageKey": null
+              }, {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "format",
                 "storageKey": null
-              }, v8 /*: any*/, v4 /*: any*/],
+              }],
               "storageKey": null
             }, {
               "alias": null,
@@ -265,25 +264,40 @@ const node = function () {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
-                "name": "xHeight",
+                "name": "lineGap",
                 "storageKey": null
               }, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
-                "name": "capHeight",
+                "name": "xHeight",
                 "storageKey": null
               }, {
                 "alias": null,
                 "args": null,
                 "kind": "ScalarField",
-                "name": "lineGap",
+                "name": "capHeight",
                 "storageKey": null
               }],
               "storageKey": null
+            }, v9 /*: any*/, {
+              "alias": null,
+              "args": null,
+              "concreteType": "GlyphName",
+              "kind": "LinkedField",
+              "name": "glyphNames",
+              "plural": true,
+              "selections": [{
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "characters",
+                "storageKey": null
+              }, v7 /*: any*/, v4 /*: any*/],
+              "storageKey": null
             }, v3 /*: any*/],
             "storageKey": null
-          }, v11 /*: any*/, {
+          }, v10 /*: any*/, {
             "alias": null,
             "args": [{
               "kind": "Literal",
@@ -294,7 +308,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v11 /*: any*/],
+            "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v10 /*: any*/],
             "storageKey": "children(collectionTypes:[\"FAMILY\"])"
           }],
           "type": "FontCollection",
@@ -304,12 +318,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "0b156f286896fc5c6c6c6513fb30c781",
+      "cacheID": "4ab5999cc9ebb413abd752012f1c8f95",
       "id": null,
       "metadata": {},
       "name": "CharacterViewerIDQuery",
       "operationKind": "query",
-      "text": "query CharacterViewerIDQuery(\n  $collectionId: ID!\n) {\n  node(id: $collectionId) {\n    __typename\n    ...CharacterViewer_collection\n    id\n  }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n  id\n  name\n  isVariableFont\n  cssUrl\n  collectionType\n  glyphGroups {\n    name\n    characterSets {\n      features\n      characters {\n        __typename\n        ... on CharacterString {\n          string\n        }\n        ... on CharacterRange {\n          first\n          last\n        }\n      }\n    }\n  }\n  featureStyle {\n    ...CharacterViewer_style\n    id\n  }\n  fontStyles {\n    id\n    cssFamily\n    name\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n  }\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    isVariableFont\n    cssUrl\n    collectionType\n    fontStyles {\n      id\n      cssFamily\n      name\n      variableInstances {\n        name\n        coordinates {\n          axis\n          value\n        }\n      }\n    }\n  }\n}\n\nfragment CharacterViewer_style on FontStyle {\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  cssFamily\n  name\n  glyphNames {\n    characters\n    features\n    name\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    xHeight\n    capHeight\n    lineGap\n  }\n  id\n}\n"
+      "text": "query CharacterViewerIDQuery(\n  $collectionId: ID!\n) {\n  node(id: $collectionId) {\n    __typename\n    ...CharacterViewer_collection\n    id\n  }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n  id\n  name\n  isVariableFont\n  collectionType\n  glyphGroups {\n    name\n    characterSets {\n      features\n      characters {\n        __typename\n        ... on CharacterString {\n          string\n        }\n        ... on CharacterRange {\n          first\n          last\n        }\n      }\n    }\n  }\n  featureStyle {\n    ...CharacterViewer_style\n    id\n  }\n  fontStyles {\n    id\n    cssFamily\n    name\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n  }\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    isVariableFont\n    collectionType\n    fontStyles {\n      id\n      cssFamily\n      name\n      variableInstances {\n        name\n        coordinates {\n          axis\n          value\n        }\n      }\n    }\n  }\n}\n\nfragment CharacterViewer_style on FontStyle {\n  ...useFontStyle_fontStyle\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  cssFamily\n  name\n  glyphNames {\n    characters\n    features\n    name\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    xHeight\n    capHeight\n    lineGap\n  }\n  id\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__/CharacterViewerSlugQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<a285317a624bb58c1a0755cd88d30810>>
+ * @generated SignedSource<<70ba5f315d51fd9508fe1fdaa2079170>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/CharacterViewerSlugQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<a285317a624bb58c1a0755cd88d30810>>
+ * @generated SignedSource<<70ba5f315d51fd9508fe1fdaa2079170>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -50,21 +50,21 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "cssUrl",
+      "name": "collectionType",
       "storageKey": null
     },
     v6 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "collectionType",
+      "name": "features",
       "storageKey": null
     },
     v7 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "features",
+      "name": "cssFamily",
       "storageKey": null
     },
     v8 = {
@@ -99,20 +99,13 @@ const node = function () {
       "storageKey": null
     },
     v9 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "cssFamily",
-      "storageKey": null
-    },
-    v10 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [v2 /*: any*/, v9 /*: any*/, v3 /*: any*/, v8 /*: any*/],
+      "selections": [v2 /*: any*/, v7 /*: any*/, v3 /*: any*/, v8 /*: any*/],
       "storageKey": null
     };
   return {
@@ -182,7 +175,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "fontCollection",
             "plural": false,
-            "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, {
+            "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, {
               "alias": null,
               "args": null,
               "concreteType": "GlyphGroup",
@@ -196,7 +189,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "characterSets",
                 "plural": true,
-                "selections": [v7 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "concreteType": null,
@@ -250,20 +243,26 @@ const node = function () {
               "kind": "LinkedField",
               "name": "featureStyle",
               "plural": false,
-              "selections": [v8 /*: any*/, v9 /*: any*/, v3 /*: any*/, {
+              "selections": [v7 /*: any*/, v3 /*: any*/, {
                 "alias": null,
                 "args": null,
-                "concreteType": "GlyphName",
+                "concreteType": "WebfontSource",
                 "kind": "LinkedField",
-                "name": "glyphNames",
+                "name": "webfontSources",
                 "plural": true,
                 "selections": [{
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
-                  "name": "characters",
+                  "name": "url",
+                  "storageKey": null
+                }, {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "format",
                   "storageKey": null
-                }, v7 /*: any*/, v3 /*: any*/],
+                }],
                 "storageKey": null
               }, {
                 "alias": null,
@@ -294,25 +293,40 @@ const node = function () {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
-                  "name": "xHeight",
+                  "name": "lineGap",
                   "storageKey": null
                 }, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
-                  "name": "capHeight",
+                  "name": "xHeight",
                   "storageKey": null
                 }, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
-                  "name": "lineGap",
+                  "name": "capHeight",
                   "storageKey": null
                 }],
                 "storageKey": null
+              }, v8 /*: any*/, {
+                "alias": null,
+                "args": null,
+                "concreteType": "GlyphName",
+                "kind": "LinkedField",
+                "name": "glyphNames",
+                "plural": true,
+                "selections": [{
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "characters",
+                  "storageKey": null
+                }, v6 /*: any*/, v3 /*: any*/],
+                "storageKey": null
               }, v2 /*: any*/],
               "storageKey": null
-            }, v10 /*: any*/, {
+            }, v9 /*: any*/, {
               "alias": null,
               "args": [{
                 "kind": "Literal",
@@ -323,7 +337,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v10 /*: any*/],
+              "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v9 /*: any*/],
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
             }],
             "storageKey": null
@@ -334,12 +348,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "36e4ae97e94d6c45d9facdb9754c6f8e",
+      "cacheID": "cff5cee922cd89bb6dda8484ec2fd907",
       "id": null,
       "metadata": {},
       "name": "CharacterViewerSlugQuery",
       "operationKind": "query",
-      "text": "query CharacterViewerSlugQuery(\n  $collectionSlug: String!\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      fontCollection {\n        ...CharacterViewer_collection\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n  id\n  name\n  isVariableFont\n  cssUrl\n  collectionType\n  glyphGroups {\n    name\n    characterSets {\n      features\n      characters {\n        __typename\n        ... on CharacterString {\n          string\n        }\n        ... on CharacterRange {\n          first\n          last\n        }\n      }\n    }\n  }\n  featureStyle {\n    ...CharacterViewer_style\n    id\n  }\n  fontStyles {\n    id\n    cssFamily\n    name\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n  }\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    isVariableFont\n    cssUrl\n    collectionType\n    fontStyles {\n      id\n      cssFamily\n      name\n      variableInstances {\n        name\n        coordinates {\n          axis\n          value\n        }\n      }\n    }\n  }\n}\n\nfragment CharacterViewer_style on FontStyle {\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  cssFamily\n  name\n  glyphNames {\n    characters\n    features\n    name\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    xHeight\n    capHeight\n    lineGap\n  }\n  id\n}\n"
+      "text": "query CharacterViewerSlugQuery(\n  $collectionSlug: String!\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      fontCollection {\n        ...CharacterViewer_collection\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n  id\n  name\n  isVariableFont\n  collectionType\n  glyphGroups {\n    name\n    characterSets {\n      features\n      characters {\n        __typename\n        ... on CharacterString {\n          string\n        }\n        ... on CharacterRange {\n          first\n          last\n        }\n      }\n    }\n  }\n  featureStyle {\n    ...CharacterViewer_style\n    id\n  }\n  fontStyles {\n    id\n    cssFamily\n    name\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n  }\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    isVariableFont\n    collectionType\n    fontStyles {\n      id\n      cssFamily\n      name\n      variableInstances {\n        name\n        coordinates {\n          axis\n          value\n        }\n      }\n    }\n  }\n}\n\nfragment CharacterViewer_style on FontStyle {\n  ...useFontStyle_fontStyle\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  cssFamily\n  name\n  glyphNames {\n    characters\n    features\n    name\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    xHeight\n    capHeight\n    lineGap\n  }\n  id\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__/CharacterViewerStyleRefetchQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<a991b82cf39bf388412bc21f3aafd122>>
+ * @generated SignedSource<<fad45233e4985cddbaf6a55cd6110ff5>>
  * @lightSyntaxTransform
  * @nogrep
  */