@royaloperahouse/harmonic 0.18.3-o → 0.18.4

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 (33) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/README.GIT +294 -0
  3. package/README.md +43 -268
  4. package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +1 -9
  5. package/dist/components/atoms/Buttons/Button.d.ts +3 -10
  6. package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +3 -17
  7. package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +1 -9
  8. package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +1 -9
  9. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  10. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  11. package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +1 -16
  12. package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +1 -16
  13. package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +9 -302
  14. package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
  15. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +1 -3
  16. package/dist/components/molecules/PersonCard/PersonCard.style.d.ts +1 -3
  17. package/dist/components/molecules/Select2/Select2.d.ts +1 -1
  18. package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -16
  19. package/dist/harmonic.cjs.development.css +0 -319
  20. package/dist/harmonic.cjs.development.js +353 -624
  21. package/dist/harmonic.cjs.development.js.map +1 -1
  22. package/dist/harmonic.cjs.production.min.js +1 -1
  23. package/dist/harmonic.cjs.production.min.js.map +1 -1
  24. package/dist/harmonic.esm.js +362 -636
  25. package/dist/harmonic.esm.js.map +1 -1
  26. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  27. package/dist/types/card.d.ts +0 -2
  28. package/dist/types/impactHeader.d.ts +32 -14
  29. package/dist/types/types.d.ts +1 -19
  30. package/package.json +4 -3
  31. package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.d.ts +0 -4
  32. package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.style.d.ts +0 -5
  33. package/dist/components/atoms/VideoControlsImpact/index.d.ts +0 -2
@@ -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;
@@ -144,6 +144,4 @@ export interface RoleComponentProps {
144
144
  role: ListingRole;
145
145
  /** Custom CSS classes */
146
146
  className?: string;
147
- /** Render person headshot in greyscale */
148
- greyscale?: boolean;
149
147
  }
@@ -20,28 +20,46 @@ export interface CustomSponsorImageData {
20
20
  title: string;
21
21
  }
22
22
  export interface IPageHeadingImpactProps {
23
- /** Text placed in the impact component */
23
+ /**
24
+ * Text placed in the impact component
25
+ */
24
26
  text?: string;
25
- /** Link placed in the impact component */
27
+ /**
28
+ * Link placed in the impact component
29
+ */
26
30
  link?: EditorialLink;
27
- /** Boolean to show/hide sponsorship logo (default true) */
31
+ /**
32
+ * Boolean to show/hide sponsorship logo (default true)
33
+ */
28
34
  sponsor?: boolean;
29
- /** Data for custom sponsor */
35
+ /**
36
+ * Data for custom sponsor
37
+ */
30
38
  customSponsorImage?: CustomSponsorImageData;
31
- /** Background url for desktops */
39
+ /**
40
+ * Background url for desktops
41
+ */
32
42
  bgUrlDesktop: string;
33
- /** Background url for devices */
43
+ /**
44
+ * Background url for devices
45
+ */
34
46
  bgUrlDevice?: string;
35
- /** Alt text for the main image */
47
+ /**
48
+ * Alt text for the main image
49
+ */
36
50
  bgImageAltText?: string;
37
- /** Desktop video url */
38
- videoUrlDesktop?: string;
39
- /** Mobile video url */
40
- videoUrlMobile?: string;
41
- /** Logo to be placed in page heading component */
51
+ /**
52
+ * Logo to be placed in page heading component
53
+ */
42
54
  children?: ReactNode;
43
- /** Custom CSS classes */
44
- className?: string;
55
+ /**
56
+ * Internal anchor ref
57
+ */
58
+ scrollHref?: string;
59
+ /**
60
+ * Semantic level of the header
61
+ */
62
+ semanticLevel?: TypographyLevel;
45
63
  }
46
64
  export declare type BrandingStyle = 'BlockText' | 'BodyText' | 'StreamLogo' | 'CinemaLogo' | 'TextLink';
47
65
  export interface IPageHeadingCompactProps {
@@ -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
  }
@@ -358,10 +350,6 @@ export interface IPeopleListing {
358
350
  roles: ListingRole[];
359
351
  /** Custom CSS classes */
360
352
  className?: string;
361
- /** Render person headshots in greyscale */
362
- greyscale?: boolean;
363
- /** Optional number of people per row on large desktop */
364
- largeDesktopColumns?: 3 | 4;
365
353
  }
366
354
  export interface IPagination {
367
355
  /**
@@ -729,12 +717,6 @@ export interface IVideoControlsProps {
729
717
  */
730
718
  loop?: boolean;
731
719
  }
732
- export interface IVideoControlsImpactProps {
733
- /** Video element id */
734
- videoElementId: string;
735
- /** Loops */
736
- loop?: boolean;
737
- }
738
720
  export declare type IVideoWithControlsSettings = Omit<IVideoControlsProps, 'videoElementId' | 'videoContainerId'>;
739
721
  export interface IVideoWithControlsProps {
740
722
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@royaloperahouse/harmonic",
3
- "version": "0.18.3-o",
3
+ "version": "0.18.4",
4
4
  "author": "Royal Opera House",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -129,7 +129,7 @@
129
129
  "typescript": "^4.4.4"
130
130
  },
131
131
  "dependencies": {
132
- "date-fns": "^4.1.0",
132
+ "moment": "^2.29.4",
133
133
  "react-modal": "^3.16.1",
134
134
  "react-scrolllock": "^5.0.1",
135
135
  "react-select": "^5.8.0"
@@ -143,5 +143,6 @@
143
143
  "npx eslint src --fix ",
144
144
  "npx prettier src --write --uncommitted"
145
145
  ]
146
- }
146
+ },
147
+ "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
147
148
  }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IVideoControlsImpactProps } from '../../../types/types';
3
- declare const VideoControlsImpact: React.FC<IVideoControlsImpactProps>;
4
- export default VideoControlsImpact;
@@ -1,5 +0,0 @@
1
- export declare const VideoPlayButton: import("styled-components").StyledComponent<"button", any, {}, never>;
2
- export declare const VideoControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const VideoControlsInnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- export declare const LeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const StoryBookWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,2 +0,0 @@
1
- import VideoControlsImpact from './VideoControlsImpact';
2
- export default VideoControlsImpact;