@popmenu/ordering-ui 0.113.5 → 0.113.6

package/build/components/ReactionCounter/ReactionCounterProps.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export interface ReactionCounterProps {
     count: number;
     icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    label: string;
 }

package/build/index.es.js

@@ -1309,9 +1309,9 @@ makeStyles$1(function () { return ({
 }); });
 
 var ReactionCounter = function (props) {
-    var count = props.count, icon = props.icon;
+    var count = props.count, icon = props.icon, label = props.label;
     return (React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 6, color: "grey.900" },
-        React__default.createElement(Icon, { icon: icon, size: "large", color: "inherit" }),
+        React__default.createElement(Icon, { icon: icon, size: "large", color: "inherit", "aria-label": label }),
         React__default.createElement(Typography, { variant: "body2", color: "grey.900" }, count)));
 };
 
@@ -1325,8 +1325,8 @@ var MenuItemReactions = function (props) {
     var showLikes = likeCount ? likeCount > 0 : false;
     var showReviews = reviewCount ? reviewCount > 0 : false;
     return (React__default.createElement(ReactionCounterGroup, null,
-        showLikes && React__default.createElement(ReactionCounter, { icon: SvgHeart, count: likeCount !== null && likeCount !== void 0 ? likeCount : 0 }),
-        showReviews && React__default.createElement(ReactionCounter, { icon: SvgReviews, count: reviewCount !== null && reviewCount !== void 0 ? reviewCount : 0 })));
+        showLikes && React__default.createElement(ReactionCounter, { icon: SvgHeart, count: likeCount !== null && likeCount !== void 0 ? likeCount : 0, label: "likes" }),
+        showReviews && React__default.createElement(ReactionCounter, { icon: SvgReviews, count: reviewCount !== null && reviewCount !== void 0 ? reviewCount : 0, label: "reviews" })));
 };
 
 var useStyles$5 = makeStyles$1(function (_a) {
@@ -2175,6 +2175,7 @@ var useSelectableChipStyles = makeStyles(function (theme) { return ({
         color: theme.palette.grey[900],
         padding: theme.spacing(1, 2),
         fontSize: '0.875rem',
+        fontWeight: 400,
         minWidth: 'unset',
         minHeight: 'unset',
         opacity: 'unset',
@@ -2187,6 +2188,7 @@ var useSelectableChipStyles = makeStyles(function (theme) { return ({
             backgroundColor: theme.palette.grey[100],
             borderColor: '#0A202F',
             color: theme.palette.grey[900],
+            fontWeight: 400,
             '&:hover': {
                 background: theme.palette.grey[100],
             },