@royaloperahouse/harmonic 1.0.6-s → 1.0.6
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 +5 -13
- package/README.GIT +293 -0
- package/README.md +43 -267
- package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/atoms/Tab/Tab.d.ts +1 -1
- package/dist/components/molecules/Accordion/Accordion.style.d.ts +1 -3
- package/dist/components/molecules/CustomStrategyTabsFilter/CustomStrategyTabsFilter.d.ts +25 -27
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts +1 -1
- package/dist/harmonic.cjs.development.css +0 -319
- package/dist/harmonic.cjs.development.js +187 -308
- 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 +196 -319
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
- package/dist/types/creditListing.d.ts +6 -7
- package/dist/types/modalWindow.d.ts +0 -4
- package/dist/types/types.d.ts +3 -56
- package/package.json +1 -1
- package/dist/components/molecules/ReadMore/ReadMoreTextLink.d.ts +0 -4
- 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 {
|
|
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,
|
|
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,17 +1,16 @@
|
|
|
1
1
|
import { ListingPerson } from './types';
|
|
2
2
|
export interface ICreditListing {
|
|
3
3
|
roles: {
|
|
4
|
-
name
|
|
4
|
+
name: string;
|
|
5
5
|
people: ListingPerson[] | ListingPerson[][];
|
|
6
|
-
description
|
|
7
|
-
musicTitle
|
|
8
|
-
replacement
|
|
9
|
-
additionalInfo
|
|
10
|
-
dataROH
|
|
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
|
}
|
package/dist/types/types.d.ts
CHANGED
|
@@ -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
|
-
*
|
|
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
|
}
|
|
@@ -487,15 +479,7 @@ export declare type TCustomStrategyTabsFilterProps = Omit<IHotFilterProps, 'item
|
|
|
487
479
|
pressedColor: ThemeColor;
|
|
488
480
|
}>;
|
|
489
481
|
};
|
|
490
|
-
export declare type ICastFilterItem = {
|
|
491
|
-
/**
|
|
492
|
-
* Stable identifier for selection mapping and rendering keys.
|
|
493
|
-
*/
|
|
494
|
-
id?: string | number;
|
|
495
|
-
/**
|
|
496
|
-
* Alternative stable identifier for selection mapping and rendering keys.
|
|
497
|
-
*/
|
|
498
|
-
slug?: string;
|
|
482
|
+
export declare type ICastFilterItem = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label' | 'role'> & {
|
|
499
483
|
/**
|
|
500
484
|
* Name of the cast member shown below the image circle. Required.
|
|
501
485
|
*/
|
|
@@ -504,15 +488,6 @@ export declare type ICastFilterItem = {
|
|
|
504
488
|
* Image source for the image to be shown. Optional but if not included an unaesthetic placeholder will show.
|
|
505
489
|
*/
|
|
506
490
|
image?: string;
|
|
507
|
-
/**
|
|
508
|
-
* Optional accessible name for the option. If omitted, `name` is used.
|
|
509
|
-
*/
|
|
510
|
-
'aria-label'?: string;
|
|
511
|
-
/**
|
|
512
|
-
* Kept for backwards compatibility with existing integrations.
|
|
513
|
-
* CastFilter always renders option semantics and ignores this value at runtime.
|
|
514
|
-
*/
|
|
515
|
-
role?: string;
|
|
516
491
|
onClick?: () => void;
|
|
517
492
|
};
|
|
518
493
|
export declare type ICastFiltersProps = {
|
|
@@ -523,14 +498,8 @@ export declare type ICastFiltersProps = {
|
|
|
523
498
|
cast: ICastFilterItem[];
|
|
524
499
|
/**
|
|
525
500
|
* Indices of currently selected cast in the `cast` array.
|
|
526
|
-
* Legacy API kept for backwards compatibility.
|
|
527
501
|
*/
|
|
528
502
|
selectedIndices?: number[];
|
|
529
|
-
/**
|
|
530
|
-
* Stable IDs/slugs of currently selected cast items.
|
|
531
|
-
* Prefer this over `selectedIndices` for stable selection across reordering.
|
|
532
|
-
*/
|
|
533
|
-
selectedIds?: Array<string | number>;
|
|
534
503
|
/**
|
|
535
504
|
* Text shown at the top of the component, e.g. 'Filter by cast'. If this is not provided
|
|
536
505
|
* the component will render without any.
|
|
@@ -560,22 +529,12 @@ export declare type ICastFiltersProps = {
|
|
|
560
529
|
listRoleDescription?: string;
|
|
561
530
|
/**
|
|
562
531
|
* Handle selecting individual cast filters.
|
|
563
|
-
* Legacy API kept for backwards compatibility.
|
|
564
532
|
*/
|
|
565
533
|
onSelect?: (index: number) => void;
|
|
566
|
-
/**
|
|
567
|
-
* Handle selecting individual cast filters using stable item ID/slug.
|
|
568
|
-
*/
|
|
569
|
-
onSelectId?: (id: string) => void;
|
|
570
534
|
/**
|
|
571
535
|
* Handle clicking the primary CTA.
|
|
572
|
-
* Legacy API kept for backwards compatibility.
|
|
573
536
|
*/
|
|
574
537
|
onApply?: (indices: number[]) => void;
|
|
575
|
-
/**
|
|
576
|
-
* Handle clicking the primary CTA using stable selected IDs/slugs.
|
|
577
|
-
*/
|
|
578
|
-
onApplyIds?: (ids: string[]) => void;
|
|
579
538
|
/**
|
|
580
539
|
* Handle clicking the text link.
|
|
581
540
|
*/
|
|
@@ -689,9 +648,7 @@ export interface IAccordionProps {
|
|
|
689
648
|
/** The component to be wrapped into the accordion */
|
|
690
649
|
children?: ReactNode;
|
|
691
650
|
/** Set if accordions are stacked */
|
|
692
|
-
|
|
693
|
-
/** Set if accordions are stacked */
|
|
694
|
-
showBottomLine?: boolean;
|
|
651
|
+
showLine?: boolean;
|
|
695
652
|
/** Set init open */
|
|
696
653
|
initOpen?: boolean;
|
|
697
654
|
/** Custom CSS classes */
|
|
@@ -700,12 +657,6 @@ export interface IAccordionProps {
|
|
|
700
657
|
expandedStateIcon?: IIconProps;
|
|
701
658
|
/** Harmonic icon name and direction for collapsed state. Default is 'Expand' */
|
|
702
659
|
collapsedStateIcon?: IIconProps;
|
|
703
|
-
/** Allows styling of ChildrenContainer, e.g. margin or padding */
|
|
704
|
-
childrenContainerStyle?: React.CSSProperties;
|
|
705
|
-
/** Allows title margin styling for cast sheets */
|
|
706
|
-
titleMargin?: string;
|
|
707
|
-
/** Components wrapped into the accordion that are always visible */
|
|
708
|
-
visibleStandfirst?: ReactNode;
|
|
709
660
|
}
|
|
710
661
|
export interface IAccordionsProps {
|
|
711
662
|
/** Array of Accordion component */
|
|
@@ -782,10 +733,6 @@ export interface IReadMoreProps {
|
|
|
782
733
|
* Optional truncation
|
|
783
734
|
*/
|
|
784
735
|
truncate?: boolean;
|
|
785
|
-
/**
|
|
786
|
-
* Class name for custom styling
|
|
787
|
-
*/
|
|
788
|
-
className?: string;
|
|
789
736
|
}
|
|
790
737
|
export interface IStatusBannerProps {
|
|
791
738
|
/**
|
package/package.json
CHANGED
|
@@ -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>;
|