@royaloperahouse/harmonic 0.2.3-d → 0.2.3-f

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.
@@ -1,3 +1,2 @@
1
1
  export declare const isSameSiteUrl: (url: string) => boolean;
2
2
  export declare const useSameSiteUrl: (url: string) => boolean;
3
- export declare const limitImageUrlDimension: (imageUrl: string, widthLimit: number) => string;
package/dist/index.d.ts CHANGED
@@ -7,5 +7,4 @@ import { ModalWindow } from './components/organisms';
7
7
  import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
8
8
  import HarmonicThemeProvider from './styles/HarmonicThemeProvider';
9
9
  import { HarmonicSizes } from './types/typography';
10
- import type { HarmonicSize } from './types/typography';
11
- export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };
10
+ export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CinemaBadge, Colors, ContactCard, ContentSummary, ControlledDropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSizes, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingPromo, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Select, Select2, Select2Async, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextOnly, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, SignUpForm, };
@@ -3,7 +3,7 @@ import { StyledProps } from 'styled-components';
3
3
  import { ButtonType } from './buttonTypes';
4
4
  import { DirectionType, IconNameType } from './iconTypes';
5
5
  import { Colors, IVideoWithControlsSettings, ThemeColor } from './types';
6
- import { TypographyLevel } from './typography';
6
+ import { HarmonicSizes, HeaderHierarchy, TypographyLevel } from './typography';
7
7
  export interface IEditorialProps {
8
8
  /**
9
9
  * Text placed in the editorial component
@@ -91,6 +91,8 @@ export declare type EditorialLink = AnchorHTMLAttributes<HTMLAnchorElement> & {
91
91
  buttonType?: ButtonType;
92
92
  };
93
93
  export declare type PromoLinks = [EditorialLink, EditorialLink?];
94
+ export declare type PromoTitleSize = Exclude<HarmonicSizes, 'small'>;
95
+ export declare type PromoTitleHierarchy = Exclude<HeaderHierarchy, 'H1'>;
94
96
  export interface IPromoWithTitleProps {
95
97
  /**
96
98
  * Text placed in the editorial component
@@ -103,7 +105,7 @@ export interface IPromoWithTitleProps {
103
105
  /**
104
106
  * Text placed in the editorial component
105
107
  */
106
- titleSize?: 'small' | 'large';
108
+ titleSize?: PromoTitleSize;
107
109
  /**
108
110
  * Subtitle placed in the editorial component
109
111
  */
@@ -125,9 +127,9 @@ export interface IPromoWithTitleProps {
125
127
  */
126
128
  links?: PromoLinks;
127
129
  /**
128
- * Semantic level of the title. Default is 2.
130
+ * Semantic level of the promo title header - h2 or h3.
129
131
  */
130
- titleSemanticLevel?: TypographyLevel;
132
+ titleHierarchy: PromoTitleHierarchy;
131
133
  /**
132
134
  * Additional CSS class names to apply to component.
133
135
  */
@@ -1,7 +1,7 @@
1
1
  import { DirectionType, IconNameType } from './iconTypes';
2
2
  import { LinkTarget } from './types';
3
3
  import type { ThemeChildProps } from './types';
4
- import type { HarmonicSize } from './typography';
4
+ import type { HarmonicSizes } from './typography';
5
5
  export declare const InformationCtaVariants: {
6
6
  readonly Primary: "Primary";
7
7
  readonly Secondary: "Secondary";
@@ -45,7 +45,7 @@ export interface IInformationTitleProps {
45
45
  /**
46
46
  * The size of the title text
47
47
  */
48
- textSize: HarmonicSize;
48
+ textSize: HarmonicSizes;
49
49
  }
50
50
  export interface IInformationProps extends ThemeProps {
51
51
  /**
@@ -5,18 +5,23 @@ export declare const HarmonicSizes: {
5
5
  readonly Medium: "medium";
6
6
  readonly Large: "large";
7
7
  };
8
- export declare type HarmonicSize = (typeof HarmonicSizes)[keyof typeof HarmonicSizes];
8
+ export declare type HarmonicSizes = (typeof HarmonicSizes)[keyof typeof HarmonicSizes];
9
+ export declare const HeaderHierarchy: {
10
+ readonly H1: "h1";
11
+ readonly H2: "h2";
12
+ readonly H3: "h3";
13
+ };
14
+ export declare type HeaderHierarchy = (typeof HeaderHierarchy)[keyof typeof HeaderHierarchy];
9
15
  export declare type HarmonicColors = 'primary' | 'black' | 'white' | 'red' | 'grey' | 'inherit';
10
16
  export interface IGenericTypographyProps<T extends HTMLElement = HTMLParagraphElement> extends React.HTMLAttributes<T> {
11
17
  children?: ReactNode;
12
- size?: HarmonicSize;
18
+ size?: HarmonicSizes;
13
19
  serif?: boolean;
14
20
  color?: HarmonicColors;
15
21
  em?: boolean;
16
22
  bold?: boolean;
17
23
  className?: string;
18
24
  }
19
- export declare type HeaderHierarchy = 'h1' | 'h2' | 'h3';
20
25
  export interface IHarmonicHeaderProps extends IGenericTypographyProps {
21
26
  hierarchy: HeaderHierarchy;
22
27
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/harmonic",
3
- "version": "0.2.3-d",
3
+ "version": "0.2.3-f",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",