fontdue-js 2.10.0 → 2.10.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.10.1
+
+- Fixed issue with combining characters causing React hydration errors
+
 ## 2.10.0
 
 - Fix an issue displaying JPY prices

package/dist/components/CharacterViewer/index.js

@@ -359,7 +359,7 @@ function CharacterViewerComponent(_ref3) {
         onClick: () => setSelectedGlyph(selection),
         onMouseEnter: () => setActiveGlyph(selection),
         "data-selected": compareGlyphs(selectedGlyph, selection)
-      }, chars, areCombiningChars(chars) ? ' ' : '');
+      }, areCombiningChars(chars) ? /*#__PURE__*/_react.default.createElement("span", null, '\u200C', chars) : chars);
     })))));
   }))));
 }

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,8 +1944,7 @@ 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;
 }
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.10.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",