@royaloperahouse/harmonic 0.19.0 → 0.19.1-a

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 (48) hide show
  1. package/CHANGELOG.md +907 -0
  2. package/README.md +267 -43
  3. package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +1 -9
  4. package/dist/components/atoms/Buttons/Button.d.ts +3 -10
  5. package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +3 -17
  6. package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +1 -9
  7. package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +1 -9
  8. package/dist/components/atoms/index.d.ts +1 -2
  9. package/dist/components/index.d.ts +3 -3
  10. package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +0 -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/CreditListing/CreditListing.style.d.ts +0 -2
  15. package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
  16. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +1 -3
  17. package/dist/components/molecules/PersonCard/PersonCard.style.d.ts +1 -3
  18. package/dist/components/molecules/Select2/Select2.d.ts +1 -1
  19. package/dist/components/molecules/index.d.ts +1 -3
  20. package/dist/components/organisms/Carousels/Carousel/Carousel.d.ts +1 -3
  21. package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.d.ts +1 -3
  22. package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -16
  23. package/dist/harmonic.cjs.development.js +552 -1335
  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 +551 -1331
  28. package/dist/harmonic.esm.js.map +1 -1
  29. package/dist/index.d.ts +2 -2
  30. package/dist/types/card.d.ts +0 -2
  31. package/dist/types/impactHeader.d.ts +32 -14
  32. package/dist/types/signUpForm.d.ts +0 -1
  33. package/dist/types/types.d.ts +0 -14
  34. package/dist/types/upsell.d.ts +0 -2
  35. package/package.json +6 -24
  36. package/README.GIT +0 -293
  37. package/dist/components/atoms/Radio/Radio.d.ts +0 -7
  38. package/dist/components/atoms/Radio/Radio.style.d.ts +0 -4
  39. package/dist/components/atoms/Radio/index.d.ts +0 -2
  40. package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.d.ts +0 -4
  41. package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.style.d.ts +0 -5
  42. package/dist/components/atoms/VideoControlsImpact/index.d.ts +0 -2
  43. package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +0 -7
  44. package/dist/components/molecules/RadioGroup/RadioGroup.style.d.ts +0 -1
  45. package/dist/components/molecules/RadioGroup/index.d.ts +0 -2
  46. package/dist/components/molecules/Select/Select.d.ts +0 -101
  47. package/dist/components/molecules/Select/Select.style.d.ts +0 -13
  48. package/dist/components/molecules/Select/index.d.ts +0 -2
@@ -1,101 +0,0 @@
1
- import React from 'react';
2
- import { ISelectProps } from '../../../types/formTypes';
3
- /**
4
- * DEPRECATED. Use Select2 instead.
5
- * A select component, created using <ul> and <li> elements, with bespoke accessibility
6
- * logic.
7
- *
8
- * # Usage
9
- * ## Defining a component that uses a typical Select element
10
- * ```tsx
11
- * const MyComponent = () => {
12
- * const handleSelect = (value: number, text: string) => {
13
- * console.log("Selected", value);
14
- * };
15
- *
16
- * return <>
17
- * <Select
18
- * label="This is a label"
19
- * options={[
20
- * { text: "Option 1", value: 1 },
21
- * { text: "Option 2", value: 2 },
22
- * ]}
23
- * onSelect={handleSelect}
24
- * />
25
- * </>
26
- * }
27
- * ```
28
- *
29
- * ## Defining a component that uses a disabled Select element
30
- * ```tsx
31
- * const MyComponent = () => {
32
- * const handleSelect = (value: number, text: string) => {
33
- * console.log("Selected", value);
34
- * };
35
- *
36
- * return <>
37
- * <Select
38
- * disabled // Select component disabled explicitely
39
- * label="This is a label"
40
- * options={[
41
- * { text: "Option 1", value: 1 },
42
- * { text: "Option 2", value: 2 },
43
- * ]}
44
- * onSelect={handleSelect}
45
- * />
46
- * <Select
47
- * label="This is a label"
48
- * options={[]} // Select component disabled implicitely by passing an empty array of options
49
- * onSelect={handleSelect}
50
- * />
51
- * </>
52
- * }
53
- * ```
54
- *
55
- * ## Defining a component with a non-labelled Select element
56
- * ```tsx
57
- * const MyComponent = () => {
58
- * const handleSelect = (value: number, text: string) => {
59
- * console.log("Selected", value);
60
- * };
61
- *
62
- * return <>
63
- * <Select
64
- * label=""
65
- * options={[
66
- * { text: "Option 1", value: 1 },
67
- * { text: "Option 2", value: 2 },
68
- * ]}
69
- * onSelect={handleSelect}
70
- * />
71
- * </>
72
- * }
73
- * ```
74
- *
75
- * ## Changing the dimensions of a Select element (px)
76
- * ```tsx
77
- * const MyComponent = () => {
78
- * const handleSelect = (value: number, text: string) => {
79
- * console.log("Selected", value);
80
- * };
81
- *
82
- * const selectWidthPx = 100;
83
- * const selectHeightPx = 27;
84
- *
85
- * return <>
86
- * <Select
87
- * label="This is a label"
88
- * options={[
89
- * { text: "Option 1", value: 1 },
90
- * { text: "Option 2", value: 2 },
91
- * ]}
92
- * onSelect={handleSelect}
93
- * width={selectWidthPx}
94
- * height={selectHeightPx}
95
- * />
96
- * </>
97
- * }
98
- * ```
99
- */
100
- declare function Select<T>({ label, options, onSelect, disabled, resetWhenOptionsUpdate, width, height, }: ISelectProps<T>): React.JSX.Element;
101
- export default Select;
@@ -1,13 +0,0 @@
1
- import { ISelectProps } from '../../../types/formTypes';
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
- iconName: "DropdownArrow";
4
- color: string;
5
- title: "Select Arrow";
6
- }, "title" | "color" | "iconName">;
7
- export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const Options: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- export declare const Option: import("styled-components").StyledComponent<"li", any, {
11
- hover: boolean;
12
- }, never>;
13
- export declare const SelectList: import("styled-components").StyledComponent<"ul", any, Pick<Required<ISelectProps<unknown>>, "height" | "width">, never>;
@@ -1,2 +0,0 @@
1
- import Select from './Select';
2
- export default Select;