fontdue-js 2.7.0 → 2.8.0

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -4,20 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = StoreModalProductLicenseSelection;
+var _StoreModalProductLicenseSelection_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicenseSelection_collection.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalProductLicense = _interopRequireDefault(require("./StoreModalProductLicense"));
 var _ContainerElement = _interopRequireDefault(require("./ContainerElement"));
-var _StoreModalProductLicenseSelection_viewer;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function StoreModalProductLicenseSelection(_ref) {
+  var _collection$licenses;
   let {
-    viewer: viewerKey
+    collection: collectionKey
   } = _ref;
-  const viewer = (0, _reactRelay.useFragment)(_StoreModalProductLicenseSelection_viewer !== void 0 ? _StoreModalProductLicenseSelection_viewer : (_StoreModalProductLicenseSelection_viewer = require("../../__generated__/StoreModalProductLicenseSelection_viewer.graphql"), _StoreModalProductLicenseSelection_viewer.hash && _StoreModalProductLicenseSelection_viewer.hash !== "132699969de1b8ff9dafa8604b3c5f05" && console.error("The definition of 'StoreModalProductLicenseSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_viewer), viewerKey);
+  const collection = (0, _reactRelay.useFragment)((_StoreModalProductLicenseSelection_collection2.default.hash && _StoreModalProductLicenseSelection_collection2.default.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection), collectionKey);
   return /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
     title: 'Select licenses',
-    licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+    licenses: collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
       key: license.id,
       license: license
     }))

package/dist/components/StoreModalProductSummary/index.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _StoreModalProductSummaryRefetchQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryRefetchQuery.graphql"));
+var _StoreModalProductSummary_viewer2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummary_viewer.graphql"));
+var _StoreModalProductSummaryAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _Price = _interopRequireWildcard(require("../Price"));
 var _Button = _interopRequireDefault(require("../elements/Button"));
 var _utils = require("../../utils");
-var _StoreModalProductSummaryAddToCartMutation, _StoreModalProductSummary_viewer, _StoreModalProductSummaryRefetchQuery;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const addToCartMutation = _StoreModalProductSummaryAddToCartMutation !== void 0 ? _StoreModalProductSummaryAddToCartMutation : (_StoreModalProductSummaryAddToCartMutation = require("../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql"), _StoreModalProductSummaryAddToCartMutation.hash && _StoreModalProductSummaryAddToCartMutation.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const addToCartMutation = (_StoreModalProductSummaryAddToCartMutation2.default.hash && _StoreModalProductSummaryAddToCartMutation2.default.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation);
 const countStyles = viewer => {
   const {
     precart
@@ -112,6 +114,16 @@ const StoreModalProductSummary = _ref => {
   const anySkusSelected = Object.keys(selectedSkuIds).filter(skuId => selectedSkuIds[skuId]).length > 0;
   const stylesPrice = countStylesPrice(viewer);
   const hasSelection = anySkusSelected && licenseOptions.length > 0;
+  let taxLabel = null;
+  if (viewer.taxCollections.some(_ref3 => {
+    let {
+      taxName,
+      inclusive
+    } = _ref3;
+    return taxName === 'VAT' && !inclusive;
+  })) {
+    taxLabel = ' excl. VAT';
+  }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__product-summary__container"
   }, hasSelection ? viewer.precart.subtotal ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -125,7 +137,7 @@ const StoreModalProductSummary = _ref => {
     }
   })), ' '), /*#__PURE__*/_react.default.createElement(_Price.default, {
     price: viewer.precart.subtotal
-  }))) : /*#__PURE__*/_react.default.createElement("span", {
+  }), taxLabel)) : /*#__PURE__*/_react.default.createElement("span", {
     className: "store-modal__product-summary__nothing-selected"
   }, "Calculating price...") : /*#__PURE__*/_react.default.createElement("span", {
     className: "store-modal__product-summary__nothing-selected"
@@ -136,6 +148,6 @@ const StoreModalProductSummary = _ref => {
   }, submitting ? 'Adding...' : 'Add to cart'));
 };
 var _default = (0, _reactRelay.createRefetchContainer)(StoreModalProductSummary, {
-  viewer: _StoreModalProductSummary_viewer !== void 0 ? _StoreModalProductSummary_viewer : (_StoreModalProductSummary_viewer = require("../../__generated__/StoreModalProductSummary_viewer.graphql"), _StoreModalProductSummary_viewer.hash && _StoreModalProductSummary_viewer.hash !== "afde6961d4c394eeb2cfecdb241b4cff" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer)
-}, _StoreModalProductSummaryRefetchQuery !== void 0 ? _StoreModalProductSummaryRefetchQuery : (_StoreModalProductSummaryRefetchQuery = require("../../__generated__/StoreModalProductSummaryRefetchQuery.graphql"), _StoreModalProductSummaryRefetchQuery.hash && _StoreModalProductSummaryRefetchQuery.hash !== "7c268bb004999fc028d56f9ee2914960" && console.error("The definition of 'StoreModalProductSummaryRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryRefetchQuery));
+  viewer: (_StoreModalProductSummary_viewer2.default.hash && _StoreModalProductSummary_viewer2.default.hash !== "d4b6958e3c6fb528399504365d4e37e8" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer)
+}, (_StoreModalProductSummaryRefetchQuery2.default.hash && _StoreModalProductSummaryRefetchQuery2.default.hash !== "7c268bb004999fc028d56f9ee2914960" && console.error("The definition of 'StoreModalProductSummaryRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryRefetchQuery));
 exports.default = _default;

package/dist/components/StripeProvider/index.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _StripeProvider_viewer2 = _interopRequireDefault(require("../../__generated__/StripeProvider_viewer.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactStripeJs = require("@stripe/react-stripe-js");
 var _stripeJs = require("@stripe/stripe-js");
 var _utils = require("../../utils");
-var _StripeProvider_viewer;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const StripeProvider = _ref => {
   var _data$settings, _data$currentOrder, _data$currentOrder$st, _data$settings2, _data$themeConfig;
   let {
@@ -19,7 +20,7 @@ const StripeProvider = _ref => {
     children,
     requireClientSecret = true
   } = _ref;
-  const data = (0, _reactRelay.useFragment)(_StripeProvider_viewer !== void 0 ? _StripeProvider_viewer : (_StripeProvider_viewer = require("../../__generated__/StripeProvider_viewer.graphql"), _StripeProvider_viewer.hash && _StripeProvider_viewer.hash !== "efff082269b64afc7019b4d725285afa" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer), viewer);
+  const data = (0, _reactRelay.useFragment)((_StripeProvider_viewer2.default.hash && _StripeProvider_viewer2.default.hash !== "efff082269b64afc7019b4d725285afa" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer), viewer);
   const stripeKey = data.stripePublishableKey;
   const stripeAccount = data.stripeAccountId;
   const stripePromiseRef = (0, _react.useRef)(stripeKey && stripeAccount ? (0, _stripeJs.loadStripe)(stripeKey, {

package/dist/components/TestFontsForm/index.js

@@ -6,18 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TestFontsFormPreloadedQueryRenderer = TestFontsFormPreloadedQueryRenderer;
 exports.default = TestFontsForm;
+var _TestFontsForm_Query2 = _interopRequireDefault(require("../../__generated__/TestFontsForm_Query.graphql"));
+var _TestFontsFormUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _Icons = require("../Icons");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-var _TestFontsFormUpdateCustomerMutation, _TestFontsForm_Query;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const updateCustomerMutation = _TestFontsFormUpdateCustomerMutation !== void 0 ? _TestFontsFormUpdateCustomerMutation : (_TestFontsFormUpdateCustomerMutation = require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"), _TestFontsFormUpdateCustomerMutation.hash && _TestFontsFormUpdateCustomerMutation.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
+const updateCustomerMutation = (_TestFontsFormUpdateCustomerMutation2.default.hash && _TestFontsFormUpdateCustomerMutation2.default.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
 const TestFontsDownloading = _ref => {
   let {
     archiveUrl
@@ -150,7 +151,7 @@ const TestFontsFormComponent = _ref2 => {
     ref: downloadForm
   }));
 };
-const query = _TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "b8838ac445fa9addb19af5a2d653e979" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query);
+const query = (_TestFontsForm_Query2.default.hash && _TestFontsForm_Query2.default.hash !== "b8838ac445fa9addb19af5a2d653e979" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query);
 function TestFontsFormPreloadedQueryRenderer(_ref4) {
   let {
     preloadedQuery,

package/dist/components/TestModeBanner/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TestModeBannerPreloadedQueryRenderer = TestModeBannerPreloadedQueryRenderer;
 exports.default = TestModeBanner;
+var _TestModeBannerQuery2 = _interopRequireDefault(require("../../__generated__/TestModeBannerQuery.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-var _TestModeBannerQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const getSwitchable = switchUrl => new URL(switchUrl).hostname === location.hostname;
 function TestModeBannerComponent(_ref) {
@@ -41,7 +41,7 @@ function TestModeBannerComponent(_ref) {
     href: switchUrl
   }, "Switch to ", isActive ? 'live' : 'test', " data"))));
 }
-const query = _TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "82e974c3c8bdef284e02f896ed1680c1" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery);
+const query = (_TestModeBannerQuery2.default.hash && _TestModeBannerQuery2.default.hash !== "82e974c3c8bdef284e02f896ed1680c1" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery);
 function TestModeBannerPreloadedQueryRenderer(_ref2) {
   let {
     preloadedQuery

package/dist/components/ThemeConfig/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ThemeConfigPreloadedQueryRenderer = ThemeConfigPreloadedQueryRenderer;
 exports.default = ThemeConfig;
+var _ThemeConfigQuery2 = _interopRequireDefault(require("../../__generated__/ThemeConfigQuery.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-var _ThemeConfigQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // gets the custom properties entered by users in the admin panel,
 // which also includes default values. we put the defaults there instead of
@@ -25,7 +25,7 @@ function ThemeConfigComponent(_ref) {
     type: "text/css"
   }, `:root { ${props.join(';')} }`);
 }
-const query = _ThemeConfigQuery !== void 0 ? _ThemeConfigQuery : (_ThemeConfigQuery = require("../../__generated__/ThemeConfigQuery.graphql"), _ThemeConfigQuery.hash && _ThemeConfigQuery.hash !== "c259bee038c4d2ea14c758fba3381f57" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ThemeConfigQuery);
+const query = (_ThemeConfigQuery2.default.hash && _ThemeConfigQuery2.default.hash !== "c259bee038c4d2ea14c758fba3381f57" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ThemeConfigQuery);
 function ThemeConfigPreloadedQueryRenderer(_ref2) {
   let {
     preloadedQuery

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesterFeatures;
+var _TypeTesterFeatures_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTesterFeatures_fontStyle.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TypeTesterBullet = _interopRequireDefault(require("../TypeTester/TypeTesterBullet"));
@@ -12,10 +13,9 @@ var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _useFeaturesData = _interopRequireDefault(require("./useFeaturesData"));
 var _TypeTesterVariableAxes = _interopRequireDefault(require("./TypeTesterVariableAxes"));
-var _TypeTesterFeatures_fontStyle;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function useHeightAnimation() {
   let isOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
@@ -60,7 +60,7 @@ function TypeTesterFeatures(_ref) {
     features: showFeatures,
     axes
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterFeatures_fontStyle !== void 0 ? _TypeTesterFeatures_fontStyle : (_TypeTesterFeatures_fontStyle = require("../../__generated__/TypeTesterFeatures_fontStyle.graphql"), _TypeTesterFeatures_fontStyle.hash && _TypeTesterFeatures_fontStyle.hash !== "d0c693dadaa9ae68f5295f3fc69a7578" && console.error("The definition of 'TypeTesterFeatures_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeatures_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterFeatures_fontStyle2.default.hash && _TypeTesterFeatures_fontStyle2.default.hash !== "d0c693dadaa9ae68f5295f3fc69a7578" && console.error("The definition of 'TypeTesterFeatures_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeatures_fontStyle), fontStyleKey);
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);

package/dist/components/TypeTester/TypeTesterFeaturesButton.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _TypeTesterFeaturesButton_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTesterFeaturesButton_fontStyle.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _CarrotDown = _interopRequireDefault(require("../Icons/CarrotDown"));
@@ -12,10 +13,9 @@ var _Select = _interopRequireDefault(require("../Select"));
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
 var _useFeaturesData = _interopRequireDefault(require("./useFeaturesData"));
 var _reactRelay = require("react-relay");
-var _TypeTesterFeaturesButton_fontStyle;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TypeTesterFeaturesButton = _ref => {
   let {
     id,
@@ -35,7 +35,7 @@ const TypeTesterFeaturesButton = _ref => {
     id
   });
   const selectedFeature = features[0];
-  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterFeaturesButton_fontStyle !== void 0 ? _TypeTesterFeaturesButton_fontStyle : (_TypeTesterFeaturesButton_fontStyle = require("../../__generated__/TypeTesterFeaturesButton_fontStyle.graphql"), _TypeTesterFeaturesButton_fontStyle.hash && _TypeTesterFeaturesButton_fontStyle.hash !== "bfda99c867db0b614314fc774911c4b0" && console.error("The definition of 'TypeTesterFeaturesButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeaturesButton_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterFeaturesButton_fontStyle2.default.hash && _TypeTesterFeaturesButton_fontStyle2.default.hash !== "bfda99c867db0b614314fc774911c4b0" && console.error("The definition of 'TypeTesterFeaturesButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeaturesButton_fontStyle), fontStyleKey);
   const {
     featureNames
   } = (0, _useFeaturesData.default)({

package/dist/components/TypeTester/TypeTesterFloatingToolbar.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesterFloatingToolbar;
+var _TypeTesterFloatingToolbar_testers2 = _interopRequireDefault(require("../../__generated__/TypeTesterFloatingToolbar_testers.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TypeTesterContext = require("./TypeTesterContext");
 var _TypeTesterFeatures = _interopRequireDefault(require("./TypeTesterFeatures"));
 var _TypeTesterToolbar = _interopRequireDefault(require("./TypeTesterToolbar"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _TypeTesterFloatingToolbar_testers;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function TypeTesterFloatingToolbar(_ref) {
   var _testersData$find;
   let {
@@ -22,7 +22,7 @@ function TypeTesterFloatingToolbar(_ref) {
     axes,
     onToolbarOpenClose
   } = _ref;
-  const testersData = (0, _reactRelay.useFragment)(_TypeTesterFloatingToolbar_testers !== void 0 ? _TypeTesterFloatingToolbar_testers : (_TypeTesterFloatingToolbar_testers = require("../../__generated__/TypeTesterFloatingToolbar_testers.graphql"), _TypeTesterFloatingToolbar_testers.hash && _TypeTesterFloatingToolbar_testers.hash !== "5f037fca9e02cba8c202f17e08ff8db6" && console.error("The definition of 'TypeTesterFloatingToolbar_testers' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFloatingToolbar_testers), testersKey);
+  const testersData = (0, _reactRelay.useFragment)((_TypeTesterFloatingToolbar_testers2.default.hash && _TypeTesterFloatingToolbar_testers2.default.hash !== "5f037fca9e02cba8c202f17e08ff8db6" && console.error("The definition of 'TypeTesterFloatingToolbar_testers' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFloatingToolbar_testers), testersKey);
   const {
     testers
   } = (0, _react.useContext)(_TypeTesterContext.TypeTesterContext);

package/dist/components/TypeTester/TypeTesterInput.d.ts

@@ -4,6 +4,7 @@ interface TypeTesterInputProps {
     max: number;
     value: number;
     onChange: (value: number) => void;
+    setFocused: (value: boolean) => void;
 }
 export declare const TypeTesterInput: React.FunctionComponent<TypeTesterInputProps>;
 export default TypeTesterInput;

package/dist/components/TypeTester/TypeTesterInput.js

@@ -12,7 +12,8 @@ const TypeTesterInput = _ref => {
     value,
     onChange,
     min,
-    max
+    max,
+    setFocused
   } = _ref;
   const [localValue, setLocalValue] = (0, _react.useState)(value);
   const [isError, setIsError] = (0, _react.useState)(false);
@@ -62,7 +63,9 @@ const TypeTesterInput = _ref => {
     },
     value: localValue || '',
     onChange: handleChange,
-    onKeyDown: handleKeyDown
+    onKeyDown: handleKeyDown,
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false)
   }), /*#__PURE__*/_react.default.createElement("span", null, "px"));
 };
 exports.TypeTesterInput = TypeTesterInput;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TypeTesterStandalonePreloadedQueryRenderer = TypeTesterStandalonePreloadedQueryRenderer;
 exports.default = TypeTesterStandalone;
+var _TypeTesterStandaloneQuery2 = _interopRequireDefault(require("../../__generated__/TypeTesterStandaloneQuery.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _index = _interopRequireDefault(require("./index"));
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _TypeTesterStandaloneQuery;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function TypeTesterStandaloneComponent(_ref) {
   var _data$viewer, _data$viewer2, _data$viewer2$fontSty, _data$viewer2$fontSty2, _data$viewer2$fontSty3, _data$viewer3, _data$viewer3$fontSty, _data$viewer3$fontSty2;
@@ -72,7 +72,7 @@ function TypeTesterStandaloneComponent(_ref) {
     onBlur: onBlur
   }));
 }
-const query = _TypeTesterStandaloneQuery !== void 0 ? _TypeTesterStandaloneQuery : (_TypeTesterStandaloneQuery = require("../../__generated__/TypeTesterStandaloneQuery.graphql"), _TypeTesterStandaloneQuery.hash && _TypeTesterStandaloneQuery.hash !== "3ad5c4d856f5d46ddf8a47a2b6d2420a" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery);
+const query = (_TypeTesterStandaloneQuery2.default.hash && _TypeTesterStandaloneQuery2.default.hash !== "3ad5c4d856f5d46ddf8a47a2b6d2420a" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery);
 function TypeTesterStandalonePreloadedQueryRenderer(_ref3) {
   let {
     preloadedQuery,

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesterStyleSelectData;
+var _TypeTesterStyleSelectData_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTesterStyleSelectData_viewer.graphql"));
+var _TypeTesterStyleSelectData_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTesterStyleSelectData_fontStyle.graphql"));
+var _TypeTesterStyleSelectData_fontStyleData2 = _interopRequireDefault(require("../../__generated__/TypeTesterStyleSelectData_fontStyleData.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
 var _TypeTesterStyleSelect = _interopRequireDefault(require("./TypeTesterStyleSelect"));
 var _relayRuntime = require("relay-runtime");
-var _TypeTesterStyleSelectData_fontStyleData, _TypeTesterStyleSelectData_fontStyle, _TypeTesterStyleSelectData_viewer;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-_TypeTesterStyleSelectData_fontStyleData !== void 0 ? _TypeTesterStyleSelectData_fontStyleData : (_TypeTesterStyleSelectData_fontStyleData = require("../../__generated__/TypeTesterStyleSelectData_fontStyleData.graphql"), _TypeTesterStyleSelectData_fontStyleData.hash && _TypeTesterStyleSelectData_fontStyleData.hash !== "fb09207ccab08c7e73677486469a3c95" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyleData' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyleData);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_TypeTesterStyleSelectData_fontStyleData2.default.hash && _TypeTesterStyleSelectData_fontStyleData2.default.hash !== "fb09207ccab08c7e73677486469a3c95" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyleData' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyleData;
 
 // get a score for similarity between two styles
 // 0 < n <= 1
@@ -46,8 +48,8 @@ function TypeTesterStyleSelectData(_ref) {
     variableSettings,
     includeVariableAxesOption
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterStyleSelectData_fontStyle !== void 0 ? _TypeTesterStyleSelectData_fontStyle : (_TypeTesterStyleSelectData_fontStyle = require("../../__generated__/TypeTesterStyleSelectData_fontStyle.graphql"), _TypeTesterStyleSelectData_fontStyle.hash && _TypeTesterStyleSelectData_fontStyle.hash !== "6d485f52ae538b13da3f1f924512299c" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyle), fontStyleKey);
-  const viewer = (0, _reactRelay.useFragment)(_TypeTesterStyleSelectData_viewer !== void 0 ? _TypeTesterStyleSelectData_viewer : (_TypeTesterStyleSelectData_viewer = require("../../__generated__/TypeTesterStyleSelectData_viewer.graphql"), _TypeTesterStyleSelectData_viewer.hash && _TypeTesterStyleSelectData_viewer.hash !== "d5d291b8b41470b9e602ee83af05e047" && console.error("The definition of 'TypeTesterStyleSelectData_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_viewer), viewerKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterStyleSelectData_fontStyle2.default.hash && _TypeTesterStyleSelectData_fontStyle2.default.hash !== "6d485f52ae538b13da3f1f924512299c" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyle), fontStyleKey);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTesterStyleSelectData_viewer2.default.hash && _TypeTesterStyleSelectData_viewer2.default.hash !== "d5d291b8b41470b9e602ee83af05e047" && console.error("The definition of 'TypeTesterStyleSelectData_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_viewer), viewerKey);
   const familyData = viewer === null || viewer === void 0 ? void 0 : (_viewer$families = viewer.families) === null || _viewer$families === void 0 ? void 0 : (_viewer$families$edge = _viewer$families.edges) === null || _viewer$families$edge === void 0 ? void 0 : _viewer$families$edge.map(edge => edge.node).filter(_utils.notEmpty);
   const handleSelectFamilyId = (0, _react.useCallback)(id => {
     const family = familyData && familyData.find(family => family.id === id);

package/dist/components/TypeTester/TypeTesterToolbar.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _TypeTesterToolbar_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTesterToolbar_fontStyle.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _TypeTesterFeaturesButton = _interopRequireDefault(require("./TypeTesterFeaturesButton"));
 var _TypeTesterEditAll = _interopRequireDefault(require("./TypeTesterEditAll"));
@@ -14,10 +15,9 @@ var _TypeTesterAlignButtons = _interopRequireDefault(require("./TypeTesterAlignB
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _TypeTesterVariableAxes = _interopRequireDefault(require("./TypeTesterVariableAxes"));
 var _reactRelay = require("react-relay");
-var _TypeTesterToolbar_fontStyle;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TypeTesterToolbar = _ref => {
   let {
     id,
@@ -34,10 +34,13 @@ const TypeTesterToolbar = _ref => {
   const props = (0, _TypeTesterState.default)({
     id
   });
-  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterToolbar_fontStyle !== void 0 ? _TypeTesterToolbar_fontStyle : (_TypeTesterToolbar_fontStyle = require("../../__generated__/TypeTesterToolbar_fontStyle.graphql"), _TypeTesterToolbar_fontStyle.hash && _TypeTesterToolbar_fontStyle.hash !== "1a0f844cbe51f96ed0145d8009f8bff0" && console.error("The definition of 'TypeTesterToolbar_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterToolbar_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterToolbar_fontStyle2.default.hash && _TypeTesterToolbar_fontStyle2.default.hash !== "1a0f844cbe51f96ed0145d8009f8bff0" && console.error("The definition of 'TypeTesterToolbar_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterToolbar_fontStyle), fontStyleKey);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__toolbar__tools",
-    onMouseDown: e => e.preventDefault()
+    onMouseDown: e => {
+      if (e.target instanceof HTMLInputElement) return;
+      e.preventDefault();
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__slider"
   }, config.size.label && /*#__PURE__*/_react.default.createElement("span", {
@@ -46,7 +49,8 @@ const TypeTesterToolbar = _ref => {
     min: config.size.min,
     max: config.size.max,
     value: props.size,
-    onChange: props.setSize
+    onChange: props.setSize,
+    setFocused: props.setFocused
   }), /*#__PURE__*/_react.default.createElement(_TypeTesterSlider.default, {
     min: config.size.min,
     max: config.size.max,

package/dist/components/TypeTester/TypeTesterVariableAxes.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _TypeTesterVariableAxes_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTesterVariableAxes_fontStyle.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _TypeTesterSlider = _interopRequireDefault(require("./TypeTesterSlider"));
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
-var _TypeTesterVariableAxes_fontStyle;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const TypeTesterVariableAxes = _ref => {
   let {
@@ -23,7 +23,7 @@ const TypeTesterVariableAxes = _ref => {
   } = (0, _TypeTesterState.default)({
     id
   });
-  const fontStyle = (0, _reactRelay.useFragment)(_TypeTesterVariableAxes_fontStyle !== void 0 ? _TypeTesterVariableAxes_fontStyle : (_TypeTesterVariableAxes_fontStyle = require("../../__generated__/TypeTesterVariableAxes_fontStyle.graphql"), _TypeTesterVariableAxes_fontStyle.hash && _TypeTesterVariableAxes_fontStyle.hash !== "a73e45dbb7a154107456088125a01f88" && console.error("The definition of 'TypeTesterVariableAxes_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterVariableAxes_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterVariableAxes_fontStyle2.default.hash && _TypeTesterVariableAxes_fontStyle2.default.hash !== "a73e45dbb7a154107456088125a01f88" && console.error("The definition of 'TypeTesterVariableAxes_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterVariableAxes_fontStyle), fontStyleKey);
   if (!variableSettings) return null;
   if (!axes) return null;
   const handleChange = (axis, value) => {

package/dist/components/TypeTester/index.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _TypeTester_sku2 = _interopRequireDefault(require("../../__generated__/TypeTester_sku.graphql"));
+var _TypeTester_NewStyleQuery2 = _interopRequireDefault(require("../../__generated__/TypeTester_NewStyleQuery.graphql"));
+var _TypeTester_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTester_viewer.graphql"));
+var _TypeTester_fontStyle2 = _interopRequireDefault(require("../../__generated__/TypeTester_fontStyle.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -19,10 +23,9 @@ var _TypeTesterContent = _interopRequireDefault(require("./TypeTesterContent"));
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
 var _TypeTesterToolbar = _interopRequireDefault(require("./TypeTesterToolbar"));
 var _TypeTesterVariableAxes = _interopRequireDefault(require("./TypeTesterVariableAxes"));
-var _TypeTester_fontStyle, _TypeTester_viewer, _TypeTester_NewStyleQuery, _TypeTester_sku;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 // if there's no SKU associated to the font style, it's likely
 // part of a collection which has a SKU. let's find the cheapest
@@ -53,8 +56,8 @@ const TypeTester = _ref => {
     axes,
     groupEdit
   } = _ref;
-  const fontStyleData = (0, _reactRelay.useFragment)(_TypeTester_fontStyle !== void 0 ? _TypeTester_fontStyle : (_TypeTester_fontStyle = require("../../__generated__/TypeTester_fontStyle.graphql"), _TypeTester_fontStyle.hash && _TypeTester_fontStyle.hash !== "e05fd846d7bcc3733b7afeb36403a7ef" && console.error("The definition of 'TypeTester_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_fontStyle), fontStyleKey);
-  const viewer = (0, _reactRelay.useFragment)(_TypeTester_viewer !== void 0 ? _TypeTester_viewer : (_TypeTester_viewer = require("../../__generated__/TypeTester_viewer.graphql"), _TypeTester_viewer.hash && _TypeTester_viewer.hash !== "a12af7126d512a50ab0b7e5e14a7d8eb" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer), viewerKey);
+  const fontStyleData = (0, _reactRelay.useFragment)((_TypeTester_fontStyle2.default.hash && _TypeTester_fontStyle2.default.hash !== "e05fd846d7bcc3733b7afeb36403a7ef" && console.error("The definition of 'TypeTester_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_fontStyle), fontStyleKey);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTester_viewer2.default.hash && _TypeTester_viewer2.default.hash !== "a12af7126d512a50ab0b7e5e14a7d8eb" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer), viewerKey);
   const [selectedFontStyleId, setSelectedFontStyleId] = (0, _react.useState)((fontStyleData === null || fontStyleData === void 0 ? void 0 : fontStyleData.id) ?? null);
   const [fontStyle, setFontStyle] = (0, _react.useState)(fontStyleData);
   const environment = (0, _reactRelay.useRelayEnvironment)();
@@ -64,7 +67,7 @@ const TypeTester = _ref => {
       setFontStyle(fontStyleData);
       return;
     }
-    const observable = (0, _reactRelay.fetchQuery)(environment, _TypeTester_NewStyleQuery !== void 0 ? _TypeTester_NewStyleQuery : (_TypeTester_NewStyleQuery = require("../../__generated__/TypeTester_NewStyleQuery.graphql"), _TypeTester_NewStyleQuery.hash && _TypeTester_NewStyleQuery.hash !== "ba1870daafcad35b740226153cd96f79" && console.error("The definition of 'TypeTester_NewStyleQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_NewStyleQuery), {
+    const observable = (0, _reactRelay.fetchQuery)(environment, (_TypeTester_NewStyleQuery2.default.hash && _TypeTester_NewStyleQuery2.default.hash !== "ba1870daafcad35b740226153cd96f79" && console.error("The definition of 'TypeTester_NewStyleQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_NewStyleQuery), {
       id: selectedFontStyleId
     }).subscribe({
       next: data => {
@@ -200,6 +203,6 @@ const TypeTester = _ref => {
     }, props.content.getCurrentContent().getPlainText());
   }))));
 };
-_TypeTester_sku !== void 0 ? _TypeTester_sku : (_TypeTester_sku = require("../../__generated__/TypeTester_sku.graphql"), _TypeTester_sku.hash && _TypeTester_sku.hash !== "1538559015ee3064ae577b7a5e90f34e" && console.error("The definition of 'TypeTester_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_sku);
+_TypeTester_sku2.default.hash && _TypeTester_sku2.default.hash !== "1538559015ee3064ae577b7a5e90f34e" && console.error("The definition of 'TypeTester_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_sku;
 var _default = TypeTester;
 exports.default = _default;

package/dist/components/TypeTester/useFeaturesData.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _useFeaturesData_fontStyle2 = _interopRequireDefault(require("../../__generated__/useFeaturesData_fontStyle.graphql"));
 var _reactRelay = require("react-relay");
 var _features = _interopRequireDefault(require("./features"));
-var _useFeaturesData_fontStyle;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const getStylisticSetName = (feature, stylisticSetNames) => stylisticSetNames.find(_ref => {
   let {
@@ -19,7 +19,7 @@ const useFeaturesData = _ref2 => {
   let {
     fontStyle
   } = _ref2;
-  const data = (0, _reactRelay.useFragment)(_useFeaturesData_fontStyle !== void 0 ? _useFeaturesData_fontStyle : (_useFeaturesData_fontStyle = require("../../__generated__/useFeaturesData_fontStyle.graphql"), _useFeaturesData_fontStyle.hash && _useFeaturesData_fontStyle.hash !== "3c48a87b1b19f52e3dda10fc11f0030a" && console.error("The definition of 'useFeaturesData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFeaturesData_fontStyle), fontStyle);
+  const data = (0, _reactRelay.useFragment)((_useFeaturesData_fontStyle2.default.hash && _useFeaturesData_fontStyle2.default.hash !== "3c48a87b1b19f52e3dda10fc11f0030a" && console.error("The definition of 'useFeaturesData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFeaturesData_fontStyle), fontStyle);
   const featureNames = ((_data$fontFeatures = data.fontFeatures) === null || _data$fontFeatures === void 0 ? void 0 : _data$fontFeatures.supportedFeatures.reduce((acc, feature) => {
     let featureName = feature;
     if (_features.default.hasOwnProperty(feature)) {