@royaloperahouse/harmonic 0.1.6 → 0.1.7-b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -0
- package/README.md +252 -43
- package/dist/components/Typography/Typography.d.ts +8 -9
- package/dist/components/atoms/Account/Account.d.ts +1 -1
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.d.ts +2 -2
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +2 -2
- package/dist/components/atoms/Buttons/Auxiliary/utils.d.ts +3 -0
- package/dist/components/atoms/Buttons/Button.d.ts +2 -2
- package/dist/components/atoms/Buttons/Button.style.d.ts +3 -3
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +2 -2
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +3 -0
- package/dist/components/atoms/Buttons/Primary/utils.d.ts +11 -0
- package/dist/components/atoms/Buttons/Secondary/SecondaryButton.d.ts +2 -2
- package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +3 -0
- package/dist/components/atoms/Buttons/Secondary/utils.d.ts +13 -0
- package/dist/components/atoms/Buttons/Tertiary/TertiaryButton.d.ts +3 -3
- package/dist/components/atoms/Buttons/Tertiary/TertiaryButton.style.d.ts +3 -4
- package/dist/components/atoms/Buttons/Tertiary/utils.d.ts +8 -0
- package/dist/components/atoms/Buttons/utils.d.ts +5 -0
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Dropdown/Dropdown.style.d.ts +2 -2
- package/dist/components/atoms/Icons/Icons.d.ts +1 -1
- package/dist/components/atoms/Icons/SvgIcons/RBO/NavLogoMobile.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/RBO/NavLogoNoCrest.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/RBO/NavLogoWithCrest.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +3 -0
- package/dist/components/atoms/RotatorButtons/RotatorButtons.d.ts +2 -2
- package/dist/components/atoms/Search/Search.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/index.d.ts +4 -3
- package/dist/components/molecules/Basket/Basket.d.ts +1 -1
- package/dist/components/molecules/Basket/Basket.style.d.ts +2 -0
- package/dist/components/molecules/NavTop/NavTop.d.ts +1 -1
- package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +4 -4
- package/dist/components/molecules/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/molecules/SearchBar/SearchBar.style.d.ts +1 -1
- package/dist/components/molecules/Select/Select.style.d.ts +1 -1
- package/dist/components/molecules/SignUpForm/SignUpForm.d.ts +4 -0
- package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +20 -0
- package/dist/components/molecules/SignUpForm/index.d.ts +2 -0
- package/dist/components/molecules/Tabs/Tabs.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/components/organisms/Footer/Footer.style.d.ts +2 -1
- package/dist/components/organisms/Navigation/Navigation.d.ts +1 -1
- package/dist/components/organisms/Navigation/Navigation.style.d.ts +7 -1
- package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +701 -68
- package/dist/harmonic.cjs.development.js +2640 -2034
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +2659 -2042
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/helpers/formatStrings.d.ts +1 -0
- package/dist/helpers/forms.d.ts +20 -0
- package/dist/helpers/theme.d.ts +2 -0
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +9 -0
- package/dist/styles/HarmonicThemeProvider/index.d.ts +2 -0
- package/dist/types/buttonTypes.d.ts +35 -63
- package/dist/types/creditListing.d.ts +3 -0
- package/dist/types/editorial.d.ts +4 -0
- package/dist/types/footer.d.ts +1 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/information.d.ts +4 -4
- package/dist/types/navigation.d.ts +18 -14
- package/dist/types/promoWithTags.d.ts +4 -0
- package/dist/types/signUpForm.d.ts +80 -0
- package/dist/types/types.d.ts +56 -20
- package/dist/types/typography.d.ts +2 -1
- package/package.json +16 -17
- package/README.GIT +0 -278
- package/dist/components/atoms/Buttons/ButtonIconWrapper.style.d.ts +0 -2
- package/dist/components/atoms/Buttons/Primary/PrimaryButtonWrapper.style.d.ts +0 -4
- package/dist/components/atoms/Buttons/Secondary/SecondaryButtonWrapper.style.d.ts +0 -3
- package/dist/styles/StorybookSupport/Colours/StorybookColourBox.d.ts +0 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ICreditListing } from '../../../../types';
|
|
3
|
-
export declare const
|
|
4
|
-
declare const
|
|
5
|
-
|
|
6
|
-
}) => React.JSX.Element;
|
|
3
|
+
export declare const DEFAULT_COLUMN_COUNT = 4;
|
|
4
|
+
export declare const DEFAULT_LARGE_COLUMN_SPAN = 2;
|
|
5
|
+
export declare const DEFAULT_CHARACTER_THRESHOLD = 180;
|
|
6
|
+
declare const CreditListing: ({ roles, columnCount, expandLargeEntries, largeColumnSpan, characterThreshold, }: ICreditListing) => React.JSX.Element;
|
|
7
7
|
export default CreditListing;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ISearchBarProps } from '../../../types/navigation';
|
|
3
|
-
declare const SearchBar: ({ onClick, onClose }: ISearchBarProps) => React.JSX.Element;
|
|
3
|
+
declare const SearchBar: ({ onClick, onClose, className }: ISearchBarProps) => React.JSX.Element;
|
|
4
4
|
export default SearchBar;
|
|
@@ -3,5 +3,5 @@ export declare const SvgContainerSearch: import("styled-components").StyledCompo
|
|
|
3
3
|
export declare const SvgContainerClose: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
4
|
export declare const SearchUnavailableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
5
|
export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const TextLinkWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
|
|
7
7
|
export declare const SearchArrowContainer: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ISelectProps } from '../../../types/formTypes';
|
|
2
|
-
export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<(
|
|
2
|
+
export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<(props: import("../../../types/iconTypes").IIconProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>>, any, {
|
|
3
3
|
iconName: "DropdownArrow";
|
|
4
4
|
color: string;
|
|
5
5
|
title: "Select Arrow";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Colors } from '../../../types';
|
|
2
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: Colors;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const SignUpFormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const SignUpTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
+
export declare const Error: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
+
export declare const Form: import("styled-components").StyledComponent<"form", any, {}, never>;
|
|
9
|
+
export declare const FormFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
+
export declare const ServerError: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
+
export declare const CTALinkWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
12
|
+
export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
13
|
+
export declare const FieldsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
14
|
+
export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
|
+
export declare const DropdownAreaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
|
+
export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
17
|
+
isOpen?: boolean | undefined;
|
|
18
|
+
}, never>;
|
|
19
|
+
export declare const HiddenInstructions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
|
+
export declare const SignUpHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ITabsProps } from '../../../types/types';
|
|
3
|
-
declare const Tabs: ({ items, onChange, onShowMenu, showMenu,
|
|
3
|
+
declare const Tabs: ({ items, onChange, onShowMenu, showMenu, className }: ITabsProps) => React.JSX.Element;
|
|
4
4
|
export default Tabs;
|
|
@@ -32,4 +32,5 @@ import AuxiliaryNav from './AuxiliaryNav';
|
|
|
32
32
|
import PasswordStrength from './PasswordStrength';
|
|
33
33
|
import Table from './Table';
|
|
34
34
|
import VideoWithControls from './VideoWithControls';
|
|
35
|
-
|
|
35
|
+
import SignUpForm from './SignUpForm';
|
|
36
|
+
export { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PolicyLinks, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, SignUpForm, };
|
|
@@ -2,5 +2,6 @@ export declare const FooterSection: import("styled-components").StyledComponent<
|
|
|
2
2
|
export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
3
|
export declare const PolicyLinksSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
4
|
export declare const SocialAndNewsletterSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const SectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
6
|
export declare const LogoAndDescriptionSection: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const
|
|
7
|
+
export declare const TextLinkWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/types").ITextLinkProps>, any, {}, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { INavigationProps } from '../../../types/navigation';
|
|
3
|
-
declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink,
|
|
3
|
+
declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, crest, className }: INavigationProps) => React.JSX.Element;
|
|
4
4
|
export default Navigation;
|
|
@@ -9,8 +9,14 @@ export declare const GridItemSearch: import("styled-components").StyledComponent
|
|
|
9
9
|
visible?: boolean | undefined;
|
|
10
10
|
}, never>;
|
|
11
11
|
export declare const NavigationGridMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const MobileMenuContainer: import("styled-components").StyledComponent<"div", any, {
|
|
13
|
+
showSearch?: boolean | undefined;
|
|
14
|
+
}, never>;
|
|
15
|
+
export declare const LogoContainer: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
16
|
+
export declare const LogoContainerMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
17
|
export declare const MenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
|
+
export declare const NavWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
14
19
|
export declare const NavContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
20
|
export declare const NavContainerGridItem: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
|
|
16
21
|
export declare const NavTopContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
22
|
+
export declare const NavTopContainerMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -6,6 +6,6 @@ export declare const AnchorTitle: import("styled-components").StyledComponent<"d
|
|
|
6
6
|
export declare const GridItemTitleWrapper: import("styled-components").StyledComponent<"div", any, import("../../../types/types").IGridItemProps, never>;
|
|
7
7
|
export declare const ButtonsDesktopWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const ButtonsMobileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const PrimaryButtonReverse: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/buttonTypes").
|
|
9
|
+
export declare const PrimaryButtonReverse: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../types/buttonTypes").PrimaryButtonProps>, any, {}, never>;
|
|
10
10
|
export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
11
|
export declare const MessageWrapperMobile: import("styled-components").StyledComponent<"div", any, {}, never>;
|