fontdue-js 2.4.1 → 2.6.0

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TypeTesterStandalonePreloadedQueryRenderer = TypeTesterStandalonePreloadedQueryRenderer;
 exports.default = TypeTesterStandalone;
-var _react = _interopRequireDefault(require("react"));
+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 _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;
@@ -32,7 +35,10 @@ function TypeTesterStandaloneComponent(_ref) {
     onBlur,
     data
   } = _ref;
-  let defaultAlignment = 'left';
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  let defaultAlignment = config.initialAlignment;
   if (direction === 'rtl') defaultAlignment = 'right';
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     testers: {

package/dist/components/elements/StoreModalContainer/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+interface FontData {
+    name: string;
+    cssUrl: string | null;
+}
 interface StoreModalContainerProps {
     onClickBackground?: () => void;
     onClickClose?: () => void;
@@ -6,8 +10,10 @@ interface StoreModalContainerProps {
     onClickCart?: () => void;
     showCartButton?: boolean;
     orderItemCount: number;
-    uiFontUrl: string | null | undefined;
-    uiFontName: string | null | undefined;
+    fonts: {
+        regular: FontData | null;
+        bold: FontData | null;
+    };
     children: {
         backText?: React.ReactNode;
         pageTitle: React.ReactNode;

package/dist/components/elements/StoreModalContainer/index.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Icons = require("../../Icons");
 var _StoreModalContainerContext = _interopRequireDefault(require("./StoreModalContainerContext"));
 var _Stylesheet = _interopRequireDefault(require("../../Stylesheet"));
+var _utils = require("../../../utils");
 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; }
@@ -19,8 +20,7 @@ const StoreModalContainer = _ref => {
     onClickCart,
     showCartButton,
     orderItemCount,
-    uiFontUrl,
-    uiFontName,
+    fonts,
     children: {
       backText,
       pageTitle,
@@ -41,16 +41,19 @@ const StoreModalContainer = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__container__overlay"
-  }, uiFontUrl && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
-    href: uiFontUrl
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }, [fonts.regular, fonts.bold].filter(_utils.notEmpty).map(font => /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
+    key: font.name,
+    href: font.cssUrl
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__container__background",
     onClick: onClickBackground
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__container__container",
     ref: container,
     style: {
-      fontFamily: uiFontName ? `"${uiFontName}"` : ''
+      '--font-family': fonts.regular ? `"${fonts.regular.name}"` : undefined,
+      '--font-family__bold': fonts.bold ? `"${fonts.bold.name}"` : undefined,
+      fontFamily: 'var(--font-family, inherit)'
     }
   }, /*#__PURE__*/_react.default.createElement("nav", {
     className: "store-modal__container__nav",

package/dist/components/elements/StoreModalFamily/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface StoreModalFamilyProps {
     children: {
         stylesheet: React.ReactElement | null;
+        title: React.ReactNode;
         familyButton: React.ReactElement;
         bundles?: React.ReactElement[] | null;
         styleGroups?: React.ReactElement[][] | null;

package/dist/components/elements/StoreModalFamily/index.js

@@ -12,12 +12,15 @@ const StoreModalFamily = _ref => {
       stylesheet,
       bundles,
       familyButton,
-      styleGroups
+      styleGroups,
+      title
     }
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__family__container"
-  }, stylesheet, /*#__PURE__*/_react.default.cloneElement(familyButton, {
+  }, stylesheet, title && /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__family__title"
+  }, title), /*#__PURE__*/_react.default.cloneElement(familyButton, {
     className: 'store-modal__family__family-button'
   }), bundles === null || bundles === void 0 ? void 0 : bundles.map(bundle => /*#__PURE__*/_react.default.cloneElement(bundle, {
     className: 'store-modal__family__bundle-button'

package/dist/data/unicodeData.d.ts

@@ -0,0 +1,4 @@
+declare const data: {
+    [code: string]: string;
+};
+export default data;