fontdue-js 2.23.0 → 2.23.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.23.1
+
+- Tweaked checkout styling.
+
 ## 2.23.0
 
 - Added support for **mutually exclusive licenses**. Tenants can now mark licenses as mutually exclusive in the admin; selecting a conflicting license in the precart, store modal, or cart now auto-deselects the conflicting one. The cart's "+ Add" suggestion list also hides licenses that conflict with what's already selected.

package/dist/components/Icons/Checkbox.js

@@ -15,7 +15,7 @@ const Checkbox = () => /*#__PURE__*/_react.default.createElement("span", {
   y: "0",
   enableBackground: "new 0 0 16 16",
   version: "1.1",
-  viewBox: "0 0 16 16",
+  viewBox: "2 2 12 12",
   xmlSpace: "preserve"
 }, /*#__PURE__*/_react.default.createElement("path", {
   d: "M2 2v12h12V2H2zm11 11H3V3h10v10z"

package/dist/components/Icons/CheckboxChecked.js

@@ -12,7 +12,7 @@ const CheckboxChecked = () => /*#__PURE__*/_react.default.createElement("span",
 }, /*#__PURE__*/_react.default.createElement("svg", {
   width: 16,
   height: 16,
-  viewBox: "0 0 16 16",
+  viewBox: "2 2 12 12",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, /*#__PURE__*/_react.default.createElement("path", {

package/dist/fontdue.css

@@ -1328,6 +1328,13 @@ body[data-fontdue-store-modal=open] {
 .store-modal__cart__checkout-section:not(:last-child) {
   margin-bottom: var(--section_spacing);
 }
+.store-modal__cart__checkout-section[data-editing=false] {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 20px;
+  line-height: 1.4;
+}
 
 .store-modal__cart__checkout-section-title {
   font-family: var(--font-family__bold, inherit);
@@ -1405,6 +1412,11 @@ body[data-fontdue-store-modal=open] {
 .store-modal__cart__totals {
   grid-column: 2/span 1;
 }
+@media (max-width: 1199px) {
+  .store-modal__cart__totals {
+    grid-column: 1/span 2;
+  }
+}
 
 .store-modal__container__overlay {
   position: fixed;
@@ -1975,7 +1987,10 @@ body[data-fontdue-store-modal=open] {
 
 .store-modal__license-selection__icon-pair {
   display: flex;
-  align-items: center;
+  align-items: baseline;
+}
+.store-modal__license-selection__icon-pair .icon {
+  font-size: 1cap;
 }
 
 .store-modal__licensee-is-billing-identity__container[data-disabled=true] {
@@ -2095,6 +2110,7 @@ body[data-fontdue-store-modal=open] {
 }
 .store-modal__order-variable-selection__select-label .icon {
   margin-left: 10px;
+  margin-right: 0;
 }
 
 .store-modal__order-variable-selection__select {
@@ -2110,7 +2126,10 @@ body[data-fontdue-store-modal=open] {
 
 .store-modal__order-variable-selection__icon-pair {
   display: flex;
-  align-items: center;
+  align-items: baseline;
+}
+.store-modal__order-variable-selection__icon-pair .icon {
+  font-size: 1cap;
 }
 
 .store-modal__order-variable-selection__item[data-ghost=true] .store-modal__order-variable-selection__button {
@@ -2721,6 +2740,7 @@ body[data-fontdue-store-modal=open] {
 }
 .cart__price-block__placeholder {
   color: var(--secondary_text_color);
+  white-space: nowrap;
 }
 .cart__remove-discount-button {
   background: none;

package/package.json

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