fontdue-js 2.25.1 → 2.26.1

package/dist/__generated__/TypeTesterStandaloneChangedStylesQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<9fa60efb9f3ee191c2fa4aa30073470a>>
+ * @generated SignedSource<<8935c600423d035424287f49d5825f9e>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -257,6 +257,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "format",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "tech",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -333,12 +339,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "30043fa90a4cc20752bc9126ed6296e7",
+      "cacheID": "8794481ddef259744fdb4f928f309df9",
       "id": null,
       "metadata": {},
       "name": "TypeTesterStandaloneChangedStylesQuery",
       "operationKind": "query",
-      "text": "query TypeTesterStandaloneChangedStylesQuery(\n  $id: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $id) {\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"
+      "text": "query TypeTesterStandaloneChangedStylesQuery(\n  $id: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $id) {\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    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4a5ff86d743f4b27783693b2d1f4eac1>>
+ * @generated SignedSource<<067adfa64bd17d8eb7ec529b8d06265b>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTesterStandaloneQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<4a5ff86d743f4b27783693b2d1f4eac1>>
+ * @generated SignedSource<<067adfa64bd17d8eb7ec529b8d06265b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -353,6 +353,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "format",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "tech",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -436,12 +442,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "f8935420dd5f41f668f61e8a6f401624",
+      "cacheID": "b414b46c064a60e77152b6cab601f765",
       "id": null,
       "metadata": {},
       "name": "TypeTesterStandaloneQuery",
       "operationKind": "query",
-      "text": "query TypeTesterStandaloneQuery(\n  $familyName: String!\n  $styleName: String!\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTester_viewer_4g9a6U\n    fontStyle(familyName: $familyName, styleName: $styleName) {\n      ...TypeTester_fontStyle\n      id\n      family {\n        id\n        parent {\n          id\n        }\n      }\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_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 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 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 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"
+      "text": "query TypeTesterStandaloneQuery(\n  $familyName: String!\n  $styleName: String!\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTester_viewer_4g9a6U\n    fontStyle(familyName: $familyName, styleName: $styleName) {\n      ...TypeTester_fontStyle\n      id\n      family {\n        id\n        parent {\n          id\n        }\n      }\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_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 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 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 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    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<ee53363f175b7c99ead7d6d5bd763cf0>>
+ * @generated SignedSource<<8a8956f178157e7e72fcb923a11d320b>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersChangedStylesQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<ee53363f175b7c99ead7d6d5bd763cf0>>
+ * @generated SignedSource<<8a8956f178157e7e72fcb923a11d320b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -257,6 +257,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "format",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "tech",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -333,12 +339,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "173bc2733d002ccd95210c7552fa5ee9",
+      "cacheID": "8e08d3083180ca80bbd994625e2fc4cd",
       "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  ...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"
+      "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    tech\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<<71d6501db0c6827dd291fcaece11b870>>
+ * @generated SignedSource<<e3769d4805d8ca2e4ad55c63c58f43dd>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<71d6501db0c6827dd291fcaece11b870>>
+ * @generated SignedSource<<e3769d4805d8ca2e4ad55c63c58f43dd>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -503,6 +503,12 @@ const node = function () {
                       "kind": "ScalarField",
                       "name": "format",
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "tech",
+                      "storageKey": null
                     }],
                     "storageKey": null
                   }, {
@@ -623,12 +629,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "3a1534760d975508c31c99539e118c0d",
+      "cacheID": "00df98236ce2201aee73fb4379eb40e3",
       "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  ...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"
+      "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    tech\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<<378eb6628f42a050d9b4175a2d276627>>
+ * @generated SignedSource<<1a9a7abbd762e51c8f58ac24fd671bbf>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<378eb6628f42a050d9b4175a2d276627>>
+ * @generated SignedSource<<1a9a7abbd762e51c8f58ac24fd671bbf>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -416,6 +416,12 @@ const node = function () {
                       "kind": "ScalarField",
                       "name": "format",
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "tech",
+                      "storageKey": null
                     }],
                     "storageKey": null
                   }, {
@@ -540,12 +546,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "fe0a845600807da5162f836e04562106",
+      "cacheID": "3915d777f55b52cdde20c78befeae237",
       "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  ...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"
+      "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    tech\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<<313bc2e98c37c896a19342c2f9b7901a>>
+ * @generated SignedSource<<76d660736254b306591b98221a792fe8>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<313bc2e98c37c896a19342c2f9b7901a>>
+ * @generated SignedSource<<76d660736254b306591b98221a792fe8>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -509,6 +509,12 @@ const node = function () {
                         "kind": "ScalarField",
                         "name": "format",
                         "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "tech",
+                        "storageKey": null
                       }],
                       "storageKey": null
                     }, {
@@ -630,12 +636,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "29c527c2d82f9cda8018f39e00abf2b5",
+      "cacheID": "c2bf0382975e3c868e6943cd5c90875e",
       "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  ...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"
+      "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    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<b50f7478f10b59163d4b38cbf7ea2121>>
+ * @generated SignedSource<<83fdf14f0519371d109651e3e11c221b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,6 +16,7 @@ export type useFontStyle_fontStyle$data = {
     };
     readonly webfontSources: ReadonlyArray<{
         readonly format: string | null;
+        readonly tech: string | null;
         readonly url: string | null;
     } | null> | null;
     readonly " $fragmentType": "useFontStyle_fontStyle";

package/dist/__generated__/useFontStyle_fontStyle.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<b50f7478f10b59163d4b38cbf7ea2121>>
+ * @generated SignedSource<<83fdf14f0519371d109651e3e11c221b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -50,6 +50,12 @@ const node = {
       "kind": "ScalarField",
       "name": "format",
       "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "tech",
+      "storageKey": null
     }],
     "storageKey": null
   }, {
@@ -89,6 +95,6 @@ const node = {
   "type": "FontStyle",
   "abstractKey": null
 };
-node.hash = "cc36ae8da5627792c27e9d3ad2b07258";
+node.hash = "df4c7160c29373e86bea8b6082d19994";
 var _default = node;
 exports.default = _default;

package/dist/__tests__/fontLoader.test.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _fontLoader = require("../fontLoader");
+(0, _vitest.describe)('selectFontSource', () => {
+  const woff2 = function () {
+    let extra = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return {
+      url: 'https://example.test/font.woff2',
+      format: 'woff2',
+      ...extra
+    };
+  };
+  const woff = function () {
+    let extra = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return {
+      url: 'https://example.test/font.woff',
+      format: 'woff',
+      ...extra
+    };
+  };
+
+  // Helper: a browser that supports the listed techs.
+  const supports = function () {
+    for (var _len = arguments.length, techs = new Array(_len), _key = 0; _key < _len; _key++) {
+      techs[_key] = arguments[_key];
+    }
+    return tech => techs.includes(tech);
+  };
+  (0, _vitest.it)('prefers woff2 over woff for outline fonts (legacy behavior)', () => {
+    const picked = (0, _fontLoader.selectFontSource)([woff(), woff2()]);
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.format).toBe('woff2');
+  });
+  (0, _vitest.it)('returns null when no sources have URLs', () => {
+    const picked = (0, _fontLoader.selectFontSource)([null, {
+      url: null,
+      format: 'woff2'
+    }]);
+    (0, _vitest.expect)(picked).toBeNull();
+  });
+  (0, _vitest.it)('skips sources whose tech the browser does not support', () => {
+    // Chrome-shaped: supports COLR but not SVG-in-OpenType.
+    const sources = [woff2({
+      url: 'svg.woff2',
+      tech: 'SVG'
+    }), woff2({
+      url: 'colr.woff2',
+      tech: 'COLRv1'
+    })];
+    const picked = (0, _fontLoader.selectFontSource)(sources, supports('COLRv1', 'COLRv0'));
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.url).toBe('colr.woff2');
+  });
+  (0, _vitest.it)('keeps a tech-less source unconditionally (universal fallback)', () => {
+    // Even when the browser supports nothing, a no-tech outline source
+    // is always considered renderable.
+    const sources = [woff2({
+      url: 'svg.woff2',
+      tech: 'SVG'
+    }), woff2({
+      url: 'outline.woff2',
+      tech: null
+    })];
+    const picked = (0, _fontLoader.selectFontSource)(sources, supports());
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.url).toBe('outline.woff2');
+  });
+  (0, _vitest.it)('respects backend src-list order within the supported subset', () => {
+    // Backend put COLRv1 first, COLRv0 second — picker shouldn't reshuffle
+    // among supported sources.
+    const sources = [woff2({
+      url: 'colrv1.woff2',
+      tech: 'COLRv1'
+    }), woff2({
+      url: 'colrv0.woff2',
+      tech: 'COLRv0'
+    })];
+    const picked = (0, _fontLoader.selectFontSource)(sources, supports('COLRv1', 'COLRv0'));
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.url).toBe('colrv1.woff2');
+  });
+  (0, _vitest.it)('falls back to the unfiltered list when every tech-tagged source is unsupported', () => {
+    // Pathological: nothing is supported AND there is no tech-less fallback.
+    // Still try to render something rather than not load at all.
+    const sources = [woff2({
+      url: 'svg.woff2',
+      tech: 'SVG'
+    }), woff2({
+      url: 'sbix.woff2',
+      tech: 'sbix'
+    })];
+    const picked = (0, _fontLoader.selectFontSource)(sources, supports());
+    // Picks the first woff2 in the unfiltered list.
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.url).toBe('svg.woff2');
+  });
+  (0, _vitest.it)('Yolker-as-served-post-merge: Chrome picks COLRv1 over the SVG variant', () => {
+    // Mirrors the FD-661 served shape for a merged Yolker FontStyle:
+    // dedicated COLRv1 file first, bundled COLRv1+SVG file deduped down to
+    // its SVG entry. Chrome supports COLRv1 — picker should select it
+    // rather than pinning the SVG file (the bug we're fixing).
+    const sources = [woff2({
+      url: 'yolker-colrv1.woff2',
+      tech: 'COLRv1'
+    }), woff2({
+      url: 'yolker-bundle.woff2',
+      tech: 'SVG'
+    })];
+    const picked = (0, _fontLoader.selectFontSource)(sources, supports('COLRv1', 'COLRv0', 'SVG'));
+    (0, _vitest.expect)(picked === null || picked === void 0 ? void 0 : picked.url).toBe('yolker-colrv1.woff2');
+  });
+});

package/dist/components/TypeTester/TypeTesterVariableAxes.js

@@ -27,8 +27,10 @@ const TypeTesterVariableAxes = _ref => {
   if (!variableSettings) return null;
   if (!axes) return null;
   const handleChange = (axis, value) => {
-    variableSettings[axis] = value;
-    setVariableSettings(variableSettings);
+    setVariableSettings({
+      ...variableSettings,
+      [axis]: value
+    });
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__variable-axes"
@@ -50,14 +52,25 @@ const TypeTesterVariableAxes = _ref => {
     } = _ref3;
     const isSmall = Math.abs(maxValue - minValue) <= 1;
     const value = variableSettings[axis];
+    const format = v => isSmall ? v.toFixed(2) : v.toFixed(0);
+
+    // Reserve enough room for the widest value the axis can show so the
+    // number changing (e.g. 99 → 100, or a decimal flipping sign) never
+    // reflows the slider beside it. The widest string is always at one of
+    // the endpoints — most digits plus any minus sign. With tabular
+    // figures (tnum, set in CSS) each character is a stable 1ch wide.
+    const valueWidth = Math.max(format(minValue).length, format(maxValue).length);
     return /*#__PURE__*/_react.default.createElement("div", {
       key: axis,
       className: "type-tester__variable-axes__axis"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "type-tester__variable-axes__name"
     }, name), /*#__PURE__*/_react.default.createElement("span", {
-      className: "type-tester__variable-axes__value"
-    }, isSmall ? value.toFixed(2) : value.toFixed(0)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "type-tester__variable-axes__value",
+      style: {
+        width: `${valueWidth}ch`
+      }
+    }, format(value)), /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__variable-axes__slider"
     }, /*#__PURE__*/_react.default.createElement(_TypeTesterSlider.default, {
       value: value,

package/dist/components/TypeTester/index.js

@@ -20,6 +20,7 @@ var _TypeTesterContent = _interopRequireDefault(require("./TypeTesterContent"));
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
 var _TypeTesterToolbar = _interopRequireDefault(require("./TypeTesterToolbar"));
 var _TypeTesterVariableAxes = _interopRequireDefault(require("./TypeTesterVariableAxes"));
+var _hooks = require("../../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -51,6 +52,12 @@ const TypeTester = _ref => {
   const props = (0, _TypeTesterState.default)({
     id
   });
+
+  // The instance name (e.g. "Regular" → "Custom") is a flex sibling of the
+  // inline axis slider, so updating it mid-drag changes its width and shifts
+  // the slider. Debounce the value used purely for the name display — the font
+  // preview and sliders keep reading the live `props.variableSettings`.
+  const nameVariableSettings = (0, _hooks.useDebouncedValue)(props.variableSettings, 200);
   (0, _react.useEffect)(() => {
     if (onFocus && props.focused) onFocus();
     if (onBlur && !props.focused) onBlur();
@@ -86,7 +93,7 @@ const TypeTester = _ref => {
     className: "type-tester__toolbar"
   }, /*#__PURE__*/_react.default.createElement(_TypeTesterStyleSelectData.default, {
     fontStyle: fontStyle,
-    variableSettings: props.variableSettings,
+    variableSettings: nameVariableSettings,
     viewer: viewer,
     onSelectFontStyleValue: _ref2 => {
       let {

package/dist/components/useFont.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-interface FontSource {
-    readonly url: string | null;
-    readonly format: string | null;
-}
+import { FontSource } from '../fontLoader';
 interface UseFontProps {
     fontFamily: string;
     webfontSources?: ReadonlyArray<FontSource | null> | null;

package/dist/components/useFontStyle.js

@@ -14,7 +14,7 @@ const useFontStyle = _ref => {
   let {
     fontStyle: fontStyleKey
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_useFontStyle_fontStyle2.default.hash && _useFontStyle_fontStyle2.default.hash !== "cc36ae8da5627792c27e9d3ad2b07258" && console.error("The definition of 'useFontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFontStyle_fontStyle2.default), fontStyleKey ?? null);
+  const fontStyle = (0, _reactRelay.useFragment)((_useFontStyle_fontStyle2.default.hash && _useFontStyle_fontStyle2.default.hash !== "df4c7160c29373e86bea8b6082d19994" && console.error("The definition of 'useFontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFontStyle_fontStyle2.default), fontStyleKey ?? null);
   const fontFamily = fontStyle ? `${fontStyle.cssFamily} ${fontStyle.name}` : null;
   const sources = fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.webfontSources;
   const verticalMetrics = fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.verticalMetrics;

package/dist/fontLoader.d.ts

@@ -1,6 +1,7 @@
-interface FontSource {
+export interface FontSource {
     readonly url: string | null;
     readonly format: string | null;
+    readonly tech?: string | null;
 }
 interface VerticalMetrics {
     readonly unitsPerEm: number;
@@ -10,4 +11,23 @@ interface VerticalMetrics {
 }
 export declare function isFontLoaded(fontFamily: string): boolean;
 export declare function loadFont(fontFamily: string, sources: ReadonlyArray<FontSource | null>, verticalMetrics?: VerticalMetrics | null): Promise<FontFace | null>;
+/**
+ * Pick the best `FontSource` for the current browser from a list emitted by
+ * the backend's `webfontSources` field.
+ *
+ * The backend already returns sources in CSS `src:` priority order
+ * (dedicated COLRv1 → COLRv0 → SVG → sbix → bundled → outline-fallback,
+ * within format). The job here is to drop entries whose color tech the
+ * browser can't render — without this, fetching e.g. an SVG-in-OpenType
+ * file in Chrome pins a face Chrome can only render as outline.
+ *
+ * Sources with no `tech` tag are kept unconditionally (outline / universal).
+ * If every tech-tagged source is filtered out, falls back to the unfiltered
+ * list — the browser will at least try to render something rather than the
+ * fallback font.
+ *
+ * `techSupportCheck` is injectable for tests; defaults to
+ * `CSS.supports("font-tech(color-<tech>)")`.
+ */
+export declare function selectFontSource(sources: ReadonlyArray<FontSource | null>, techSupportCheck?: (tech: string) => boolean): FontSource | null;
 export {};