@royaloperahouse/harmonic 0.1.0

package/dist/components/organisms/LiveChat/LiveChat.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const LiveChat: () => React.ReactElement;
+export default LiveChat;

package/dist/components/organisms/LiveChat/index.d.ts

@@ -0,0 +1,2 @@
+import LiveChat from './LiveChat';
+export { LiveChat };

package/dist/components/organisms/ModalWindow/ModalWindow.d.ts

@@ -0,0 +1,68 @@
+import { FunctionComponent } from 'react';
+import { ModalWindowProps } from '../../../types';
+/**
+ * A ModalWindow component, leveraging React Modal for rendering modals with enhanced accessibility
+ * and styling customization. This component is designed to be flexible for various use cases, with
+ * support for mobile responsiveness, custom z-indexes, and a close button.
+ *
+ * # Usage
+ * This component is intended to be used in React applications where modal functionality is required.
+ * It supports a range of props for customization, including isOpen, setIsOpen, children, appElementId,
+ * and accepts all additional props supported by React Modal for further configuration.
+ *
+ * ## Basic Example
+ * ```tsx
+ * import React, { useState } from 'react';
+ * import ModalWindow from './ModalWindow';
+ *
+ * const App = () => {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *
+ *   const toggleModal = () => setIsOpen(!isOpen);
+ *
+ *   return (
+ *     <>
+ *       <button onClick={toggleModal}>Open Modal</button>
+ *       <ModalWindow
+ *         isOpen={isOpen}
+ *         setIsOpen={setIsOpen}
+ *         appElementId="root"
+ *       >
+ *         <div>Modal Content Here</div>
+ *       </ModalWindow>
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * ## Advanced Usage
+ * You can further customize the modal by directly passing props supported by React Modal.
+ * This component adapts its z-index based on the device type (mobile or desktop) and allows for an
+ * accessible close functionality.
+ *
+ * ```tsx
+ * <ModalWindow
+ *   isOpen={isOpen}
+ *   setIsOpen={setIsOpen}
+ *   appElementId="root"
+ *   shouldCloseOnOverlayClick={true}
+ * >
+ *   <YourCustomComponent />
+ * </ModalWindow>
+ * ```
+ *
+ * # Props
+ * - `isOpen`: Boolean indicating if the modal is open.
+ * - `setIsOpen`: Function to set the open state of the modal.
+ * - `children`: Content to be displayed within the modal.
+ * - `appElementId`: ID of the app element to assist with accessibility.
+ * - All other props are passed directly to the underlying React Modal component, allowing for extensive customization.
+ *
+ * # Design and Accessibility
+ * This component automatically applies a `ScrollLock` when the modal is open to prevent background
+ * scrolling and sets appropriate z-index values to ensure the modal is layered correctly on the page.
+ * It also configures the modal for accessibility, including support for closing on ESC and setting
+ * `aria-modal` to true.
+ */
+declare const ModalWindow: FunctionComponent<ModalWindowProps>;
+export default ModalWindow;

package/dist/components/organisms/ModalWindow/ModalWindow.style.d.ts

@@ -0,0 +1,4 @@
+export declare const InnerModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/ModalWindow/index.d.ts

@@ -0,0 +1,2 @@
+import ModalWindow from './ModalWindow';
+export default ModalWindow;

package/dist/components/organisms/Navigation/Navigation.d.ts

@@ -0,0 +1,3 @@
+import { INavigationProps } from '../../../types/navigation';
+declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, logoLink, desktopLogoUrl, devicesLogoUrl, }: INavigationProps) => JSX.Element;
+export default Navigation;

package/dist/components/organisms/Navigation/Navigation.style.d.ts

@@ -0,0 +1,16 @@
+import { INavigationWrapperProps } from '../../../types/navigation';
+export declare const NavigationWrapper: import("styled-components").StyledComponent<"div", any, INavigationWrapperProps, never>;
+export declare const FullScreenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NavigationGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchBackground: import("styled-components").StyledComponent<"div", any, {
+    visible?: boolean | undefined;
+}, never>;
+export declare const GridItemSearch: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps & {
+    visible?: boolean | undefined;
+}, never>;
+export declare const NavigationGridMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NavContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NavContainerGridItem: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
+export declare const NavTopContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+import Navigation from './Navigation';
+export default Navigation;

package/dist/components/organisms/StickyBar/StickyBar.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IStickyBarProps } from '../../../types/navigation';
+declare const StickyBar: FunctionComponent<IStickyBarProps>;
+export default StickyBar;

package/dist/components/organisms/StickyBar/StickyBar.style.d.ts

@@ -0,0 +1,6 @@
+interface IStickyBarGridProps {
+    hideBottomBorder: boolean;
+}
+export declare const StickyBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StickyBarGrid: import("styled-components").StyledComponent<"div", any, IStickyBarGridProps, never>;
+export {};

package/dist/components/organisms/StickyBar/index.d.ts

@@ -0,0 +1,2 @@
+import StickyBar from './StickyBar';
+export default StickyBar;

package/dist/components/organisms/TitleWithCTA/TitleWithCTA.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { ITitleCTAProps } from '../../../types/navigation';
+declare const TitleWithCTA: FunctionComponent<ITitleCTAProps>;
+export default TitleWithCTA;

package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ITitleCTAProps, ITitleCTAGridItemProps } from '../../../types/navigation';
+export declare const TitleCTAGridWrapper: import("styled-components").StyledComponent<"div", any, ITitleCTAProps, never>;
+export declare const TitleCTAGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleCTAGridItem: import("styled-components").StyledComponent<"div", any, ITitleCTAGridItemProps, never>;
+export declare const AnchorTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GridItemTitleWrapper: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
+export declare const ButtonsDesktopWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PrimaryButtonReverse: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/buttonTypes").IPrimaryButtonProps>, any, {}, never>;
+export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/TitleWithCTA/index.d.ts

@@ -0,0 +1,2 @@
+import TitleWithCTA from './TitleWithCTA';
+export default TitleWithCTA;

package/dist/components/organisms/UpsellSection/UpsellSection.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IUpsellSectionProps } from '../../../types/upsell';
+declare const UpsellSection: FunctionComponent<IUpsellSectionProps>;
+export default UpsellSection;

package/dist/components/organisms/UpsellSection/UpsellSection.style.d.ts

@@ -0,0 +1,3 @@
+export declare const UpsellBorderBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/UpsellSection/index.d.ts

@@ -0,0 +1,2 @@
+import UpsellSection from './UpsellSection';
+export default UpsellSection;

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

@@ -0,0 +1,9 @@
+import Navigation from './Navigation';
+import Footer from './Footer';
+import AnchorTabBar from './AnchorTabBar';
+import TitleWithCTA from './TitleWithCTA';
+import UpsellSection from './UpsellSection';
+import { LiveChat } from './LiveChat';
+import StickyBar from './StickyBar';
+import ModalWindow from './ModalWindow';
+export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };