fontdue-js 2.9.0 → 2.10.1

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

@@ -15,6 +15,7 @@ const StoreModalFamilyButton = _ref => {
     selected,
     onClick,
     className,
+    supportsEnglish,
     children: {
       name,
       label,
@@ -27,7 +28,8 @@ const StoreModalFamilyButton = _ref => {
     className: (0, _classnames.default)('store-modal__family-button__button', className)
   }, rest, {
     "data-selected": selected,
-    "data-clickable": Boolean(onClick)
+    "data-clickable": Boolean(onClick),
+    "data-supports-english": supportsEnglish
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__family-button__container"
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -4,9 +4,9 @@ type StoreModalStyleButtonProps = Omit<ButtonProps, 'children'> & {
     selected: boolean;
     children: {
         name: React.ReactNode;
-        aa: React.ReactNode;
+        featureGlyphs: React.ReactNode;
         price: React.ReactNode;
     };
 };
-declare const StoreModalStyleButton: ({ selected, children: { name, aa, price }, ...rest }: StoreModalStyleButtonProps) => React.JSX.Element;
+declare const StoreModalStyleButton: ({ selected, children: { name, featureGlyphs, price }, ...rest }: StoreModalStyleButtonProps) => React.JSX.Element;
 export default StoreModalStyleButton;

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

@@ -14,7 +14,7 @@ const StoreModalStyleButton = _ref => {
     selected,
     children: {
       name,
-      aa,
+      featureGlyphs,
       price
     },
     ...rest
@@ -25,8 +25,8 @@ const StoreModalStyleButton = _ref => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__style-button__container"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "store-modal__style-button__aa"
-  }, aa), ' ', /*#__PURE__*/_react.default.createElement("span", {
+    className: "store-modal__style-button__feature-glyphs"
+  }, featureGlyphs), ' ', /*#__PURE__*/_react.default.createElement("span", {
     className: "store-modal__style-button__style-name"
   }, name), selected ? /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__style-button__checked"

package/dist/fontdue.css

@@ -1239,7 +1239,7 @@ body[data-fontdue-store-modal=open] {
   grid-template-columns: 1fr auto 1fr;
   padding: 10px 15px;
   grid-gap: 10px;
-  align-items: center;
+  align-items: baseline;
 }
 .store-modal__container__nav[data-has-back-text=false] {
   grid-template-columns: auto max-content;
@@ -1386,6 +1386,8 @@ body[data-fontdue-store-modal=open] {
 
 .store-modal__family__title {
   font-family: var(--font-family__bold, inherit);
+  font-weight: 400;
+  font-style: normal;
   margin-bottom: 20px;
 }
 
@@ -1469,9 +1471,8 @@ body[data-fontdue-store-modal=open] {
 }
 
 .store-modal__family-button__container {
-  display: grid;
+  display: flex;
   align-items: baseline;
-  grid-template-columns: minmax(0, max-content) auto max-content;
   grid-column-gap: 10px;
   grid-row-gap: 10px;
 }
@@ -1570,6 +1571,8 @@ body[data-fontdue-store-modal=open] {
 
 .store-modal__license-selection__title {
   font-family: var(--font-family__bold, inherit);
+  font-weight: 400;
+  font-style: normal;
   margin-bottom: 20px;
 }
 
@@ -1941,13 +1944,12 @@ body[data-fontdue-store-modal=open] {
 }
 
 .store-modal__style-button__container {
-  display: grid;
-  grid-template-columns: minmax(0, max-content) auto max-content;
+  display: flex;
   grid-column-gap: 10px;
   align-items: baseline;
 }
 
-.store-modal__style-button__aa {
+.store-modal__style-button__feature-glyphs {
   font-size: 30px;
   margin-right: 10px;
   word-break: break-word;
@@ -2133,6 +2135,7 @@ body[data-fontdue-store-modal=open] {
 }
 .cart-item__name {
   margin-top: 30px; /* line up to the baseline of next column */
+  font-weight: 400;
 }
 .cart-item__licenses {
   margin: 0;

package/dist/relay/environment.js

@@ -47,7 +47,7 @@ function createNetworkFetch(options) {
     if (Array.isArray(json.errors)) {
       var _json$errors;
       const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
-      throw new GraphQLError(error);
+      console.error(new GraphQLError(error));
     }
     return json;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts-declarations",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",
@@ -27,12 +27,13 @@
     "fast-deep-equal": "^2.0.1",
     "fontfaceobserver": "^2.0.13",
     "react-device-detect": "^2.2.3",
+    "react-error-boundary": "^4.1.2",
     "react-redux": "^8",
-    "react-relay": "^17.0.0",
+    "react-relay": "^18.0.0",
     "react-select": "^5.0.0",
     "react-transition-group": "^4.2.1",
     "redux": "^4.0.0",
-    "relay-runtime": "^17.0.0",
+    "relay-runtime": "^18.0.0",
     "store": "^2.0.12",
     "uuid": "^8.3.2"
   },
@@ -51,12 +52,12 @@
     "@types/relay-runtime": "^17.0.0",
     "@types/uuid": "^8.3.3",
     "autoprefixer": "^9.6.0",
-    "babel-plugin-relay": "^17.0.0",
+    "babel-plugin-relay": "^18.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "2.0.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "relay-compiler": "^17.0.0",
+    "relay-compiler": "^18.0.0",
     "sass": "^1.62",
     "typescript": "5.1.3"
   },