@royaloperahouse/harmonic 0.2.3-h → 0.2.3-i

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 (17) hide show
  1. package/dist/components/Typography/utils.d.ts +3 -0
  2. package/dist/components/atoms/TextField/TextField.style.d.ts +0 -1
  3. package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts +2 -2
  4. package/dist/components/molecules/Swipe/helper.d.ts +0 -2
  5. package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.d.ts +0 -1
  6. package/dist/harmonic.cjs.development.css +259 -288
  7. package/dist/harmonic.cjs.development.js +177 -120
  8. package/dist/harmonic.cjs.development.js.map +1 -1
  9. package/dist/harmonic.cjs.production.min.js +1 -1
  10. package/dist/harmonic.cjs.production.min.js.map +1 -1
  11. package/dist/harmonic.esm.js +201 -152
  12. package/dist/harmonic.esm.js.map +1 -1
  13. package/dist/helpers/theme.d.ts +1 -1
  14. package/dist/index.d.ts +2 -1
  15. package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts +0 -1
  16. package/dist/types/signUpForm.d.ts +0 -5
  17. package/package.json +1 -1
package/dist/components/Typography/utils.d.ts CHANGED
@@ -3,5 +3,8 @@ export declare const createClassNames: (baseClass: string, options: {
3
3
  color?: string;
4
4
  serif?: boolean;
5
5
  em?: boolean;
6
+ bold?: boolean;
6
7
  className?: string;
8
+ }, styles: {
9
+ [key: string]: string;
7
10
  }) => string;
package/dist/components/atoms/TextField/TextField.style.d.ts CHANGED
@@ -7,4 +7,3 @@ export declare const Input: import("styled-components").StyledComponent<"input",
7
7
  export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
8
8
  export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
9
9
  export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
10
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/SignUpForm/SignUpForm.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { ThemeColor } from '../../../types';
1
+ import { Colors } from '../../../types';
2
2
  export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
3
- theme: ThemeColor;
3
+ theme: Colors;
4
4
  }, never>;
5
5
  export declare const SignUpFormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const SignUpTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/components/molecules/Swipe/helper.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- export declare const disableTabbingInside: (element: HTMLElement | null, shouldDisable: boolean) => void;
2
- export declare const isCloneSlide: (index: number, clonesCount: number, childrenLength: number, infinite: boolean) => boolean;
3
1
  export declare const getVisibleIndexes: (currentIndex: number, slideWidths: number[], containerWidth: number, slidesLength: number) => number[];
4
2
  export declare const getMovedSlides: (delta: number, slideWidths: number[]) => number;
package/dist/components/organisms/Carousels/HighlightsCarousel/components/SwipeCarousel.d.ts CHANGED
@@ -7,7 +7,6 @@ declare type Props = {
7
7
  setCurrentSlide: React.Dispatch<React.SetStateAction<number>>;
8
8
  carouselRef: React.RefObject<SwipeRef>;
9
9
  hasMultipleSlides: boolean;
10
- carouselTitle: string | undefined;
11
10
  };
12
11
  declare const SwipeCarousel: FunctionComponent<Props>;
13
12
  export default SwipeCarousel;
package/dist/harmonic.cjs.development.css CHANGED
@@ -1,362 +1,333 @@
1
- @font-face {
2
- font-family: 'GreyLLTT';
3
- src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
4
- font-weight: 400;
5
- font-style: normal;
6
- font-display: swap;
1
+ /* Base classes */
2
+ .typography-module_display__ZHsz9 {
3
+ margin: 0;
4
+ font-family: var(--font-family-sans);
5
+ line-height: 100%;
7
6
  }
8
7
 
9
- @font-face {
10
- font-family: 'GreyLLTT';
11
- src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');
8
+ .typography-module_header__FVsLI {
9
+ margin: 0;
10
+ font-family: var(--font-family-sans);
12
11
  font-weight: 500;
13
- font-style: normal;
14
- font-display: swap;
15
12
  }
16
13
 
17
- @font-face {
18
- font-family: 'GreyLLTT';
19
- src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');
20
- font-weight: 700;
21
- font-style: normal;
22
- font-display: swap;
14
+ .typography-module_subtitle__x3sSn {
15
+ margin: 0;
16
+ font-family: var(--font-family-sans);
17
+ font-weight: 500;
23
18
  }
24
19
 
25
- @font-face {
26
- font-family: 'VictorSerif';
27
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
28
- format('woff2');
29
- font-weight: 500;
30
- font-style: normal;
31
- font-display: swap;
20
+ .typography-module_bodycopy__-BY2U {
21
+ margin: 0;
22
+ font-family: var(--font-family-sans);
23
+ font-weight: 400;
32
24
  }
33
25
 
34
- @font-face {
35
- font-family: 'VictorSerif';
36
- src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
37
- format('woff2');
26
+ .typography-module_overline__y1yCC {
27
+ margin: 0;
28
+ font-family: var(--font-family-sans);
38
29
  font-weight: 500;
39
- font-style: italic;
40
- font-display: swap;
30
+ text-transform: uppercase;
41
31
  }
42
32
 
43
- /* ~~~~~ General Styling Classes ~~~~~ */
44
- .typography_color-primary__LOfDi {
45
- color: var(--color-primary);
33
+ .typography-module_buttontext__Gp0W- {
34
+ margin: 0;
35
+ font-family: var(--font-family-sans);
36
+ font-weight: 400;
46
37
  }
47
38
 
48
- .typography_color-black__6MHRL {
49
- color: var(--color-base-black);
39
+ .typography-module_captiontext__zyA-- {
40
+ margin: 0;
41
+ font-family: var(--font-family-sans);
42
+ font-weight: 400;
50
43
  }
51
44
 
52
- .typography_color-white__PfW5s {
53
- color: var(--color-base-white);
45
+ .typography-module_navigationtext__Qj6Zw {
46
+ margin: 0;
47
+ font-family: var(--font-family-sans);
48
+ font-weight: 500;
54
49
  }
55
50
 
56
- .typography_color-red__iPlbG {
57
- color: var(--color-primary-red);
51
+ /* Size modifiers */
52
+ .typography-module_display--large__RwPQD {
53
+ font-size: 96px;
54
+ font-weight: 700;
55
+ letter-spacing: -5px;
58
56
  }
59
57
 
60
- .typography_color-grey__GA1c2 {
61
- color: var(--color-base-dark-grey);
58
+ .typography-module_display--small__XWUSJ {
59
+ font-size: 68px;
60
+ font-weight: 500;
61
+ letter-spacing: -3px;
62
62
  }
63
63
 
64
- .typography_color-inherit__RDd0Y {
65
- color: inherit;
64
+ .typography-module_header--large__2vP3p {
65
+ font-size: 44px;
66
+ line-height: 48px;
67
+ letter-spacing: -1.5px;
66
68
  }
67
69
 
68
- .typography_em__E6tX- {
69
- font-style: italic;
70
+ .typography-module_header--medium__OgzlB {
71
+ font-size: 34px;
72
+ line-height: 40px;
73
+ letter-spacing: -1px;
70
74
  }
71
- /* ~~~ */
72
75
 
73
- /* Display Headers */
74
- .typography_display__-F3p4 {
75
- margin: 0;
76
- font-family: var(--font-family-sans);
77
- line-height: 100%;
76
+ .typography-module_header--small__zLuFf {
77
+ font-size: 26px;
78
+ line-height: 32px;
79
+ letter-spacing: -0.5px;
80
+ }
78
81
 
79
- &.typography_large__uq0zC {
80
- font-size: 96px;
81
- font-weight: 700;
82
- letter-spacing: -5px;
83
- }
82
+ .typography-module_subtitle--large__1Ep9J {
83
+ font-size: 24px;
84
+ line-height: 32px;
85
+ letter-spacing: -0.5px;
86
+ }
84
87
 
85
- &.typography_small__wfQ0K {
86
- font-size: 68px;
87
- font-weight: 500;
88
- letter-spacing: -3px;
89
- }
88
+ .typography-module_subtitle--medium__8FxeU {
89
+ font-size: 20px;
90
+ line-height: 28px;
91
+ letter-spacing: -0.5px;
92
+ }
90
93
 
91
- /* Serif and Italic styles */
92
- &.typography_serif__VSO38,
93
- &.typography_em__E6tX- {
94
- font-family: var(--font-family-serif);
95
- font-weight: 500;
96
- }
94
+ .typography-module_subtitle--small__Vt9bZ {
95
+ font-size: 17px;
96
+ line-height: 24px;
97
+ letter-spacing: -0.5px;
98
+ }
97
99
 
98
- /* Serif and Italic adjustments */
99
- &.typography_large__uq0zC.typography_serif__VSO38,
100
- &.typography_large__uq0zC.typography_em__E6tX- {
101
- letter-spacing: -3px;
102
- }
100
+ .typography-module_bodycopy--large__BNzf2 {
101
+ font-size: 20px;
102
+ line-height: 28px;
103
+ letter-spacing: -0.5px;
104
+ }
103
105
 
104
- &.typography_small__wfQ0K.typography_serif__VSO38,
105
- &.typography_small__wfQ0K.typography_em__E6tX- {
106
- letter-spacing: -2px;
107
- }
106
+ .typography-module_bodycopy--medium__cwJEu {
107
+ font-size: 17px;
108
+ line-height: 24px;
109
+ letter-spacing: -0.5px;
110
+ }
108
111
 
109
- @media (max-width: 699px) {
110
- &.typography_large__uq0zC {
111
- font-size: 38px;
112
- letter-spacing: -1.5px;
113
- }
114
-
115
- &.typography_small__wfQ0K {
116
- font-size: 32px;
117
- letter-spacing: -1.5px;
118
- }
119
-
120
- &.typography_large__uq0zC.typography_serif__VSO38,
121
- &.typography_large__uq0zC.typography_em__E6tX-,
122
- &.typography_small__wfQ0K.typography_serif__VSO38,
123
- &.typography_small__wfQ0K.typography_em__E6tX- {
124
- letter-spacing: -0.5px;
125
- }
126
- }
112
+ .typography-module_bodycopy--small__fTLSM {
113
+ font-size: 15px;
114
+ line-height: 20px;
115
+ letter-spacing: -0.25px;
127
116
  }
128
117
 
129
- /* Headers */
130
- .typography_header__BexiD {
131
- margin: 0;
132
- font-family: var(--font-family-sans);
133
- font-weight: 500;
118
+ .typography-module_overline--large__79WUM {
119
+ font-size: 17px;
120
+ line-height: 24px;
121
+ letter-spacing: 1.7px;
122
+ }
134
123
 
135
- &.typography_large__uq0zC {
136
- font-size: 44px;
137
- line-height: 48px;
138
- letter-spacing: -1.5px;
139
- }
124
+ .typography-module_overline--medium__Y5z3w {
125
+ font-size: 15px;
126
+ line-height: 20px;
127
+ letter-spacing: 1.5px;
128
+ }
140
129
 
141
- &.typography_medium__K0uZD {
142
- font-size: 34px;
143
- line-height: 40px;
144
- letter-spacing: -1px;
145
- }
130
+ .typography-module_overline--small__MGEG6 {
131
+ font-size: 13px;
132
+ line-height: 16px;
133
+ letter-spacing: 1.3px;
134
+ }
146
135
 
147
- &.typography_small__wfQ0K {
148
- font-size: 26px;
149
- line-height: 32px;
150
- letter-spacing: -0.5px;
151
- }
136
+ /* Button, Caption, Navigation text */
137
+ .typography-module_buttontext__Gp0W- {
138
+ font-size: 17px;
139
+ line-height: 20px;
140
+ letter-spacing: -0.5px;
141
+ }
152
142
 
153
- /* Serif and Italic styles */
154
- &.typography_serif__VSO38,
155
- &.typography_em__E6tX- {
156
- font-family: var(--font-family-serif);
157
- }
143
+ .typography-module_captiontext__zyA-- {
144
+ font-size: 17px;
145
+ line-height: 24px;
146
+ letter-spacing: -0.5px;
147
+ }
158
148
 
159
- /* Serif and Italic letter-spacing overrides */
160
- &.typography_large__uq0zC.typography_serif__VSO38,
161
- &.typography_large__uq0zC.typography_em__E6tX- {
162
- letter-spacing: -0.5px;
163
- }
149
+ .typography-module_navigationtext__Qj6Zw {
150
+ font-size: 19px;
151
+ line-height: 19px;
152
+ letter-spacing: 0.4px;
153
+ }
164
154
 
165
- &.typography_medium__K0uZD.typography_serif__VSO38,
166
- &.typography_medium__K0uZD.typography_em__E6tX- {
167
- letter-spacing: -0.5px;
168
- }
155
+ /* Color modifiers */
156
+ .typography-module_display--primary__9sTwU,
157
+ .typography-module_header--primary__KF0PJ,
158
+ .typography-module_subtitle--primary__yL-hS,
159
+ .typography-module_bodycopy--primary__5Uo2D,
160
+ .typography-module_overline--primary__a2NSa,
161
+ .typography-module_buttontext--primary__HnmE3,
162
+ .typography-module_captiontext--primary__mmafI,
163
+ .typography-module_navigationtext--primary__vIsUl {
164
+ color: var(--color-primary);
165
+ }
169
166
 
170
- &.typography_small__wfQ0K.typography_serif__VSO38,
171
- &.typography_small__wfQ0K.typography_em__E6tX- {
172
- letter-spacing: -0.5px;
173
- }
174
167
 
175
- @media (max-width: 699px) {
176
- &.typography_large__uq0zC {
177
- font-size: 28px;
178
- line-height: 34px;
179
- letter-spacing: -1.5px;
180
- }
181
-
182
- &.typography_medium__K0uZD {
183
- font-size: 24px;
184
- line-height: 28px;
185
- letter-spacing: -1px;
186
- }
187
-
188
- &.typography_small__wfQ0K {
189
- font-size: 20px;
190
- line-height: 26px;
191
- letter-spacing: -0.75px;
192
- }
193
-
194
- /* Mobile overrides for serif/italic letter-spacing */
195
- &.typography_large__uq0zC.typography_serif__VSO38,
196
- &.typography_large__uq0zC.typography_em__E6tX-,
197
- &.typography_medium__K0uZD.typography_serif__VSO38,
198
- &.typography_medium__K0uZD.typography_em__E6tX-,
199
- &.typography_small__wfQ0K.typography_serif__VSO38,
200
- &.typography_small__wfQ0K.typography_em__E6tX- {
201
- letter-spacing: -0.5px;
202
- }
203
- }
168
+ .typography-module_display--black__8hmsx,
169
+ .typography-module_header--black__M3I14,
170
+ .typography-module_subtitle--black__IQRSo,
171
+ .typography-module_bodycopy--black__J8BNP,
172
+ .typography-module_overline--black__RUDoj,
173
+ .typography-module_buttontext--black__irjmz,
174
+ .typography-module_captiontext--black__7axhP,
175
+ .typography-module_navigationtext--black__wDz-G {
176
+ color: var(--color-base-black);
204
177
  }
205
178
 
206
- /* Subtitle */
207
- .typography_subtitle__aoFTV {
208
- margin: 0;
209
- font-family: var(--font-family-sans);
210
- font-weight: 500;
179
+ .typography-module_display--white__3QA6W,
180
+ .typography-module_header--white__mm-ex,
181
+ .typography-module_subtitle--white__VzQ3K,
182
+ .typography-module_bodycopy--white__NJ8J8,
183
+ .typography-module_overline--white__cV5QV,
184
+ .typography-module_buttontext--white__rrr8U,
185
+ .typography-module_captiontext--white__OMFwW,
186
+ .typography-module_navigationtext--white__5YDdY {
187
+ color: var(--color-base-white);
188
+ }
211
189
 
212
- &.typography_large__uq0zC {
213
- font-size: 19px;
214
- line-height: 26px;
215
- letter-spacing: -0.5px;
216
- }
190
+ .typography-module_display--red__khdLJ,
191
+ .typography-module_header--red__hxuj9,
192
+ .typography-module_subtitle--red__gSK7d,
193
+ .typography-module_bodycopy--red__P5Mau,
194
+ .typography-module_overline--red__OW5dE,
195
+ .typography-module_buttontext--red__mlRi2,
196
+ .typography-module_captiontext--red__jMQIK,
197
+ .typography-module_navigationtext--red__-QADV {
198
+ color: var(--color-primary-red);
199
+ }
217
200
 
218
- &.typography_small__wfQ0K {
219
- font-size: 17px;
220
- line-height: 24px;
221
- letter-spacing: -0.5px;
222
- }
201
+ .typography-module_display--grey__RsgTf,
202
+ .typography-module_header--grey__rC0vN,
203
+ .typography-module_subtitle--grey__1nkEx,
204
+ .typography-module_bodycopy--grey__SNnaU,
205
+ .typography-module_overline--grey__lGOsK,
206
+ .typography-module_buttontext--grey__1Y4oX,
207
+ .typography-module_captiontext--grey__V0MLc,
208
+ .typography-module_navigationtext--grey__xi3sz {
209
+ color: var(--color-base-dark-grey);
210
+ }
223
211
 
224
- @media (max-width: 699px) {
225
- &.typography_large__uq0zC {
226
- font-size: 17px;
227
- line-height: 24px;
228
- letter-spacing: -0.5px;
229
- }
230
-
231
- &.typography_small__wfQ0K {
232
- font-size: 14px;
233
- line-height: 20px;
234
- letter-spacing: -0.2px;
235
- }
236
- }
212
+ .typography-module_display--inherit__ZNOHM,
213
+ .typography-module_header--inherit__qmHQE,
214
+ .typography-module_subtitle--inherit__mly-X,
215
+ .typography-module_bodycopy--inherit__CoC-f,
216
+ .typography-module_overline--inherit__Cq4ni,
217
+ .typography-module_buttontext--inherit__vguWx,
218
+ .typography-module_captiontext--inherit__ya6gm,
219
+ .typography-module_navigationtext--inherit__cJLWf {
220
+ color: inherit;
237
221
  }
238
222
 
239
- /* Body Copy */
240
- .typography_bodycopy__vYtQ8 {
241
- margin: 0;
242
- font-family: var(--font-family-sans);
243
- font-weight: 400;
223
+ /* Typography variants */
224
+ .typography-module_display--serif__C0-Ve,
225
+ .typography-module_header--serif__uTGCc {
226
+ font-family: var(--font-family-serif);
227
+ }
244
228
 
245
- &.typography_large__uq0zC {
246
- font-size: 19px;
247
- line-height: 26px;
248
- letter-spacing: -0.5px;
249
- }
229
+ .typography-module_display--em__h2bPV,
230
+ .typography-module_header--em__UFQIA {
231
+ font-family: var(--font-family-serif);
232
+ font-style: italic;
233
+ }
250
234
 
251
- &.typography_medium__K0uZD {
252
- font-size: 17px;
253
- line-height: 24px;
254
- letter-spacing: -0.5px;
255
- }
235
+ .typography-module_display--bold__PG-8g,
236
+ .typography-module_header--bold__InvJk,
237
+ .typography-module_subtitle--bold__Subov,
238
+ .typography-module_bodycopy--bold__nZX3C,
239
+ .typography-module_overline--bold__3mUXy,
240
+ .typography-module_buttontext--bold__rBKIJ,
241
+ .typography-module_captiontext--bold__ebTyV,
242
+ .typography-module_navigationtext--bold__SRlV2 {
243
+ font-weight: 700;
244
+ }
256
245
 
257
- &.typography_small__wfQ0K {
258
- font-size: 14px;
259
- line-height: 20px;
260
- letter-spacing: -0.5px;
246
+ /* Media queries */
247
+ @media (max-width: 699px) {
248
+ .typography-module_display--large__RwPQD {
249
+ font-size: 38px;
250
+ letter-spacing: -1.5px;
261
251
  }
262
252
 
263
- @media (max-width: 699px) {
264
- &.typography_large__uq0zC {
265
- font-size: 17px;
266
- line-height: 24px;
267
- letter-spacing: -0.5px;
268
- }
269
-
270
- &.typography_medium__K0uZD {
271
- font-size: 14px;
272
- line-height: 20px;
273
- letter-spacing: -0.2px;
274
- }
275
-
276
- &.typography_small__wfQ0K {
277
- font-size: 11px;
278
- line-height: 16px;
279
- letter-spacing: -0.2px;
280
- }
253
+ .typography-module_display--small__XWUSJ {
254
+ font-size: 32px;
255
+ letter-spacing: -1.5px;
281
256
  }
282
- }
283
257
 
284
- /* Overline */
285
- .typography_overline__EnUK3 {
286
- margin: 0;
287
- font-family: var(--font-family-sans);
288
- font-weight: 500;
289
- text-transform: uppercase;
258
+ .typography-module_header--large__2vP3p {
259
+ font-size: 28px;
260
+ line-height: 34px;
261
+ letter-spacing: -1.5px;
262
+ }
290
263
 
291
- &.typography_large__uq0zC {
292
- font-size: 14px;
293
- line-height: 18px;
294
- letter-spacing: 0.3px;
264
+ .typography-module_header--medium__OgzlB {
265
+ font-size: 24px;
266
+ line-height: 28px;
267
+ letter-spacing: -1px;
295
268
  }
296
269
 
297
- &.typography_small__wfQ0K {
298
- font-size: 12px;
299
- line-height: 14px;
300
- letter-spacing: 0.2px;
270
+ .typography-module_header--small__zLuFf {
271
+ font-size: 20px;
272
+ line-height: 26px;
273
+ letter-spacing: -0.75px;
301
274
  }
302
275
 
303
- @media (max-width: 699px) {
304
- &.typography_large__uq0zC {
305
- line-height: 17px;
306
- letter-spacing: 0.3px; /* Added to ensure it stays */
307
- }
308
-
309
- &.typography_small__wfQ0K {
310
- line-height: 14px;
311
- letter-spacing: 0.3px;
312
- }
276
+ .typography-module_subtitle--large__1Ep9J {
277
+ font-size: 20px;
278
+ line-height: 28px;
279
+ }
280
+
281
+ .typography-module_subtitle--medium__8FxeU {
282
+ font-size: 17px;
283
+ line-height: 24px;
284
+ }
285
+
286
+ .typography-module_bodycopy--large__BNzf2 {
287
+ font-size: 17px;
288
+ line-height: 24px;
313
289
  }
314
290
  }
315
-
316
- /* Button Text */
317
- .typography_buttontext__vcxNi {
318
- margin: 0;
319
- font-family: var(--font-family-sans);
320
- font-size: 17px;
321
- line-height: 20px;
322
- letter-spacing: -0.5px;
291
+ @font-face {
292
+ font-family: 'GreyLLTT';
293
+ src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
323
294
  font-weight: 400;
324
-
325
- @media (max-width: 699px) {
326
- font-weight: 500;
327
- line-height: 17px;
328
- }
295
+ font-style: normal;
296
+ font-display: swap;
329
297
  }
330
298
 
331
- /* Caption Text */
332
- .typography_captiontext__91UFb {
333
- margin: 0;
334
- font-family: var(--font-family-sans);
335
- font-weight: 400;
336
- font-size: 17px;
337
- line-height: 24px;
338
- letter-spacing: -0.5px;
299
+ @font-face {
300
+ font-family: 'GreyLLTT';
301
+ src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Medium.woff2') format('woff2');
302
+ font-weight: 500;
303
+ font-style: normal;
304
+ font-display: swap;
305
+ }
339
306
 
340
- @media (max-width: 699px) {
341
- font-size: 14px;
342
- line-height: 20px;
343
- letter-spacing: -0.2px;
344
- }
307
+ @font-face {
308
+ font-family: 'GreyLLTT';
309
+ src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Bold.woff2') format('woff2');
310
+ font-weight: 700;
311
+ font-style: normal;
312
+ font-display: swap;
345
313
  }
346
314
 
347
- /* Navigation Text */
348
- .typography_navigationtext__YfGf7 {
349
- margin: 0;
350
- font-family: var(--font-family-sans);
351
- font-size: 19px;
352
- line-height: 19px;
353
- letter-spacing: 0.4px;
315
+ @font-face {
316
+ font-family: 'VictorSerif';
317
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
318
+ format('woff2');
354
319
  font-weight: 500;
320
+ font-style: normal;
321
+ font-display: swap;
322
+ }
355
323
 
356
- @media (max-width: 699px) {
357
- font-size: 17px;
358
- line-height: 17px;
359
- }
324
+ @font-face {
325
+ font-family: 'VictorSerif';
326
+ src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
327
+ format('woff2');
328
+ font-weight: 500;
329
+ font-style: italic;
330
+ font-display: swap;
360
331
  }
361
332
 
362
333
  .core-theme-module_coreTheme__pWxYB {