@royaloperahouse/harmonic 0.9.0 → 0.9.1

package/dist/components/atoms/TextField/TextField.style.d.ts

@@ -7,4 +7,4 @@ export declare const Input: import("styled-components").StyledComponent<"input",
 export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
 export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
-export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;

package/dist/components/molecules/Information/Information.style.d.ts

@@ -1,4 +1,4 @@
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, Pick<import("../../../types/information").IInformationCTAProps, "theme" | "variant">, never>;
-export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;

package/dist/components/molecules/Pagination/Pagination.style.d.ts

@@ -3,7 +3,7 @@ export declare const PaginationLink: import("styled-components").StyledComponent
 export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
 export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {
+export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {
     active?: boolean | undefined;
 }, never>;
 export declare const PageNav: import("styled-components").StyledComponent<"a", any, {}, never>;

package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts

@@ -4,5 +4,5 @@ export declare const PromoWithTitleImageWrapper: import("styled-components").Sty
 export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
 export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
 export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
-export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
+export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
 export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;

package/dist/harmonic.cjs.development.js

@@ -8815,14 +8815,13 @@ var _excluded$k = ["text", "onClick"];
 var HotFilters = function HotFilters(_ref) {
   var items = _ref.items,
     className = _ref.className,
-    defaultSelectedIndex = _ref.defaultSelectedIndex;
-  var _useState = React.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) {
@@ -8839,7 +8838,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);
   })));
 };