@royaloperahouse/harmonic 0.1.1-a-test → 0.1.1-b-test

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 (5) hide show
  1. package/dist/harmonic.cjs.development.css +51 -27
  2. package/dist/harmonic.cjs.production.min.js +1 -1
  3. package/dist/harmonic.cjs.production.min.js.map +1 -1
  4. package/dist/harmonic.esm.js +1 -1
  5. package/package.json +2 -2
package/dist/harmonic.cjs.development.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --text-link-underline-offset: 4px;
9
9
  }
10
10
 
11
- /* ~~~~~ Colour Classes ~~~~~ */
11
+ /* ~~~~~ Color Classes ~~~~~ */
12
12
  .styles_color-black__a05Fo {
13
13
  color: var(--harmonic-black);
14
14
  }
@@ -17,11 +17,12 @@
17
17
  color: var(--harmonic-red)
18
18
  }
19
19
 
20
- /* ~~~~~ Device media queries ~~~~~ */
21
- /* mobile */
20
+
21
+ /* ~~~~~ Mobile ~~~~~ */
22
+
22
23
  @media (max-width: 600px) {
23
24
 
24
- /* mobile letter spacing */
25
+ /* ~~~ Letter Spacing - Mobile ~~~ */
25
26
  .styles_display__VgnTB.styles_large__vqVxY, .styles_display__VgnTB.styles_small__e7YDe {
26
27
  letter-spacing: -1.5px;
27
28
  }
@@ -30,7 +31,7 @@
30
31
  letter-spacing: -0.75px;
31
32
  }
32
33
 
33
- .styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM , .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_captiontext__-TA6x {
34
+ .styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_captiontext__-TA6x {
34
35
  letter-spacing: -0.5px;
35
36
  }
36
37
 
@@ -54,60 +55,80 @@
54
55
  /* Header */
55
56
  .styles_header__UDH-H.styles_large__vqVxY {
56
57
  font-size: 28px;
58
+ line-height: 34px;
57
59
  }
58
60
 
59
61
  .styles_header__UDH-H.styles_medium__WQPZj {
60
62
  font-size: 24px;
63
+ line-height: 28px;
61
64
  }
62
65
 
63
66
  .styles_header__UDH-H.styles_small__e7YDe {
64
67
  font-size: 20px;
68
+ line-height: 26px;
65
69
  }
66
70
 
67
71
  /* Subtitle */
68
72
  .styles_subtitle__os3DH.styles_large__vqVxY {
69
73
  font-size: 17px;
74
+ line-height: 24px;
70
75
  }
71
76
 
72
77
  .styles_subtitle__os3DH.styles_small__e7YDe {
73
78
  font-size: 14px;
79
+ line-height: 20px;
74
80
  }
75
81
 
76
82
  /* Body Copy */
77
83
  .styles_bodycopy__uEx9r.styles_large__vqVxY {
78
84
  font-size: 17px;
85
+ line-height: 24px;
79
86
  }
80
87
 
81
88
  .styles_bodycopy__uEx9r.styles_medium__WQPZj {
82
89
  font-size: 14px;
90
+ line-height: 20px;
83
91
  }
84
92
 
85
93
  .styles_bodycopy__uEx9r.styles_small__e7YDe {
86
94
  font-size: 11px;
95
+ line-height: 16px;
87
96
  }
88
97
 
89
98
  /* Overline */
90
99
  .styles_overline__5xGDa.styles_large__vqVxY {
91
100
  font-size: 14px;
101
+ line-height: 17px;
92
102
  }
93
103
 
94
104
  .styles_overline__5xGDa.styles_small__e7YDe {
95
105
  font-size: 12px;
106
+ line-height: 14px;
96
107
  }
97
108
 
98
109
  /* Caption */
99
110
  .styles_captiontext__-TA6x {
100
111
  font-size: 14px;
112
+ line-height: 17px;
113
+ }
114
+
115
+ /* Navigation Text */
116
+ .styles_navigationtext__qnnIo {
117
+ font-size: 14px;
118
+ line-height: 17px;
101
119
  }
102
120
 
103
121
  /* Text Link */
104
122
  .styles_textlinkharmonic__S77lE {
105
123
  font-size: 14px;
124
+ line-height: 14px;
106
125
  }
107
126
  }
108
127
 
109
- /* ~~~~~ Letter Spacing Desktop ~~~~~ */
110
128
 
129
+ /* ~~~~~ Desktop ~~~~~~*/
130
+
131
+ /* ~~~ Letter Spacing - Desktop ~~~ */
111
132
  .styles_display__VgnTB.styles_large__vqVxY {
112
133
  letter-spacing: -5px;
113
134
  }
@@ -121,7 +142,7 @@
121
142
  }
122
143
 
123
144
  .styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe {
124
- letter-spacing: -3px;
145
+ letter-spacing: -3px;
125
146
  }
126
147
 
127
148
  .styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO {
@@ -141,8 +162,7 @@
141
162
  }
142
163
 
143
164
 
144
- /* ~~~~~ Display Headers ~~~~~ */
145
-
165
+ /* ~~~ Display Headers - 1 (Large) , 2 (Small) ~~~ */
146
166
  .styles_display__VgnTB {
147
167
  font-family: var(--font-family-sans);
148
168
  font-weight: 700;
@@ -164,8 +184,7 @@
164
184
  }
165
185
 
166
186
 
167
- /* ~~~~~ Header - H1 , H2 , H3 ~~~~~ */
168
-
187
+ /* ~~~ Header - 1 (Large) , 2 (Medium) , 3 (Small) ~~~ */
169
188
  .styles_header__UDH-H {
170
189
  font-family: var(--font-family-sans);
171
190
  font-weight: 500;
@@ -179,20 +198,21 @@
179
198
 
180
199
  .styles_header__UDH-H.styles_large__vqVxY {
181
200
  font-size: 44px;
201
+ line-height: 48px;
182
202
  }
183
203
 
184
204
  .styles_header__UDH-H.styles_medium__WQPZj {
185
205
  font-size: 34px;
206
+ line-height: 40px;
186
207
  }
187
208
 
188
209
  .styles_header__UDH-H.styles_small__e7YDe {
189
210
  font-size: 26px;
211
+ line-height: 32px;
190
212
  }
191
213
 
192
214
 
193
-
194
- /* ~~~~~ Subtitle ~~~~~ */
195
-
215
+ /* ~~~ Subtitle ~~~ */
196
216
  .styles_subtitle__os3DH {
197
217
  font-family: var(--font-family-sans);
198
218
  font-weight: 500;
@@ -200,15 +220,16 @@
200
220
 
201
221
  .styles_subtitle__os3DH.styles_large__vqVxY {
202
222
  font-size: 19px;
223
+ line-height: 26px;
203
224
  }
204
225
 
205
226
  .styles_subtitle__os3DH.styles_small__e7YDe {
206
227
  font-size: 17px;
228
+ line-height: 24px;
207
229
  }
208
230
 
209
231
 
210
- /* ~~~~~ Body copy ~~~~~ */
211
-
232
+ /* ~~~ Body copy ~~~ */
212
233
  .styles_bodycopy__uEx9r {
213
234
  font-family: var(--font-family-sans);
214
235
  font-weight: 400;
@@ -216,19 +237,21 @@
216
237
 
217
238
  .styles_bodycopy__uEx9r.styles_large__vqVxY {
218
239
  font-size: 19px;
240
+ line-height: 26px;
219
241
  }
220
242
 
221
243
  .styles_bodycopy__uEx9r.styles_medium__WQPZj {
222
244
  font-size: 17px;
245
+ line-height: 24px;
223
246
  }
224
247
 
225
248
  .styles_bodycopy__uEx9r.styles_small__e7YDe {
226
249
  font-size: 14px;
250
+ line-height: 20px;
227
251
  }
228
252
 
229
253
 
230
- /* ~~~~~ Overline ~~~~~ */
231
-
254
+ /* ~~~ Overline ~~~ */
232
255
  .styles_overline__5xGDa {
233
256
  font-family: var(--font-family-sans);
234
257
  font-weight: 500;
@@ -237,44 +260,44 @@
237
260
 
238
261
  .styles_overline__5xGDa.styles_large__vqVxY {
239
262
  font-size: 14px;
263
+ line-height: 18px;
240
264
  }
241
265
 
242
266
  .styles_overline__5xGDa.styles_small__e7YDe {
243
267
  font-size: 12px;
268
+ line-height: 14px;
244
269
  }
245
270
 
246
- /* ~~~~~ Button text ~~~~~ */
247
271
 
272
+ /* ~~~ Button text ~~~ */
248
273
  .styles_buttontext__UPumF {
249
274
  font-family: var(--font-family-sans);
250
275
  font-weight: 400;
251
276
  font-size: 17px;
277
+ line-height: 20px;
252
278
  }
253
279
 
254
280
 
255
- /* ~~~~~ Caption text ~~~~~ */
256
-
281
+ /* ~~~ Caption text ~~~ */
257
282
  .styles_captiontext__-TA6x {
258
283
  font-size: 17px;
259
284
  font-weight: 400;
260
285
  font-style: italic;
261
- line-height: auto;
286
+ line-height: 24px;
262
287
  }
263
288
 
264
289
 
265
- /* ~~~~~ Navigation text ~~~~~ */
266
-
290
+ /* ~~~ Navigation text ~~~ */
267
291
  .styles_navigationtext__qnnIo {
268
292
  font-family: var(--font-family-sans);
269
293
  font-size: 17px;
270
294
  font-weight: 500;
271
295
  text-transform: uppercase;
272
- line-height: auto;
296
+ line-height: 17px;
273
297
  }
274
298
 
275
299
 
276
- /* ~~~~~ Text link ~~~~~ */
277
-
300
+ /* ~~~ Text link ~~~ */
278
301
  .styles_textlinkharmonic__S77lE {
279
302
  font-family: var(--font-family-sans);
280
303
  font-weight: 500;
@@ -287,6 +310,7 @@
287
310
  align-items: center;
288
311
  cursor: pointer;
289
312
  text-decoration: none;
313
+ line-height: 14px;
290
314
  }
291
315
 
292
316
  /* Typography.css */