@royaloperahouse/harmonic 1.0.8-e → 1.0.8

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.
Files changed (37) hide show
  1. package/CHANGELOG.md +2 -11
  2. package/README.GIT +293 -0
  3. package/README.md +43 -267
  4. package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +1 -1
  5. package/dist/components/atoms/Buttons/Button.d.ts +1 -1
  6. package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +1 -1
  7. package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +1 -1
  8. package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +1 -1
  9. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  10. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +0 -2
  11. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  12. package/dist/components/molecules/Accordion/Accordion.style.d.ts +1 -3
  13. package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +0 -64
  14. package/dist/components/molecules/CustomStrategyTabsFilter/styled.d.ts +1 -1
  15. package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +1 -1
  16. package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +1 -1
  17. package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +1 -1
  18. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +1 -1
  19. package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +1 -0
  20. package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
  21. package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -1
  22. package/dist/harmonic.cjs.development.css +0 -319
  23. package/dist/harmonic.cjs.development.js +177 -349
  24. package/dist/harmonic.cjs.development.js.map +1 -1
  25. package/dist/harmonic.cjs.production.min.js +1 -1
  26. package/dist/harmonic.cjs.production.min.js.map +1 -1
  27. package/dist/harmonic.esm.js +186 -360
  28. package/dist/harmonic.esm.js.map +1 -1
  29. package/dist/index.d.ts +2 -2
  30. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  31. package/dist/types/creditListing.d.ts +6 -7
  32. package/dist/types/types.d.ts +3 -23
  33. package/package.json +1 -1
  34. package/dist/components/atoms/Icons/SvgIcons/16px/Expand.svg.d.ts +0 -4
  35. package/dist/components/atoms/Icons/SvgIcons/16px/Remove.svg.d.ts +0 -4
  36. package/dist/components/molecules/ReadMore/ReadMoreTextLink.d.ts +0 -4
  37. package/dist/components/molecules/ReadMore/ReadMoreTextLink.style.d.ts +0 -3
package/dist/index.d.ts CHANGED
@@ -10,6 +10,6 @@ import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButto
10
10
  import PersonCard from './components/molecules/PersonCard';
11
11
  import HarmonicThemeProvider, { useHarmonicTheme } from './styles/HarmonicThemeProvider';
12
12
  import { HarmonicSize } from './types/typography';
13
- import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
13
+ import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
14
14
  export { useHarmonicTheme };
15
- export { Account, Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, Basket, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CastFilter, CinemaBadge, Colors, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, DisplayHeader, Dropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, CustomStrategyTabsFilter, ModalWindow, Navigation, NavTop, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Person, PersonCard, PersonDetails, Paywall, PeopleListing, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SocialLinks, SectionSplitter, SectionTitle, Select2, Select2Async, SignUpForm, Swipe, SwipeRef, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TCustomStrategyTabsFilterProps, TCustomStrategyTabsFilterItem, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellCards, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
15
+ export { Account, Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, Basket, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CastFilter, CinemaBadge, Colors, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, Dropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, CustomStrategyTabsFilter, ModalWindow, Navigation, NavTop, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Person, PersonCard, PersonDetails, Paywall, PeopleListing, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SocialLinks, SectionSplitter, SectionTitle, Select2, Select2Async, SignUpForm, Swipe, SwipeRef, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TCustomStrategyTabsFilterProps, TCustomStrategyTabsFilterItem, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellCards, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { ThemeType } from '../../types';
3
3
  import './theme/fonts.css';
4
- import './theme/typography.css';
5
4
  export declare const DEFAULT_THEME = ThemeType.Core;
6
5
  interface HarmonicThemeProviderProps {
7
6
  theme: ThemeType;
@@ -1,17 +1,16 @@
1
1
  import { ListingPerson } from './types';
2
2
  export interface ICreditListing {
3
3
  roles: {
4
- name?: string;
4
+ name: string;
5
5
  people: ListingPerson[] | ListingPerson[][];
6
- description?: string;
7
- musicTitle?: string[];
8
- replacement?: string;
9
- additionalInfo?: string;
10
- dataROH?: string;
6
+ description: string;
7
+ musicTitle: string[];
8
+ replacement: string;
9
+ additionalInfo: string;
10
+ dataROH: string;
11
11
  }[];
12
12
  columnCount?: number;
13
13
  expandLargeEntries?: boolean;
14
14
  largeColumnSpan?: number;
15
15
  characterThreshold?: number;
16
- className?: string;
17
16
  }
@@ -147,10 +147,6 @@ export interface ITabProps {
147
147
  * Additional CSS class names to apply to the navigation component.
148
148
  */
149
149
  className?: string;
150
- /**
151
- * The unique ID to assign to the link element.
152
- */
153
- tabLinkId?: string;
154
150
  /**
155
151
  * Defines the ARIA role of the element for accessibility purposes.
156
152
  */
@@ -226,11 +222,7 @@ export interface IDropdownProps {
226
222
  */
227
223
  ariaLabel?: string;
228
224
  /**
229
- * The unique ID to assign to the link element inside the tab.
230
- */
231
- tabLinkId?: string;
232
- /**
233
- * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
225
+ * Defines if it is needed to trim the text of the Tab and add 3 dots in the end
234
226
  */
235
227
  trimTabText?: boolean;
236
228
  }
@@ -490,7 +482,7 @@ export declare type TCustomStrategyTabsFilterProps = Omit<IHotFilterProps, 'item
490
482
  pressedColor: ThemeColor;
491
483
  }>;
492
484
  };
493
- export declare type ICastFilterItem = {
485
+ export declare type ICastFilterItem = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label' | 'role'> & {
494
486
  /**
495
487
  * Stable identifier for selection mapping and rendering keys.
496
488
  */
@@ -692,9 +684,7 @@ export interface IAccordionProps {
692
684
  /** The component to be wrapped into the accordion */
693
685
  children?: ReactNode;
694
686
  /** Set if accordions are stacked */
695
- showTopLine?: boolean;
696
- /** Set if accordions are stacked */
697
- showBottomLine?: boolean;
687
+ showLine?: boolean;
698
688
  /** Set init open */
699
689
  initOpen?: boolean;
700
690
  /** Custom CSS classes */
@@ -703,12 +693,6 @@ export interface IAccordionProps {
703
693
  expandedStateIcon?: IIconProps;
704
694
  /** Harmonic icon name and direction for collapsed state. Default is 'Expand' */
705
695
  collapsedStateIcon?: IIconProps;
706
- /** Components wrapped into the accordion that are always visible */
707
- visibleStandfirst?: ReactNode;
708
- /** Allows styling of ChildrenContainer, e.g. margin or padding */
709
- childrenContainerStyle?: React.CSSProperties;
710
- /** Allows title margin styling for cast sheets */
711
- titleMargin?: string;
712
696
  }
713
697
  export interface IAccordionsProps {
714
698
  /** Array of Accordion component */
@@ -785,10 +769,6 @@ export interface IReadMoreProps {
785
769
  * Optional truncation
786
770
  */
787
771
  truncate?: boolean;
788
- /**
789
- * Class name for custom styling
790
- */
791
- className?: string;
792
772
  }
793
773
  export interface IStatusBannerProps {
794
774
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/harmonic",
3
- "version": "1.0.8-e",
3
+ "version": "1.0.8",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { IconSVGProps } from '../../../../../types/iconTypes';
3
- declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { IconSVGProps } from '../../../../../types/iconTypes';
3
- declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { ITextLinkProps } from '../../../types/types';
3
- declare const ReadMoreTextLink: FunctionComponent<ITextLinkProps>;
4
- export default ReadMoreTextLink;
@@ -1,3 +0,0 @@
1
- import { ITextLinkProps } from '../../../types/types';
2
- export declare const TextLinkWrapper: import("styled-components").StyledComponent<"a", any, ITextLinkProps, never>;
3
- export declare const TextLinkIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;