@royaloperahouse/harmonic 0.8.0-a → 0.8.0-c

package/dist/harmonic.esm.js

@@ -8665,7 +8665,7 @@ var ContactCard = function ContactCard(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, /*#__PURE__*/React__default.createElement(Grid, null, /*#__PURE__*/React__default.createElement(GridItem, {
-    columnStartDesktop: 2,
+    columnStartDesktop: 3,
     columnSpanDesktop: 12,
     columnStartDevice: 1,
     columnSpanDevice: 14
@@ -8837,14 +8837,13 @@ var _excluded$k = ["text", "onClick"];
 var HotFilters = function HotFilters(_ref) {
   var items = _ref.items,
     className = _ref.className,
-    defaultSelectedIndex = _ref.defaultSelectedIndex;
-  var _useState = useState(defaultSelectedIndex != null ? defaultSelectedIndex : 0),
-    selectedIndex = _useState[0],
-    setSelectedIndex = _useState[1];
-  var handleClick = function handleClick(index, onClick) {
-    setSelectedIndex(index);
+    _ref$selectedIndex = _ref.selectedIndex,
+    selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
+    onSelect = _ref.onSelect;
+  var handleClick = React__default.useCallback(function (index, onClick) {
+    if (onSelect) onSelect(index);
     if (onClick) onClick();
-  };
+  }, [onSelect]);
   return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, {
     className: className
   }, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, null, items.map(function (item, index) {
@@ -8861,7 +8860,8 @@ var HotFilters = function HotFilters(_ref) {
       backgroundColor: isSelected ? 'base-black' : 'base-white',
       textColor: isSelected ? 'base-white' : 'base-black',
       hoveredColor: "base-black",
-      pressedColor: "black-pressed"
+      pressedColor: "black-pressed",
+      "aria-pressed": isSelected
     }, rest), text);
   })));
 };