fontdue-js 1.12.4 → 2.0.0-alpha10

package/dist/components/TypeTesters/index.js

@@ -1,19 +1,22 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TypeTestersPreloadedIDQueryRenderer = TypeTestersPreloadedIDQueryRenderer;
+exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRenderer;
+exports.default = TypeTesters;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
-var _reactStaticContainer = _interopRequireDefault(require("react-static-container"));
 var _PriceBar = _interopRequireDefault(require("../PriceBar"));
 var _utils = require("../../utils");
 var _TypeTesterContext = _interopRequireDefault(require("../TypeTester/TypeTesterContext"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _TypeTesters_collection, _TypeTesters_viewer, _TypeTestersIDQuery, _TypeTestersSlugQuery;
 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); }
@@ -45,32 +48,33 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
-const TypeTestersBase = _ref => {
+function TypeTestersComponent(_ref) {
   var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
   let {
-    collection,
-    precartOpen,
-    includePriceBar,
+    collection: collectionKey,
+    viewer: viewerKey,
     defaultMode,
     autofit,
     onFocus,
     onBlur,
     onToolbarOpenClose,
-    viewer,
     ...rest
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const viewer = (0, _reactRelay.useFragment)(_TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
+  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);
   if (!collection) return null;
   const testers = (_collection$typeTeste2 = collection.typeTesters) === null || _collection$typeTeste2 === void 0 ? void 0 : (_collection$typeTeste3 = _collection$typeTeste2.edges) === null || _collection$typeTeste3 === void 0 ? void 0 : _collection$typeTeste3.reduce((acc, edge) => {
-    var _node$variableSetting;
+    var _node$variableSetting, _node$featureSettings;
     const node = edge.node;
     acc[node.id] = {
       content: node.content,
       size: node.size ? parseFloat(node.size) : 72,
       lineHeight: node.lineHeight ? parseFloat(node.lineHeight) : 1,
-      autofit,
+      autofit: autofit ?? false,
       alignment: config.initialAlignment,
       variableSettings: ((_node$variableSetting = node.variableSettings) === null || _node$variableSetting === void 0 ? void 0 : _node$variableSetting.reduce((acc, _ref2) => {
         let {
@@ -79,13 +83,14 @@ const TypeTestersBase = _ref => {
         } = _ref2;
         acc[axis] = value;
         return acc;
-      }, {})) ?? null
+      }, {})) ?? null,
+      features: ((_node$featureSettings = node.featureSettings) === null || _node$featureSettings === void 0 ? void 0 : _node$featureSettings.filter(setting => setting.value === '1').map(setting => setting.feature)) ?? null
     };
     return acc;
   }, {});
   if (!testers) return null;
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
-    defaultMode: defaultMode,
+    defaultMode: defaultMode ?? (autofit ? 'local' : 'group'),
     testers: testers
   }, config.toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
     testers: ((_collection$typeTeste4 = collection.typeTesters) === null || _collection$typeTeste4 === void 0 ? void 0 : (_collection$typeTeste5 = _collection$typeTeste4.edges) === null || _collection$typeTeste5 === void 0 ? void 0 : _collection$typeTeste5.map(edge => edge.node)) ?? [],
@@ -102,8 +107,8 @@ const TypeTestersBase = _ref => {
     const productId = ((_collection$parent = collection.parent) === null || _collection$parent === void 0 ? void 0 : _collection$parent.id) ?? collection.id;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: i
-    }, includePriceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
-      node: findPriceBarCollection(collection, currentFamilyId)
+    }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
+      node: findPriceBarCollection(collection, currentFamilyId) ?? null
     }), typeTesterGroup.map((node, j) => /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
       id: node.id,
       fontStyle: node.fontStyle,
@@ -117,99 +122,78 @@ const TypeTestersBase = _ref => {
       viewer: viewer
     }))));
   }));
-};
-const TypeTesters = (0, _reactRelay.createFragmentContainer)(TypeTestersBase, {
-  collection: _TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "752a00184f76eafc5054574126afb1ea" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection),
-  viewer: _TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer)
-});
-const getDefaultMode = (stringValue, autofit) => {
-  if (autofit) return 'local';
-  if (stringValue === 'group') return 'group';
-  return 'local';
-};
-const TypeTestersQueryRenderer = _ref3 => {
+}
+const idQuery = _TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "f62d86e50379a25ca0a8eb10812704c2" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
+function TypeTestersPreloadedIDQueryRenderer(_ref3) {
   let {
+    preloadedQuery,
+    ...rest
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+}
+function TypeTestersIDQueryRenderer(_ref4) {
+  let {
+    collectionId,
+    tags,
+    excludeTags,
+    ...rest
+  } = _ref4;
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId,
+    tags,
+    excludeTags
+  });
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+}
+const slugQuery = _TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
+function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
+  var _data$viewer$slug;
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref5;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
+    viewer: data.viewer
+  }, rest));
+}
+function TypeTestersSlugQueryRenderer(_ref6) {
+  var _data$viewer$slug2;
+  let {
     collectionSlug,
-    defaultMode,
-    autofit,
     tags,
     excludeTags,
-    onFocus,
-    onBlur,
-    onToolbarOpenClose
-  } = _ref3;
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Consumer, null, config => {
-    const includePriceBar = config.typeTester.priceBar;
-    if (collectionId) {
-      return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
-        key: collectionId,
-        environment: environment,
-        query: _TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "735b87edba7dd12a961b1686398b8cd3" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery),
-        variables: {
-          collectionId,
-          includePriceBar: includePriceBar && precartOpen || false,
-          tags,
-          excludeTags
-        },
-        render: _ref4 => {
-          let {
-            error,
-            props
-          } = _ref4;
-          if (error) return null;
-          return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
-            shouldUpdate: props
-          }, props && /*#__PURE__*/_react.default.createElement(TypeTesters, _extends({}, props, {
-            defaultMode: getDefaultMode(defaultMode, autofit),
-            precartOpen: precartOpen,
-            includePriceBar: includePriceBar,
-            autofit: autofit ?? false,
-            onFocus: onFocus,
-            onBlur: onBlur,
-            onToolbarOpenClose: onToolbarOpenClose,
-            viewer: props.viewer
-          })));
-        }
-      });
-    }
-    if (collectionSlug) {
-      return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
-        key: collectionSlug,
-        environment: environment,
-        query: _TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "e87234dd6058020e9ee76c2603f6e0bd" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery),
-        variables: {
-          collectionSlug,
-          includePriceBar: includePriceBar && precartOpen || false,
-          tags,
-          excludeTags
-        },
-        render: _ref5 => {
-          var _props$viewer, _props$viewer$slug;
-          let {
-            error,
-            props
-          } = _ref5;
-          if (error) return null;
-          return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
-            shouldUpdate: props
-          }, props && /*#__PURE__*/_react.default.createElement(TypeTesters, {
-            collection: ((_props$viewer = props.viewer) === null || _props$viewer === void 0 ? void 0 : (_props$viewer$slug = _props$viewer.slug) === null || _props$viewer$slug === void 0 ? void 0 : _props$viewer$slug.collection) ?? null,
-            defaultMode: getDefaultMode(defaultMode, autofit),
-            precartOpen: precartOpen,
-            includePriceBar: includePriceBar,
-            autofit: autofit ?? false,
-            onFocus: onFocus,
-            onBlur: onBlur,
-            onToolbarOpenClose: onToolbarOpenClose,
-            viewer: props.viewer
-          }));
-        }
-      });
-    }
+    ...rest
+  } = _ref6;
+  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
+    collectionSlug,
+    tags,
+    excludeTags
   });
-};
-var _default = TypeTestersQueryRenderer;
-exports.default = _default;
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,
+    viewer: data.viewer
+  }, rest));
+}
+function TypeTesters(_ref7) {
+  let {
+    collectionId,
+    collectionSlug,
+    ...rest
+  } = _ref7;
+  if (collectionId) {
+    return /*#__PURE__*/_react.default.createElement(TypeTestersIDQueryRenderer, _extends({
+      collectionId: collectionId
+    }, rest));
+  }
+  if (collectionSlug) {
+    return /*#__PURE__*/_react.default.createElement(TypeTestersSlugQueryRenderer, _extends({
+      collectionSlug: collectionSlug
+    }, rest));
+  }
+  return null;
+}

package/dist/components/TypeTesters/index.server.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypeTesters_props } from './index';
+export default function TypeTesters({ collectionId, collectionSlug, tags, excludeTags, ...rest }: TypeTesters_props): Promise<React.JSX.Element | null>;

package/dist/components/TypeTesters/index.server.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypeTesters;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _TypeTestersIDQuery = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
+var _TypeTestersSlugQuery = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+async function TypeTesters(_ref) {
+  let {
+    collectionId,
+    collectionSlug,
+    tags,
+    excludeTags,
+    ...rest
+  } = _ref;
+  if (collectionId) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
+      collectionId,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  if (collectionSlug) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
+      collectionSlug,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return null;
+}

package/dist/components/VariableTableAmounts/index.d.ts

@@ -1,8 +1,9 @@
-import { VariableTableAmounts_variable } from '../../__generated__/VariableTableAmounts_variable.graphql';
-import { VariableTableAmounts_option } from '../../__generated__/VariableTableAmounts_option.graphql';
+import React from 'react';
+import { VariableTableAmounts_variable$key } from '../../__generated__/VariableTableAmounts_variable.graphql';
+import { VariableTableAmounts_option$key } from '../../__generated__/VariableTableAmounts_option.graphql';
 interface VariableTableAmounts_props {
-    variable: VariableTableAmounts_variable;
-    option: VariableTableAmounts_option | null;
+    variable: VariableTableAmounts_variable$key;
+    option: VariableTableAmounts_option$key | null;
 }
-declare const _default: import("react-relay").Container<VariableTableAmounts_props>;
-export default _default;
+export default function VariableTableAmounts({ variable: variableKey, option: optionKey, }: VariableTableAmounts_props): React.JSX.Element;
+export {};

package/dist/components/VariableTableAmounts/index.js

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = VariableTableAmounts;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _VariableTableAmounts_variable, _VariableTableAmounts_option;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VariableTableAmounts = _ref => {
+function VariableTableAmounts(_ref) {
   var _variable$units;
   let {
-    variable,
-    option
+    variable: variableKey,
+    option: optionKey
   } = _ref;
+  const variable = (0, _reactRelay.useFragment)(_VariableTableAmounts_variable !== void 0 ? _VariableTableAmounts_variable : (_VariableTableAmounts_variable = require("../../__generated__/VariableTableAmounts_variable.graphql"), _VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable), variableKey);
+  const option = (0, _reactRelay.useFragment)(_VariableTableAmounts_option !== void 0 ? _VariableTableAmounts_option : (_VariableTableAmounts_option = require("../../__generated__/VariableTableAmounts_option.graphql"), _VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option), optionKey);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "variable-table-amounts"
   }, variable === null || variable === void 0 ? void 0 : (_variable$units = variable.units) === null || _variable$units === void 0 ? void 0 : _variable$units.map((unit, i) => {
@@ -25,9 +27,4 @@ const VariableTableAmounts = _ref => {
       key: i
     }, amount, " ", unit);
   }));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(VariableTableAmounts, {
-  variable: _VariableTableAmounts_variable !== void 0 ? _VariableTableAmounts_variable : (_VariableTableAmounts_variable = require("../../__generated__/VariableTableAmounts_variable.graphql"), _VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable),
-  option: _VariableTableAmounts_option !== void 0 ? _VariableTableAmounts_option : (_VariableTableAmounts_option = require("../../__generated__/VariableTableAmounts_option.graphql"), _VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option)
-});
-exports.default = _default;
+}

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

@@ -1,4 +1,4 @@
 import React from 'react';
-export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: React.FunctionComponent<ButtonProps>;
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare function Button({ type, className, ...rest }: ButtonProps): React.JSX.Element;
 export default Button;

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
-const Button = _ref => {
+function Button(_ref) {
   let {
     type,
     className,
@@ -17,6 +17,6 @@ const Button = _ref => {
     className: className || 'button',
     type: type || 'button'
   }, rest));
-};
+}
 var _default = Button;
 exports.default = _default;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const EmptyCart: () => JSX.Element;
+import React from 'react';
+declare const EmptyCart: () => React.JSX.Element;
 export default EmptyCart;

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

@@ -5,6 +5,7 @@ interface StoreModalContainerProps {
     onClickBack?: () => void;
     onClickCart?: () => void;
     showCartButton?: boolean;
+    orderItemCount: number;
     uiFontUrl: string | null | undefined;
     uiFontName: string | null | undefined;
     children: {

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

@@ -18,6 +18,7 @@ const StoreModalContainer = _ref => {
     onClickBack,
     onClickCart,
     showCartButton,
+    orderItemCount,
     uiFontUrl,
     uiFontName,
     children: {
@@ -49,7 +50,7 @@ const StoreModalContainer = _ref => {
     className: "store-modal__container__container",
     ref: container,
     style: {
-      fontFamily: uiFontName ?? ''
+      fontFamily: uiFontName ? `"${uiFontName}"` : ''
     }
   }, /*#__PURE__*/_react.default.createElement("nav", {
     className: "store-modal__container__nav",
@@ -64,7 +65,8 @@ const StoreModalContainer = _ref => {
   }, showCartButton && /*#__PURE__*/_react.default.createElement("button", {
     className: "store-modal__container__cart-button",
     onClick: onClickCart,
-    "aria-label": "Cart"
+    "aria-label": "Cart",
+    "data-count": orderItemCount
   }, /*#__PURE__*/_react.default.createElement(_Icons.CartNew, null)), /*#__PURE__*/_react.default.createElement("button", {
     className: "store-modal__container__close-button",
     onClick: onClickClose,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '../../elements/Button';
-declare type StoreModalFamilyButtonProps = ButtonProps & {
+type StoreModalFamilyButtonProps = Omit<ButtonProps, 'children'> & {
     selected: boolean;
     className?: string;
     children: {

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

@@ -5,5 +5,5 @@ interface StoreModalPageContainerProps {
         stickyFooter?: React.ReactNode;
     };
 }
-declare const StoreModalPageContainer: React.FunctionComponent<StoreModalPageContainerProps>;
+declare const StoreModalPageContainer: ({ children: { body, stickyFooter }, }: StoreModalPageContainerProps) => React.JSX.Element;
 export default StoreModalPageContainer;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '../Button';
-declare type StoreModalStyleButtonProps = ButtonProps & {
+type StoreModalStyleButtonProps = Omit<ButtonProps, 'children'> & {
     selected: boolean;
     children: {
         name: React.ReactNode;
@@ -8,5 +8,5 @@ declare type StoreModalStyleButtonProps = ButtonProps & {
         price: React.ReactNode;
     };
 };
-declare const StoreModalStyleButton: React.FunctionComponent<StoreModalStyleButtonProps>;
+declare const StoreModalStyleButton: ({ selected, children: { name, aa, price }, ...rest }: StoreModalStyleButtonProps) => React.JSX.Element;
 export default StoreModalStyleButton;