@royaloperahouse/harmonic 0.13.1-g → 0.13.2

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 (36) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/README.GIT +278 -0
  3. package/README.md +43 -252
  4. package/dist/components/atoms/Dropdown/Dropdown.d.ts +1 -1
  5. package/dist/components/atoms/Tab/Tab.d.ts +1 -1
  6. package/dist/components/index.d.ts +3 -3
  7. package/dist/components/molecules/PageHeading/index.d.ts +1 -2
  8. package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
  9. package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +2 -2
  10. package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +271 -1
  11. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +271 -1
  12. package/dist/components/molecules/index.d.ts +2 -3
  13. package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts +271 -1
  14. package/dist/components/organisms/Navigation/Navigation.d.ts +1 -1
  15. package/dist/harmonic.cjs.development.css +7 -325
  16. package/dist/harmonic.cjs.development.js +6665 -6807
  17. package/dist/harmonic.cjs.development.js.map +1 -1
  18. package/dist/harmonic.cjs.production.min.js +1 -1
  19. package/dist/harmonic.cjs.production.min.js.map +1 -1
  20. package/dist/harmonic.esm.js +6678 -6822
  21. package/dist/harmonic.esm.js.map +1 -1
  22. package/dist/index.d.ts +2 -2
  23. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  24. package/dist/types/impactHeader.d.ts +2 -20
  25. package/dist/types/navigation.d.ts +0 -4
  26. package/dist/types/types.d.ts +4 -78
  27. package/package.json +1 -1
  28. package/dist/components/molecules/CastFilter/CastFilters.d.ts +0 -4
  29. package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +0 -14
  30. package/dist/components/molecules/CastFilter/index.d.ts +0 -2
  31. package/dist/components/molecules/PageHeading/Highlight/Highlight.d.ts +0 -4
  32. package/dist/components/molecules/PageHeading/Highlight/Highlight.style.d.ts +0 -9
  33. package/dist/components/molecules/PageHeading/Highlight/index.d.ts +0 -2
  34. package/dist/components/molecules/SkipToMain/SkipToMain.d.ts +0 -4
  35. package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +0 -6
  36. package/dist/components/molecules/SkipToMain/index.d.ts +0 -2
@@ -6,7 +6,277 @@ export declare const CarouselInfoWrapper: import("styled-components").StyledComp
6
6
  export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {
7
7
  isDescriptionPresent: boolean;
8
8
  }, never>;
9
- export declare const TitleText: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
9
+ export declare const TitleText: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy, tag, className, ...props }: import("../../../../types/typography").HarmonicHeaderProps) => import("react").DOMElement<{
10
+ defaultChecked?: boolean | undefined;
11
+ defaultValue?: string | number | readonly string[] | undefined;
12
+ suppressContentEditableWarning?: boolean | undefined;
13
+ suppressHydrationWarning?: boolean | undefined;
14
+ accessKey?: string | undefined;
15
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
16
+ autoFocus?: boolean | undefined;
17
+ className: string;
18
+ contentEditable?: boolean | "true" | "false" | "inherit" | undefined;
19
+ contextMenu?: string | undefined;
20
+ dir?: string | undefined;
21
+ draggable?: boolean | "true" | "false" | undefined;
22
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
23
+ hidden?: boolean | undefined;
24
+ id?: string | undefined;
25
+ lang?: string | undefined;
26
+ nonce?: string | undefined;
27
+ placeholder?: string | undefined;
28
+ slot?: string | undefined;
29
+ spellCheck?: boolean | "true" | "false" | undefined;
30
+ style?: import("react").CSSProperties | undefined;
31
+ tabIndex?: number | undefined;
32
+ title?: string | undefined;
33
+ translate?: "yes" | "no" | undefined;
34
+ radioGroup?: string | undefined;
35
+ role?: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | "none" | (string & {}) | "search" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "grid" | "gridcell" | "group" | "heading" | "list" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | undefined;
36
+ about?: string | undefined;
37
+ content?: string | undefined;
38
+ datatype?: string | undefined;
39
+ inlist?: any;
40
+ prefix?: string | undefined;
41
+ property?: string | undefined;
42
+ rel?: string | undefined;
43
+ resource?: string | undefined;
44
+ rev?: string | undefined;
45
+ typeof?: string | undefined;
46
+ vocab?: string | undefined;
47
+ autoCorrect?: string | undefined;
48
+ autoSave?: string | undefined;
49
+ color?: string | undefined;
50
+ itemProp?: string | undefined;
51
+ itemScope?: boolean | undefined;
52
+ itemType?: string | undefined;
53
+ itemID?: string | undefined;
54
+ itemRef?: string | undefined;
55
+ results?: number | undefined;
56
+ security?: string | undefined;
57
+ unselectable?: "off" | "on" | undefined;
58
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
+ is?: string | undefined;
60
+ exportparts?: string | undefined;
61
+ part?: string | undefined;
62
+ "aria-activedescendant"?: string | undefined;
63
+ "aria-atomic"?: boolean | "true" | "false" | undefined;
64
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
65
+ "aria-braillelabel"?: string | undefined;
66
+ "aria-brailleroledescription"?: string | undefined;
67
+ "aria-busy"?: boolean | "true" | "false" | undefined;
68
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
69
+ "aria-colcount"?: number | undefined;
70
+ "aria-colindex"?: number | undefined;
71
+ "aria-colindextext"?: string | undefined;
72
+ "aria-colspan"?: number | undefined;
73
+ "aria-controls"?: string | undefined;
74
+ "aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
75
+ "aria-describedby"?: string | undefined;
76
+ "aria-description"?: string | undefined;
77
+ "aria-details"?: string | undefined;
78
+ "aria-disabled"?: boolean | "true" | "false" | undefined;
79
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
80
+ "aria-errormessage"?: string | undefined;
81
+ "aria-expanded"?: boolean | "true" | "false" | undefined;
82
+ "aria-flowto"?: string | undefined;
83
+ "aria-grabbed"?: boolean | "true" | "false" | undefined;
84
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
85
+ "aria-hidden"?: boolean | "true" | "false" | undefined;
86
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
87
+ "aria-keyshortcuts"?: string | undefined;
88
+ "aria-label"?: string | undefined;
89
+ "aria-labelledby"?: string | undefined;
90
+ "aria-level"?: number | undefined;
91
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
92
+ "aria-modal"?: boolean | "true" | "false" | undefined;
93
+ "aria-multiline"?: boolean | "true" | "false" | undefined;
94
+ "aria-multiselectable"?: boolean | "true" | "false" | undefined;
95
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
96
+ "aria-owns"?: string | undefined;
97
+ "aria-placeholder"?: string | undefined;
98
+ "aria-posinset"?: number | undefined;
99
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
100
+ "aria-readonly"?: boolean | "true" | "false" | undefined;
101
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
102
+ "aria-required"?: boolean | "true" | "false" | undefined;
103
+ "aria-roledescription"?: string | undefined;
104
+ "aria-rowcount"?: number | undefined;
105
+ "aria-rowindex"?: number | undefined;
106
+ "aria-rowindextext"?: string | undefined;
107
+ "aria-rowspan"?: number | undefined;
108
+ "aria-selected"?: boolean | "true" | "false" | undefined;
109
+ "aria-setsize"?: number | undefined;
110
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
111
+ "aria-valuemax"?: number | undefined;
112
+ "aria-valuemin"?: number | undefined;
113
+ "aria-valuenow"?: number | undefined;
114
+ "aria-valuetext"?: string | undefined;
115
+ children?: import("react").ReactNode;
116
+ dangerouslySetInnerHTML?: {
117
+ __html: string | TrustedHTML;
118
+ } | undefined;
119
+ onCopy?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
120
+ onCopyCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
121
+ onCut?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
122
+ onCutCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
123
+ onPaste?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
124
+ onPasteCapture?: ((event: import("react").ClipboardEvent<HTMLElement>) => void) | undefined;
125
+ onCompositionEnd?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
126
+ onCompositionEndCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
127
+ onCompositionStart?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
128
+ onCompositionStartCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
129
+ onCompositionUpdate?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
130
+ onCompositionUpdateCapture?: ((event: import("react").CompositionEvent<HTMLElement>) => void) | undefined;
131
+ onFocus?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
132
+ onFocusCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
133
+ onBlur?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
134
+ onBlurCapture?: ((event: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
135
+ onChange?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
136
+ onChangeCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
137
+ onBeforeInput?: ((event: import("react").InputEvent<HTMLElement>) => void) | undefined;
138
+ onBeforeInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
139
+ onInput?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
140
+ onInputCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
141
+ onReset?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
142
+ onResetCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
143
+ onSubmit?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
144
+ onSubmitCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
145
+ onInvalid?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
146
+ onInvalidCapture?: ((event: import("react").FormEvent<HTMLElement>) => void) | undefined;
147
+ onLoad?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
148
+ onLoadCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
149
+ onError?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
150
+ onErrorCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
151
+ onKeyDown?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
152
+ onKeyDownCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
153
+ onKeyPress?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
154
+ onKeyPressCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
155
+ onKeyUp?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
156
+ onKeyUpCapture?: ((event: import("react").KeyboardEvent<HTMLElement>) => void) | undefined;
157
+ onAbort?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
158
+ onAbortCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
159
+ onCanPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
160
+ onCanPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
161
+ onCanPlayThrough?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
162
+ onCanPlayThroughCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
163
+ onDurationChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
164
+ onDurationChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
165
+ onEmptied?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
166
+ onEmptiedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
167
+ onEncrypted?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
168
+ onEncryptedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
169
+ onEnded?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
170
+ onEndedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
171
+ onLoadedData?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
172
+ onLoadedDataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
173
+ onLoadedMetadata?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
174
+ onLoadedMetadataCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
175
+ onLoadStart?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
176
+ onLoadStartCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
177
+ onPause?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
178
+ onPauseCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
179
+ onPlay?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
180
+ onPlayCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
181
+ onPlaying?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
182
+ onPlayingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
183
+ onProgress?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
184
+ onProgressCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
185
+ onRateChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
186
+ onRateChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
187
+ onSeeked?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
188
+ onSeekedCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
189
+ onSeeking?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
190
+ onSeekingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
191
+ onStalled?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
192
+ onStalledCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
193
+ onSuspend?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
194
+ onSuspendCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
195
+ onTimeUpdate?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
196
+ onTimeUpdateCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
197
+ onVolumeChange?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
198
+ onVolumeChangeCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
199
+ onWaiting?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
200
+ onWaitingCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
201
+ onAuxClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
202
+ onAuxClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
203
+ onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
204
+ onClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
205
+ onContextMenu?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
206
+ onContextMenuCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
207
+ onDoubleClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
208
+ onDoubleClickCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
209
+ onDrag?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
210
+ onDragCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
211
+ onDragEnd?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
212
+ onDragEndCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
213
+ onDragEnter?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
214
+ onDragEnterCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
215
+ onDragExit?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
216
+ onDragExitCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
217
+ onDragLeave?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
218
+ onDragLeaveCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
219
+ onDragOver?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
220
+ onDragOverCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
221
+ onDragStart?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
222
+ onDragStartCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
223
+ onDrop?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
224
+ onDropCapture?: ((event: import("react").DragEvent<HTMLElement>) => void) | undefined;
225
+ onMouseDown?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
226
+ onMouseDownCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
227
+ onMouseEnter?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
228
+ onMouseLeave?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
229
+ onMouseMove?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
230
+ onMouseMoveCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
231
+ onMouseOut?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
232
+ onMouseOutCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
233
+ onMouseOver?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
234
+ onMouseOverCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
235
+ onMouseUp?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
236
+ onMouseUpCapture?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
237
+ onSelect?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
238
+ onSelectCapture?: ((event: import("react").SyntheticEvent<HTMLElement, Event>) => void) | undefined;
239
+ onTouchCancel?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
240
+ onTouchCancelCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
241
+ onTouchEnd?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
242
+ onTouchEndCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
243
+ onTouchMove?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
244
+ onTouchMoveCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
245
+ onTouchStart?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
246
+ onTouchStartCapture?: ((event: import("react").TouchEvent<HTMLElement>) => void) | undefined;
247
+ onPointerDown?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
248
+ onPointerDownCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
249
+ onPointerMove?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
250
+ onPointerMoveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
251
+ onPointerUp?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
252
+ onPointerUpCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
253
+ onPointerCancel?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
254
+ onPointerCancelCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
255
+ onPointerEnter?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
256
+ onPointerEnterCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
257
+ onPointerLeave?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
258
+ onPointerLeaveCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
259
+ onPointerOver?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
260
+ onPointerOverCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
261
+ onPointerOut?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
262
+ onPointerOutCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
263
+ onGotPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
264
+ onGotPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
265
+ onLostPointerCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
266
+ onLostPointerCaptureCapture?: ((event: import("react").PointerEvent<HTMLElement>) => void) | undefined;
267
+ onScroll?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
268
+ onScrollCapture?: ((event: import("react").UIEvent<HTMLElement, UIEvent>) => void) | undefined;
269
+ onWheel?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
270
+ onWheelCapture?: ((event: import("react").WheelEvent<HTMLElement>) => void) | undefined;
271
+ onAnimationStart?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
272
+ onAnimationStartCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
273
+ onAnimationEnd?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
274
+ onAnimationEndCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
275
+ onAnimationIteration?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
276
+ onAnimationIterationCapture?: ((event: import("react").AnimationEvent<HTMLElement>) => void) | undefined;
277
+ onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
278
+ onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLElement>) => void) | undefined;
279
+ }, Element>, any, {}, never>;
10
280
  export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
11
281
  export declare const TitleGridItem: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;
12
282
  export declare const SwipeGridWrapper: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { INavigationProps } from '../../../types/navigation';
3
- declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, crest, className, logoLink, skipToId, }: INavigationProps) => React.JSX.Element;
3
+ declare const Navigation: ({ dataNavTop, menuData, onSearch, onLink, crest, className, logoLink, }: INavigationProps) => React.JSX.Element;
4
4
  export default Navigation;
@@ -152,6 +152,7 @@
152
152
  color: var(--color-primary);
153
153
  }
154
154
 
155
+
155
156
  .typography-module_display--black__8hmsx,
156
157
  .typography-module_header--black__M3I14,
157
158
  .typography-module_subtitle--black__IQRSo,
@@ -300,7 +301,6 @@
300
301
  letter-spacing: 0.3px;
301
302
  }
302
303
  }
303
-
304
304
  @font-face {
305
305
  font-family: 'GreyLLTT';
306
306
  src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -327,7 +327,8 @@
327
327
 
328
328
  @font-face {
329
329
  font-family: 'VictorSerif';
330
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
330
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
331
+ format('woff2');
331
332
  font-weight: 500;
332
333
  font-style: normal;
333
334
  font-display: swap;
@@ -335,331 +336,13 @@
335
336
 
336
337
  @font-face {
337
338
  font-family: 'VictorSerif';
338
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
339
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
340
+ format('woff2');
339
341
  font-weight: 500;
340
342
  font-style: italic;
341
343
  font-display: swap;
342
344
  }
343
345
 
344
- /* ~~~~~ General Styling Classes ~~~~~ */
345
- .typography_color-primary__LOfDi {
346
- color: var(--color-primary);
347
- }
348
-
349
- .typography_color-black__6MHRL {
350
- color: var(--color-base-black);
351
- }
352
-
353
- .typography_color-white__PfW5s {
354
- color: var(--color-base-white);
355
- }
356
-
357
- .typography_color-red__iPlbG {
358
- color: var(--color-primary-red);
359
- }
360
-
361
- .typography_color-grey__GA1c2 {
362
- color: var(--color-base-dark-grey);
363
- }
364
-
365
- .typography_color-inherit__RDd0Y {
366
- color: inherit;
367
- }
368
-
369
- .typography_em__E6tX- {
370
- font-style: italic;
371
- }
372
- /* ~~~ */
373
-
374
- /* Display Headers */
375
- .typography_display__-F3p4 {
376
- margin: 0;
377
- font-family: var(--font-family-sans);
378
- line-height: 100%;
379
-
380
- &.typography_large__uq0zC {
381
- font-size: 96px;
382
- font-weight: 700;
383
- letter-spacing: -5px;
384
- }
385
-
386
- &.typography_small__wfQ0K {
387
- font-size: 68px;
388
- font-weight: 500;
389
- letter-spacing: -3px;
390
- }
391
-
392
- /* Serif and Italic styles */
393
- &.typography_serif__VSO38,
394
- &.typography_em__E6tX- {
395
- font-family: var(--font-family-serif);
396
- font-weight: 500;
397
- }
398
-
399
- /* Serif and Italic adjustments */
400
- &.typography_large__uq0zC.typography_serif__VSO38,
401
- &.typography_large__uq0zC.typography_em__E6tX- {
402
- letter-spacing: -3px;
403
- }
404
-
405
- &.typography_small__wfQ0K.typography_serif__VSO38,
406
- &.typography_small__wfQ0K.typography_em__E6tX- {
407
- letter-spacing: -2px;
408
- }
409
-
410
- @media (max-width: 699px) {
411
- &.typography_large__uq0zC {
412
- font-size: 38px;
413
- letter-spacing: -1.5px;
414
- }
415
-
416
- &.typography_small__wfQ0K {
417
- font-size: 32px;
418
- letter-spacing: -1.5px;
419
- }
420
-
421
- &.typography_large__uq0zC.typography_serif__VSO38,
422
- &.typography_large__uq0zC.typography_em__E6tX-,
423
- &.typography_small__wfQ0K.typography_serif__VSO38,
424
- &.typography_small__wfQ0K.typography_em__E6tX- {
425
- letter-spacing: -0.5px;
426
- }
427
- }
428
- }
429
-
430
- /* Headers */
431
- .typography_header__BexiD {
432
- margin: 0;
433
- font-family: var(--font-family-sans);
434
- font-weight: 500;
435
-
436
- &.typography_large__uq0zC {
437
- font-size: 44px;
438
- line-height: 48px;
439
- letter-spacing: -1.5px;
440
- }
441
-
442
- &.typography_medium__K0uZD {
443
- font-size: 34px;
444
- line-height: 40px;
445
- letter-spacing: -1px;
446
- }
447
-
448
- &.typography_small__wfQ0K {
449
- font-size: 26px;
450
- line-height: 32px;
451
- letter-spacing: -0.5px;
452
- }
453
-
454
- /* Serif and Italic styles */
455
- &.typography_serif__VSO38,
456
- &.typography_em__E6tX- {
457
- font-family: var(--font-family-serif);
458
- }
459
-
460
- /* Serif and Italic letter-spacing overrides */
461
- &.typography_large__uq0zC.typography_serif__VSO38,
462
- &.typography_large__uq0zC.typography_em__E6tX- {
463
- letter-spacing: -0.5px;
464
- }
465
-
466
- &.typography_medium__K0uZD.typography_serif__VSO38,
467
- &.typography_medium__K0uZD.typography_em__E6tX- {
468
- letter-spacing: -0.5px;
469
- }
470
-
471
- &.typography_small__wfQ0K.typography_serif__VSO38,
472
- &.typography_small__wfQ0K.typography_em__E6tX- {
473
- letter-spacing: -0.5px;
474
- }
475
-
476
- @media (max-width: 699px) {
477
- &.typography_large__uq0zC {
478
- font-size: 28px;
479
- line-height: 34px;
480
- letter-spacing: -1.5px;
481
- }
482
-
483
- &.typography_medium__K0uZD {
484
- font-size: 24px;
485
- line-height: 28px;
486
- letter-spacing: -1px;
487
- }
488
-
489
- &.typography_small__wfQ0K {
490
- font-size: 20px;
491
- line-height: 26px;
492
- letter-spacing: -0.75px;
493
- }
494
-
495
- /* Mobile overrides for serif/italic letter-spacing */
496
- &.typography_large__uq0zC.typography_serif__VSO38,
497
- &.typography_large__uq0zC.typography_em__E6tX-,
498
- &.typography_medium__K0uZD.typography_serif__VSO38,
499
- &.typography_medium__K0uZD.typography_em__E6tX-,
500
- &.typography_small__wfQ0K.typography_serif__VSO38,
501
- &.typography_small__wfQ0K.typography_em__E6tX- {
502
- letter-spacing: -0.5px;
503
- }
504
- }
505
- }
506
-
507
- /* Subtitle */
508
- .typography_subtitle__aoFTV {
509
- margin: 0;
510
- font-family: var(--font-family-sans);
511
- font-weight: 500;
512
-
513
- &.typography_large__uq0zC {
514
- font-size: 19px;
515
- line-height: 26px;
516
- letter-spacing: -0.5px;
517
- }
518
-
519
- &.typography_small__wfQ0K {
520
- font-size: 17px;
521
- line-height: 24px;
522
- letter-spacing: -0.5px;
523
- }
524
-
525
- @media (max-width: 699px) {
526
- &.typography_large__uq0zC {
527
- font-size: 17px;
528
- line-height: 24px;
529
- letter-spacing: -0.5px;
530
- }
531
-
532
- &.typography_small__wfQ0K {
533
- font-size: 14px;
534
- line-height: 20px;
535
- letter-spacing: -0.2px;
536
- }
537
- }
538
- }
539
-
540
- /* Body Copy */
541
- .typography_bodycopy__vYtQ8 {
542
- margin: 0;
543
- font-family: var(--font-family-sans);
544
- font-weight: 400;
545
-
546
- &.typography_large__uq0zC {
547
- font-size: 19px;
548
- line-height: 26px;
549
- letter-spacing: -0.5px;
550
- }
551
-
552
- &.typography_medium__K0uZD {
553
- font-size: 17px;
554
- line-height: 24px;
555
- letter-spacing: -0.5px;
556
- }
557
-
558
- &.typography_small__wfQ0K {
559
- font-size: 14px;
560
- line-height: 20px;
561
- letter-spacing: -0.5px;
562
- }
563
-
564
- @media (max-width: 699px) {
565
- &.typography_large__uq0zC {
566
- font-size: 17px;
567
- line-height: 24px;
568
- letter-spacing: -0.5px;
569
- }
570
-
571
- &.typography_medium__K0uZD {
572
- font-size: 14px;
573
- line-height: 20px;
574
- letter-spacing: -0.2px;
575
- }
576
-
577
- &.typography_small__wfQ0K {
578
- font-size: 11px;
579
- line-height: 16px;
580
- letter-spacing: -0.2px;
581
- }
582
- }
583
- }
584
-
585
- /* Overline */
586
- .typography_overline__EnUK3 {
587
- margin: 0;
588
- font-family: var(--font-family-sans);
589
- font-weight: 500;
590
- text-transform: uppercase;
591
-
592
- &.typography_large__uq0zC {
593
- font-size: 14px;
594
- line-height: 18px;
595
- letter-spacing: 0.3px;
596
- }
597
-
598
- &.typography_small__wfQ0K {
599
- font-size: 12px;
600
- line-height: 14px;
601
- letter-spacing: 0.2px;
602
- }
603
-
604
- @media (max-width: 699px) {
605
- &.typography_large__uq0zC {
606
- line-height: 17px;
607
- letter-spacing: 0.3px; /* Added to ensure it stays */
608
- }
609
-
610
- &.typography_small__wfQ0K {
611
- line-height: 14px;
612
- letter-spacing: 0.3px;
613
- }
614
- }
615
- }
616
-
617
- /* Button Text */
618
- .typography_buttontext__vcxNi {
619
- margin: 0;
620
- font-family: var(--font-family-sans);
621
- font-size: 17px;
622
- line-height: 20px;
623
- letter-spacing: -0.5px;
624
- font-weight: 400;
625
-
626
- @media (max-width: 699px) {
627
- font-weight: 500;
628
- line-height: 17px;
629
- }
630
- }
631
-
632
- /* Caption Text */
633
- .typography_captiontext__91UFb {
634
- margin: 0;
635
- font-family: var(--font-family-sans);
636
- font-weight: 400;
637
- font-size: 17px;
638
- line-height: 24px;
639
- letter-spacing: -0.5px;
640
-
641
- @media (max-width: 699px) {
642
- font-size: 14px;
643
- line-height: 20px;
644
- letter-spacing: -0.2px;
645
- }
646
- }
647
-
648
- /* Navigation Text */
649
- .typography_navigationtext__YfGf7 {
650
- margin: 0;
651
- font-family: var(--font-family-sans);
652
- font-size: 19px;
653
- line-height: 19px;
654
- letter-spacing: 0.4px;
655
- font-weight: 500;
656
-
657
- @media (max-width: 699px) {
658
- font-size: 17px;
659
- line-height: 17px;
660
- }
661
- }
662
-
663
346
  .core-theme-module_coreTheme__pWxYB {
664
347
  /* RBO Red */
665
348
  /* Primary Palette */
@@ -1217,10 +900,9 @@
1217
900
  --information-panel-button-hover-color: var(--color-rbo-red-hovered);
1218
901
  --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
1219
902
 
1220
- --heading-promo-bg-color: var(--color-base-white);
903
+ --heading-promo-bg-color: var(--color-base-white);
1221
904
  --page-header-bg-color: var(--color-primary-black);
1222
- }
1223
-
905
+ };
1224
906
  .schools-theme-module_schoolsTheme__CWHba {
1225
907
  /* Schools theme overrides */
1226
908
  --base-color-primary: #c8102e;