fontdue-js 2.25.0 → 2.25.1

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 2.25.1
+
+- Fixed an error in the `TypeTester` style/family select that could occur in rare cases with typefaces detected without any language support.
+- Fixed the `Checkbox` and `CheckboxChecked` icons rendering with uneven, asymmetric edges at fractional sizes.
+
 ## 2.25.0
 
 - Added `storeModal.hideAllCollections` config option (default `false`). When `true`, the store modal skips the "All collections" landing page — the modal opens directly to the cart route, the cart button always opens the cart regardless of item count, the empty-cart "Continue shopping" button closes the modal, and the product/checkout back button becomes "Close" when there's no history. Useful for stores that drive purchases from "Add to Cart" buttons on product pages.

package/dist/components/Icons/Checkbox.js

@@ -11,14 +11,16 @@ const Checkbox = () => /*#__PURE__*/_react.default.createElement("span", {
   "data-label": "Checkbox"
 }, /*#__PURE__*/_react.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
-  x: "0",
-  y: "0",
-  enableBackground: "new 0 0 16 16",
-  version: "1.1",
-  viewBox: "2 2 12 12",
-  xmlSpace: "preserve"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  d: "M2 2v12h12V2H2zm11 11H3V3h10v10z"
+  viewBox: "0 0 12 12",
+  shapeRendering: "crispEdges",
+  overflow: "visible"
+}, /*#__PURE__*/_react.default.createElement("rect", {
+  x: "0.5",
+  y: "0.5",
+  width: "11",
+  height: "11",
+  fill: "none",
+  stroke: "currentColor"
 })));
 var _default = Checkbox;
 exports.default = _default;

package/dist/components/Icons/CheckboxChecked.js

@@ -10,15 +10,14 @@ const CheckboxChecked = () => /*#__PURE__*/_react.default.createElement("span",
   className: "icon",
   "data-label": "CheckboxChecked"
 }, /*#__PURE__*/_react.default.createElement("svg", {
-  width: 16,
-  height: 16,
-  viewBox: "2 2 12 12",
-  fill: "none",
+  viewBox: "0 0 12 12",
+  shapeRendering: "crispEdges",
+  overflow: "visible",
   xmlns: "http://www.w3.org/2000/svg"
 }, /*#__PURE__*/_react.default.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M2 14V2h12v12H2zm5.078-1.715l5.338-8.008-.832-.554-4.662 6.992-2.568-2.569-.708.708 3.432 3.43z"
+  d: "M0 12V0h12v12H0zm5.078-1.715l5.338-8.008-.832-.554-4.662 6.992-2.568-2.569-.708.708 3.432 3.43z"
 })));
 var _default = CheckboxChecked;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -95,7 +95,7 @@ function TypeTesterStyleSelectData(_ref) {
     });
   }, [familyData, fontStyle]);
   const instance = variableSettings ? (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.find(instance => (0, _utils.compareVariableSettings)(instance, variableSettings)) : null;
-  return config.selectable && familyData ? /*#__PURE__*/_react.default.createElement(_TypeTesterStyleSelect.default, {
+  return config.selectable && familyData !== null && familyData !== void 0 && familyData.length ? /*#__PURE__*/_react.default.createElement(_TypeTesterStyleSelect.default, {
     families: familyData,
     selectedFontStyleId: fontStyle.id,
     onSelectFontStyleValue: onSelectFontStyleValue,

package/dist/fontdue.css

@@ -2547,27 +2547,37 @@ body[data-fontdue-store-modal=open] {
 }
 .cart-item + .cart-item {
   border-top: 1px solid var(--horizontal_rule_color);
-  padding-top: 40px;
 }
-@media (max-width: 899px) {
+@media (max-width: 1199px) {
   .cart-item {
     display: grid;
     grid-template-columns: 1fr auto;
     column-gap: 20px;
+    row-gap: 20px;
     align-items: baseline;
   }
 }
-@media (max-width: 899px) {
-  > div:has(> .cart-item__licenses) {
+@media (max-width: 1199px) {
+  .cart-item > div:has(> .cart-item__licenses) {
     grid-column: 1/-1;
   }
 }
+@media (min-width: 1200px) {
+  .cart-item > div:has(> .cart-item__licenses) {
+    grid-column: name/end;
+  }
+}
 @media (min-width: 900px) {
+  .cart-item {
+    grid-column: 1/-1;
+  }
+}
+@media (min-width: 1200px) {
   .cart-item {
     display: grid;
     align-items: baseline;
     grid-template-columns: subgrid;
-    grid-column: 1/-1;
+    row-gap: 20px;
     padding-bottom: 30px;
     margin-bottom: 0;
   }
@@ -2590,12 +2600,17 @@ body[data-fontdue-store-modal=open] {
 .cart-item__label {
   color: var(--styles-count-color, var(--secondary_text_color));
 }
-@media (max-width: 899px) {
+@media (max-width: 1199px) {
   .cart-item__product {
     grid-column: 1;
     margin-bottom: 20px;
   }
 }
+@media (min-width: 1200px) {
+  .cart-item__product {
+    grid-column: name/price;
+  }
+}
 .cart-item__name {
   font-size: 1em;
   margin-top: 30px; /* line up to the baseline of next column */
@@ -2616,9 +2631,8 @@ body[data-fontdue-store-modal=open] {
   align-items: flex-start;
   gap: 20px;
   padding-top: 20px;
-  padding-bottom: 20px;
 }
-.cart-item:first-child .cart-item__license:first-child {
+.cart-item__license:first-child {
   padding-top: 0;
 }
 @media (pointer: fine) {
@@ -2650,9 +2664,6 @@ body[data-fontdue-store-modal=open] {
 .cart-item__license__delete-button .icon {
   font-size: 16px;
 }
-.cart-item__license + .cart-item__license {
-  border-top: 1px solid var(--horizontal_rule_color);
-}
 .cart-item__license-wrapper {
   flex: 1;
 }
@@ -2759,15 +2770,17 @@ body[data-fontdue-store-modal=open] {
 .cart-item__license-variable__loading {
   padding: 10px;
 }
-@media (max-width: 899px) {
+@media (max-width: 1199px) {
   .cart-item__price {
     grid-column: 2;
     grid-row: 1;
     text-align: right;
   }
 }
-@media (min-width: 900px) {
+@media (min-width: 1200px) {
   .cart-item__price {
+    grid-column: price/end;
+    grid-row: 1;
     display: initial;
     margin-top: 30px;
     text-align: right;
@@ -2780,9 +2793,9 @@ body[data-fontdue-store-modal=open] {
   padding-top: 16px;
   color: var(--additional-license-color, var(--secondary_text_color));
 }
-@media (min-width: 900px) {
+@media (min-width: 1200px) {
   .cart-item__additional-licenses {
-    grid-column-start: licenses;
+    grid-column: name/end;
     padding-top: 10px;
     padding-bottom: 5px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.25.0",
+  "version": "2.25.1",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",