oasys-lib 1.38.2 → 1.38.3

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bloomandwild/variables.css +363 -1
  3. package/src/assets/bloomon/variables.css +361 -1
  4. package/src/assets/global/scss-breakpoints.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "1.38.2",
3
+ "version": "1.38.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.3.0",
6
6
  "@angular/core": "^14.3.0"
package/src/assets/bloomandwild/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 03 Aug 2023 12:31:57 GMT
3
+ * Generated on Thu, 03 Aug 2023 15:29:55 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild {
@@ -50,6 +50,38 @@
50
50
  --oasys-color-grey-90: rgb(38, 38, 38);
51
51
  --oasys-color-white: rgb(255, 255, 255);
52
52
  --oasys-color-transparent: rgba(0, 0, 0, 0);
53
+ --oasys-color-brand-foreground-primary: rgb(38, 38, 38);
54
+ --oasys-color-brand-foreground-secondary: rgb(83, 78, 70);
55
+ --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
56
+ --oasys-color-brand-foreground-secondary-on-dark: rgb(226, 224, 220);
57
+ --oasys-color-brand-foreground-discount: rgb(201, 17, 17);
58
+ --oasys-color-brand-border-primary: rgb(38, 38, 38);
59
+ --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
60
+ --oasys-color-brand-border-secondary: rgb(226, 224, 220);
61
+ --oasys-color-brand-background-primary: rgb(255, 255, 255);
62
+ --oasys-color-brand-background-secondary: rgb(249, 236, 215);
63
+ --oasys-color-brand-background-tertiary: rgb(68, 121, 100);
64
+ --oasys-color-brand-background-quaternary: rgb(45, 84, 67);
65
+ --oasys-color-brand-background-highlight: rgb(253, 248, 136);
66
+ --oasys-color-interaction-foreground-primary: rgb(38, 38, 38);
67
+ --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
68
+ --oasys-color-interaction-foreground-selected: rgb(38, 38, 38);
69
+ --oasys-color-interaction-foreground-disabled: rgb(148, 139, 126);
70
+ --oasys-color-interaction-background-primary: rgb(38, 38, 38);
71
+ --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
72
+ --oasys-color-interaction-background-expressive: rgb(253, 248, 136);
73
+ --oasys-color-interaction-background-selected: rgb(252, 245, 234);
74
+ --oasys-color-interaction-background-disabled: rgb(242, 241, 239);
75
+ --oasys-color-interaction-background-danger: rgb(201, 17, 17);
76
+ --oasys-color-interaction-border-selected: rgb(38, 38, 38);
77
+ --oasys-color-interaction-border-selectable: rgb(226, 224, 220);
78
+ --oasys-color-interaction-border-focus: rgb(83, 143, 252);
79
+ --oasys-color-system-foreground-neutral: rgb(255, 255, 255);
80
+ --oasys-color-system-foreground-positive: rgb(68, 121, 100);
81
+ --oasys-color-system-foreground-negative: rgb(201, 17, 17);
82
+ --oasys-color-system-background-neutral: rgb(242, 241, 239);
83
+ --oasys-color-system-background-positive: rgb(240, 246, 244);
84
+ --oasys-color-system-background-negative: rgb(251, 234, 234);
53
85
  --oasys-size-unit-0: 0;
54
86
  --oasys-size-unit-1: 0.1rem;
55
87
  --oasys-size-unit-2: 0.2rem;
@@ -127,6 +159,222 @@
127
159
  --oasys-typography-text-decoration-none: none;
128
160
  --oasys-typography-text-decoration-line-through: line-through;
129
161
  --oasys-typography-paragraph-indent-0: 0;
162
+ --oasys-typography-body-body-font-family: 'Unica 77 LL TT';
163
+ --oasys-typography-body-body-font-weight: 400;
164
+ --oasys-typography-body-body-line-height: 2.4rem;
165
+ --oasys-typography-body-body-font-size: 1.6rem;
166
+ --oasys-typography-body-body-letter-spacing: 0;
167
+ --oasys-typography-body-body-paragraph-spacing: 1.2rem;
168
+ --oasys-typography-body-body-paragraph-indent: 0;
169
+ --oasys-typography-body-body-text-case: none;
170
+ --oasys-typography-body-body-text-decoration: none;
171
+ --oasys-typography-body-supporting-font-family: 'Unica 77 LL TT';
172
+ --oasys-typography-body-supporting-font-weight: 400;
173
+ --oasys-typography-body-supporting-line-height: 2rem;
174
+ --oasys-typography-body-supporting-font-size: 1.4rem;
175
+ --oasys-typography-body-supporting-letter-spacing: 0;
176
+ --oasys-typography-body-supporting-paragraph-spacing: 1.2rem;
177
+ --oasys-typography-body-supporting-paragraph-indent: 0;
178
+ --oasys-typography-body-supporting-text-case: none;
179
+ --oasys-typography-body-supporting-text-decoration: none;
180
+ --oasys-typography-body-hero-font-family: 'Unica 77 LL TT';
181
+ --oasys-typography-body-hero-font-weight: 400;
182
+ --oasys-typography-body-hero-line-height: 3.2rem;
183
+ --oasys-typography-body-hero-font-size: 2rem;
184
+ --oasys-typography-body-hero-letter-spacing: 0;
185
+ --oasys-typography-body-hero-paragraph-spacing: 1.6rem;
186
+ --oasys-typography-body-hero-paragraph-indent: 0;
187
+ --oasys-typography-body-hero-text-case: none;
188
+ --oasys-typography-body-hero-text-decoration: none;
189
+ --oasys-typography-body-expressive-font-family: 'Tiempos Headline';
190
+ --oasys-typography-body-expressive-font-weight: 700;
191
+ --oasys-typography-body-expressive-line-height: 3.2rem;
192
+ --oasys-typography-body-expressive-font-size: 2.4rem;
193
+ --oasys-typography-body-expressive-letter-spacing: 0;
194
+ --oasys-typography-body-expressive-paragraph-spacing: 1.6rem;
195
+ --oasys-typography-body-expressive-paragraph-indent: 0;
196
+ --oasys-typography-body-expressive-text-case: none;
197
+ --oasys-typography-body-expressive-text-decoration: none;
198
+ --oasys-typography-body-emphasis-hero-font-family: 'Unica 77 LL TT';
199
+ --oasys-typography-body-emphasis-hero-font-weight: 500;
200
+ --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
201
+ --oasys-typography-body-emphasis-hero-font-size: 2rem;
202
+ --oasys-typography-body-emphasis-hero-letter-spacing: 0;
203
+ --oasys-typography-body-emphasis-hero-paragraph-spacing: 1.2rem;
204
+ --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
205
+ --oasys-typography-body-emphasis-hero-text-case: none;
206
+ --oasys-typography-body-emphasis-hero-text-decoration: none;
207
+ --oasys-typography-body-emphasis-body-font-family: 'Unica 77 LL TT';
208
+ --oasys-typography-body-emphasis-body-font-weight: 500;
209
+ --oasys-typography-body-emphasis-body-line-height: 2.4rem;
210
+ --oasys-typography-body-emphasis-body-font-size: 1.6rem;
211
+ --oasys-typography-body-emphasis-body-letter-spacing: 0;
212
+ --oasys-typography-body-emphasis-body-paragraph-spacing: 1.2rem;
213
+ --oasys-typography-body-emphasis-body-paragraph-indent: 0;
214
+ --oasys-typography-body-emphasis-body-text-case: none;
215
+ --oasys-typography-body-emphasis-body-text-decoration: none;
216
+ --oasys-typography-body-emphasis-supporting-font-family: 'Unica 77 LL TT';
217
+ --oasys-typography-body-emphasis-supporting-font-weight: 500;
218
+ --oasys-typography-body-emphasis-supporting-line-height: 2rem;
219
+ --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
220
+ --oasys-typography-body-emphasis-supporting-letter-spacing: 0;
221
+ --oasys-typography-body-emphasis-supporting-paragraph-spacing: 1.2rem;
222
+ --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
223
+ --oasys-typography-body-emphasis-supporting-text-case: none;
224
+ --oasys-typography-body-emphasis-supporting-text-decoration: none;
225
+ --oasys-typography-body-emphasis-line-through-hero-font-family: 'Unica 77 LL TT';
226
+ --oasys-typography-body-emphasis-line-through-hero-font-weight: 500;
227
+ --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
228
+ --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
229
+ --oasys-typography-body-emphasis-line-through-hero-letter-spacing: 0;
230
+ --oasys-typography-body-emphasis-line-through-hero-paragraph-spacing: 1.6rem;
231
+ --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
232
+ --oasys-typography-body-emphasis-line-through-hero-text-case: none;
233
+ --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
234
+ --oasys-typography-body-emphasis-line-through-body-font-family: 'Unica 77 LL TT';
235
+ --oasys-typography-body-emphasis-line-through-body-font-weight: 500;
236
+ --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
237
+ --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
238
+ --oasys-typography-body-emphasis-line-through-body-letter-spacing: 0;
239
+ --oasys-typography-body-emphasis-line-through-body-paragraph-spacing: 1.2rem;
240
+ --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
241
+ --oasys-typography-body-emphasis-line-through-body-text-case: none;
242
+ --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
243
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: 'Unica 77 LL TT';
244
+ --oasys-typography-body-emphasis-line-through-supporting-font-weight: 500;
245
+ --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
246
+ --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
247
+ --oasys-typography-body-emphasis-line-through-supporting-letter-spacing: 0;
248
+ --oasys-typography-body-emphasis-line-through-supporting-paragraph-spacing: 1.2rem;
249
+ --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
250
+ --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
251
+ --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
252
+ --oasys-typography-body-line-through-hero-font-family: 'Unica 77 LL TT';
253
+ --oasys-typography-body-line-through-hero-font-weight: 400;
254
+ --oasys-typography-body-line-through-hero-line-height: 3.2rem;
255
+ --oasys-typography-body-line-through-hero-font-size: 2rem;
256
+ --oasys-typography-body-line-through-hero-letter-spacing: 0;
257
+ --oasys-typography-body-line-through-hero-paragraph-spacing: 1.6rem;
258
+ --oasys-typography-body-line-through-hero-paragraph-indent: 0;
259
+ --oasys-typography-body-line-through-hero-text-case: none;
260
+ --oasys-typography-body-line-through-hero-text-decoration: line-through;
261
+ --oasys-typography-body-line-through-body-font-family: 'Unica 77 LL TT';
262
+ --oasys-typography-body-line-through-body-font-weight: 400;
263
+ --oasys-typography-body-line-through-body-line-height: 2.4rem;
264
+ --oasys-typography-body-line-through-body-font-size: 1.6rem;
265
+ --oasys-typography-body-line-through-body-letter-spacing: 0;
266
+ --oasys-typography-body-line-through-body-paragraph-spacing: 1.2rem;
267
+ --oasys-typography-body-line-through-body-paragraph-indent: 0;
268
+ --oasys-typography-body-line-through-body-text-case: none;
269
+ --oasys-typography-body-line-through-body-text-decoration: line-through;
270
+ --oasys-typography-body-line-through-supporting-font-family: 'Unica 77 LL TT';
271
+ --oasys-typography-body-line-through-supporting-font-weight: 400;
272
+ --oasys-typography-body-line-through-supporting-line-height: 2rem;
273
+ --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
274
+ --oasys-typography-body-line-through-supporting-letter-spacing: 0;
275
+ --oasys-typography-body-line-through-supporting-paragraph-spacing: 1.2rem;
276
+ --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
277
+ --oasys-typography-body-line-through-supporting-text-case: none;
278
+ --oasys-typography-body-line-through-supporting-text-decoration: line-through;
279
+ --oasys-typography-heading-hero-desktop-font-family: 'Tiempos Headline';
280
+ --oasys-typography-heading-hero-desktop-font-weight: 700;
281
+ --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
282
+ --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
283
+ --oasys-typography-heading-hero-desktop-letter-spacing: 0;
284
+ --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem;
285
+ --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
286
+ --oasys-typography-heading-hero-desktop-text-case: none;
287
+ --oasys-typography-heading-hero-desktop-text-decoration: none;
288
+ --oasys-typography-heading-hero-mobile-font-family: 'Tiempos Headline';
289
+ --oasys-typography-heading-hero-mobile-font-weight: 700;
290
+ --oasys-typography-heading-hero-mobile-line-height: 4rem;
291
+ --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
292
+ --oasys-typography-heading-hero-mobile-letter-spacing: 0;
293
+ --oasys-typography-heading-hero-mobile-paragraph-spacing: 1.6rem;
294
+ --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
295
+ --oasys-typography-heading-hero-mobile-text-case: none;
296
+ --oasys-typography-heading-hero-mobile-text-decoration: none;
297
+ --oasys-typography-heading-primary-desktop-font-family: 'Tiempos Headline';
298
+ --oasys-typography-heading-primary-desktop-font-weight: 700;
299
+ --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
300
+ --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
301
+ --oasys-typography-heading-primary-desktop-letter-spacing: 0;
302
+ --oasys-typography-heading-primary-desktop-paragraph-spacing: 3.2rem;
303
+ --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
304
+ --oasys-typography-heading-primary-desktop-text-case: none;
305
+ --oasys-typography-heading-primary-desktop-text-decoration: none;
306
+ --oasys-typography-heading-primary-mobile-font-family: 'Tiempos Headline';
307
+ --oasys-typography-heading-primary-mobile-font-weight: 700;
308
+ --oasys-typography-heading-primary-mobile-line-height: 4rem;
309
+ --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
310
+ --oasys-typography-heading-primary-mobile-letter-spacing: 0;
311
+ --oasys-typography-heading-primary-mobile-paragraph-spacing: 2.4rem;
312
+ --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
313
+ --oasys-typography-heading-primary-mobile-text-case: none;
314
+ --oasys-typography-heading-primary-mobile-text-decoration: none;
315
+ --oasys-typography-heading-secondary-font-family: 'Tiempos Headline';
316
+ --oasys-typography-heading-secondary-font-weight: 700;
317
+ --oasys-typography-heading-secondary-line-height: 4rem;
318
+ --oasys-typography-heading-secondary-font-size: 3.2rem;
319
+ --oasys-typography-heading-secondary-letter-spacing: 0;
320
+ --oasys-typography-heading-secondary-paragraph-spacing: 2.4rem;
321
+ --oasys-typography-heading-secondary-paragraph-indent: 0;
322
+ --oasys-typography-heading-secondary-text-case: none;
323
+ --oasys-typography-heading-secondary-text-decoration: none;
324
+ --oasys-typography-heading-func-primary-desktop-font-family: 'Unica 77 LL TT';
325
+ --oasys-typography-heading-func-primary-desktop-font-weight: 500;
326
+ --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
327
+ --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
328
+ --oasys-typography-heading-func-primary-desktop-letter-spacing: 0;
329
+ --oasys-typography-heading-func-primary-desktop-paragraph-spacing: 2.4rem;
330
+ --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
331
+ --oasys-typography-heading-func-primary-desktop-text-case: none;
332
+ --oasys-typography-heading-func-primary-desktop-text-decoration: none;
333
+ --oasys-typography-heading-func-primary-mobile-font-family: 'Unica 77 LL TT';
334
+ --oasys-typography-heading-func-primary-mobile-font-weight: 500;
335
+ --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
336
+ --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
337
+ --oasys-typography-heading-func-primary-mobile-letter-spacing: 0;
338
+ --oasys-typography-heading-func-primary-mobile-paragraph-spacing: 1.6rem;
339
+ --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
340
+ --oasys-typography-heading-func-primary-mobile-text-case: none;
341
+ --oasys-typography-heading-func-primary-mobile-text-decoration: none;
342
+ --oasys-typography-heading-func-secondary-desktop-font-family: 'Unica 77 LL TT';
343
+ --oasys-typography-heading-func-secondary-desktop-font-weight: 500;
344
+ --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
345
+ --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
346
+ --oasys-typography-heading-func-secondary-desktop-letter-spacing: 0;
347
+ --oasys-typography-heading-func-secondary-desktop-paragraph-spacing: 1.6rem;
348
+ --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
349
+ --oasys-typography-heading-func-secondary-desktop-text-case: none;
350
+ --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
351
+ --oasys-typography-heading-func-secondary-mobile-font-family: 'Unica 77 LL TT';
352
+ --oasys-typography-heading-func-secondary-mobile-font-weight: 500;
353
+ --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
354
+ --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
355
+ --oasys-typography-heading-func-secondary-mobile-letter-spacing: 0;
356
+ --oasys-typography-heading-func-secondary-mobile-paragraph-spacing: 1.2rem;
357
+ --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
358
+ --oasys-typography-heading-func-secondary-mobile-text-case: none;
359
+ --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
360
+ --oasys-typography-heading-label-primary-font-family: 'Unica 77 LL TT';
361
+ --oasys-typography-heading-label-primary-font-weight: 500;
362
+ --oasys-typography-heading-label-primary-line-height: 2.4rem;
363
+ --oasys-typography-heading-label-primary-font-size: 1.8rem;
364
+ --oasys-typography-heading-label-primary-letter-spacing: 0;
365
+ --oasys-typography-heading-label-primary-paragraph-spacing: 1.2rem;
366
+ --oasys-typography-heading-label-primary-paragraph-indent: 0;
367
+ --oasys-typography-heading-label-primary-text-case: none;
368
+ --oasys-typography-heading-label-primary-text-decoration: none;
369
+ --oasys-typography-heading-label-secondary-font-family: 'Unica 77 LL TT';
370
+ --oasys-typography-heading-label-secondary-font-weight: 500;
371
+ --oasys-typography-heading-label-secondary-line-height: 2rem;
372
+ --oasys-typography-heading-label-secondary-font-size: 1.4rem;
373
+ --oasys-typography-heading-label-secondary-letter-spacing: 0;
374
+ --oasys-typography-heading-label-secondary-paragraph-spacing: 1.2rem;
375
+ --oasys-typography-heading-label-secondary-paragraph-indent: 0;
376
+ --oasys-typography-heading-label-secondary-text-case: none;
377
+ --oasys-typography-heading-label-secondary-text-decoration: none;
130
378
  --oasys-prose-vertical-adjustment-heading-primary-small-top: 1.4rem;
131
379
  --oasys-prose-vertical-adjustment-heading-primary-small-bottom: 0.2rem;
132
380
  --oasys-prose-vertical-adjustment-heading-primary-large-top: 1.5rem;
@@ -143,4 +391,118 @@
143
391
  --oasys-border-width-primary: 0.1rem;
144
392
  --oasys-border-width-focus: 0.2rem;
145
393
  --oasys-border-width-focus-offset: 0.4rem;
394
+ --oasys-utility-brand: B&W;
395
+ --oasys-utility-brand-slug: bloomandwild;
396
+ --oasys-spacing-section: 6.4rem;
397
+ --oasys-spacing-expanded: 4.8rem;
398
+ --oasys-spacing-tiny: 0.4rem;
399
+ --oasys-spacing-near: 1.2rem;
400
+ --oasys-spacing-tight: 0.8rem;
401
+ --oasys-spacing-default: 2.4rem;
402
+ --oasys-radius-round: 99.9rem;
403
+ --oasys-radius-layout: 0.4rem;
404
+ --oasys-radius-soften: 0.2rem;
405
+ --oasys-gutter-large: 4.8rem;
406
+ --oasys-gutter-small: 2.4rem;
407
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
408
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
409
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
410
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
411
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
412
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
413
+ --oasys-component-banner-spacing-mobile: default;
414
+ --oasys-component-box-on-dark-core-primary: on-light;
415
+ --oasys-component-box-on-dark-core-secondary: on-light;
416
+ --oasys-component-box-on-dark-core-tertiary: on-dark;
417
+ --oasys-component-box-on-dark-core-quaternary: on-dark;
418
+ --oasys-component-box-on-dark-tint-highlight: on-light;
419
+ --oasys-component-button-size-large-font-size: 1.8rem;
420
+ --oasys-component-button-size-large-inset-x: 1.9rem;
421
+ --oasys-component-button-size-large-inset-y: 1.3rem;
422
+ --oasys-component-button-size-large-icon-only-width: 4.8rem;
423
+ --oasys-component-button-size-small-font-size: 1.6rem;
424
+ --oasys-component-button-size-small-inset-x: 1.1rem;
425
+ --oasys-component-button-size-small-inset-y: 0.5rem;
426
+ --oasys-component-button-size-small-icon-only-width: 3.2rem;
427
+ --oasys-component-button-border-radius: 0.2rem;
428
+ --oasys-component-button-text-transform: none;
429
+ --oasys-component-button-content-stack: 0.8rem;
430
+ --oasys-component-button-content-height: 2rem;
431
+ --oasys-component-button-color-primary-background: rgb(38, 38, 38);
432
+ --oasys-component-button-color-primary-border: rgb(38, 38, 38);
433
+ --oasys-component-button-color-primary-text: rgb(255, 255, 255);
434
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
435
+ --oasys-component-button-color-secondary-border: rgb(38, 38, 38);
436
+ --oasys-component-button-color-secondary-text: rgb(38, 38, 38);
437
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
438
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
439
+ --oasys-component-button-color-tertiary-text: rgb(38, 38, 38);
440
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
441
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
442
+ --oasys-component-button-color-primary-inverse-text: rgb(38, 38, 38);
443
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
444
+ --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
445
+ --oasys-component-button-color-secondary-inverse-text: rgb(255, 255, 255);
446
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
447
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
448
+ --oasys-component-button-color-tertiary-inverse-text: rgb(255, 255, 255);
449
+ --oasys-component-button-color-expressive-background: rgb(253, 248, 136);
450
+ --oasys-component-button-color-expressive-border: rgb(253, 248, 136);
451
+ --oasys-component-button-color-expressive-text: rgb(38, 38, 38);
452
+ --oasys-component-button-color-danger-background: rgb(201, 17, 17);
453
+ --oasys-component-button-color-danger-border: rgb(201, 17, 17);
454
+ --oasys-component-button-color-danger-text: rgb(255, 255, 255);
455
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
456
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
457
+ --oasys-component-button-color-facebook-text: rgb(255, 255, 255);
458
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
459
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
460
+ --oasys-component-button-color-paypal-text: rgb(38, 38, 38);
461
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
462
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
463
+ --oasys-component-button-color-trustpilot-text: rgb(255, 255, 255);
464
+ --oasys-component-button-color-disabled-background: rgb(242, 241, 239);
465
+ --oasys-component-button-color-disabled-border: rgb(242, 241, 239);
466
+ --oasys-component-button-color-disabled-text: rgb(148, 139, 126);
467
+ --oasys-component-button-letter-spacing: 0;
468
+ --oasys-component-button-font-weight: 500;
469
+ --oasys-component-button-line-height: 1.6rem;
470
+ --oasys-component-button-border-width: 0.1rem;
471
+ --oasys-component-button-opacity-overlay-hover: 0.08;
472
+ --oasys-component-button-opacity-overlay-focus: 0.16;
473
+ --oasys-component-card-aspect-ratio-square: 1/1;
474
+ --oasys-component-card-aspect-ratio-portrait: 14/19;
475
+ --oasys-component-card-aspect-ratio-landscape: 16/9;
476
+ --oasys-component-checkbox-icon-inset: 0.2rem;
477
+ --oasys-component-checkbox-icon-size-primary: 1.8rem;
478
+ --oasys-component-checkbox-icon-size-secondary: 1.4rem;
479
+ --oasys-component-heading-alignment-default: center;
480
+ --oasys-component-heading-alignment-functional: start;
481
+ --oasys-component-heading-gap-default: default;
482
+ --oasys-component-heading-gap-primary: near;
483
+ --oasys-component-heading-gap-secondary: near;
484
+ --oasys-component-heading-gap-functional: tight;
485
+ --oasys-component-hero-actions-alignment: center;
486
+ --oasys-component-hero-inset-spacing-large: expanded;
487
+ --oasys-component-hero-inset-spacing-small: default;
488
+ --oasys-component-price-weight-hero: 500;
489
+ --oasys-component-price-weight-primary: 500;
490
+ --oasys-component-price-weight-supporting: 500;
491
+ --oasys-component-price-color-price-after-discount: rgb(201, 17, 17);
492
+ --oasys-component-promo-card-image-aspect-ratio: 5/4;
493
+ --oasys-component-promo-card-heading-alignment: center;
494
+ --oasys-component-radio-icon-inset: 0.6rem;
495
+ --oasys-component-radio-icon-size-primary: 1rem;
496
+ --oasys-component-radio-icon-size-secondary: 0.6rem;
497
+ --oasys-component-section-inset-spacing-container-small: default;
498
+ --oasys-component-section-inset-spacing-container-large: expanded;
499
+ --oasys-component-section-inset-spacing-content-small-spotlight: default;
500
+ --oasys-component-section-inset-spacing-content-small-inform: none;
501
+ --oasys-component-section-inset-spacing-content-large-spotlight: expanded;
502
+ --oasys-component-section-inset-spacing-content-large-inform: default;
503
+ --oasys-component-section-image-aspect-ratio-spotlight: 1:1;
504
+ --oasys-component-section-image-aspect-ratio-inform: 5:3;
505
+ --oasys-component-text-input-preface-width: 5.6rem;
506
+ --oasys-component-text-input-color-disabled-background: rgb(242, 241, 239);
507
+ --oasys-component-text-input-color-disabled-foreground: rgb(148, 139, 126);
146
508
  }
package/src/assets/bloomon/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 03 Aug 2023 12:31:57 GMT
3
+ * Generated on Thu, 03 Aug 2023 15:29:55 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon {
@@ -50,6 +50,38 @@
50
50
  --oasys-color-grey-90: rgb(38, 38, 38);
51
51
  --oasys-color-white: rgb(255, 255, 255);
52
52
  --oasys-color-transparent: rgba(0, 0, 0, 0);
53
+ --oasys-color-brand-foreground-discount: rgb(70, 70, 70);
54
+ --oasys-color-brand-foreground-secondary-on-dark: rgb(255, 255, 255);
55
+ --oasys-color-brand-foreground-primary-on-dark: rgb(255, 255, 255);
56
+ --oasys-color-brand-foreground-secondary: rgb(70, 70, 70);
57
+ --oasys-color-brand-foreground-primary: rgb(70, 70, 70);
58
+ --oasys-color-brand-border-primary: rgb(70, 70, 70);
59
+ --oasys-color-brand-border-primary-on-dark: rgb(255, 255, 255);
60
+ --oasys-color-brand-border-secondary: rgb(226, 224, 220);
61
+ --oasys-color-brand-background-primary: rgb(255, 255, 255);
62
+ --oasys-color-brand-background-highlight: rgb(255, 247, 153);
63
+ --oasys-color-brand-background-quaternary: rgb(216, 144, 120);
64
+ --oasys-color-brand-background-tertiary: rgb(248, 215, 190);
65
+ --oasys-color-brand-background-secondary: rgb(246, 233, 220);
66
+ --oasys-color-interaction-foreground-disabled: rgb(137, 137, 137);
67
+ --oasys-color-interaction-foreground-primary-on-dark: rgb(255, 255, 255);
68
+ --oasys-color-interaction-foreground-selected: rgb(255, 159, 128);
69
+ --oasys-color-interaction-foreground-primary: rgb(70, 70, 70);
70
+ --oasys-color-interaction-background-expressive: rgb(255, 247, 153);
71
+ --oasys-color-interaction-background-primary: rgb(70, 70, 70);
72
+ --oasys-color-interaction-background-primary-on-dark: rgb(255, 255, 255);
73
+ --oasys-color-interaction-background-selected: rgb(255, 248, 244);
74
+ --oasys-color-interaction-background-disabled: rgb(242, 241, 239);
75
+ --oasys-color-interaction-background-danger: rgb(200, 65, 22);
76
+ --oasys-color-interaction-border-selected: rgb(255, 159, 128);
77
+ --oasys-color-interaction-border-selectable: rgb(224, 224, 224);
78
+ --oasys-color-interaction-border-focus: rgb(83, 143, 252);
79
+ --oasys-color-system-foreground-neutral: rgb(255, 255, 255);
80
+ --oasys-color-system-foreground-positive: rgb(68, 121, 100);
81
+ --oasys-color-system-foreground-negative: rgb(201, 17, 17);
82
+ --oasys-color-system-background-neutral: rgb(242, 241, 239);
83
+ --oasys-color-system-background-positive: rgb(240, 246, 244);
84
+ --oasys-color-system-background-negative: rgb(251, 234, 234);
53
85
  --oasys-size-unit-0: 0;
54
86
  --oasys-size-unit-1: 0.1rem;
55
87
  --oasys-size-unit-2: 0.2rem;
@@ -127,6 +159,222 @@
127
159
  --oasys-typography-text-decoration-none: none;
128
160
  --oasys-typography-text-decoration-line-through: line-through;
129
161
  --oasys-typography-paragraph-indent-0: 0;
162
+ --oasys-typography-body-body-font-family: Patron;
163
+ --oasys-typography-body-body-font-weight: 100;
164
+ --oasys-typography-body-body-line-height: 2.4rem;
165
+ --oasys-typography-body-body-font-size: 1.6rem;
166
+ --oasys-typography-body-body-letter-spacing: 0;
167
+ --oasys-typography-body-body-paragraph-spacing: 1.2rem;
168
+ --oasys-typography-body-body-paragraph-indent: 0;
169
+ --oasys-typography-body-body-text-case: none;
170
+ --oasys-typography-body-body-text-decoration: none;
171
+ --oasys-typography-body-supporting-font-family: Patron;
172
+ --oasys-typography-body-supporting-font-weight: 100;
173
+ --oasys-typography-body-supporting-line-height: 2rem;
174
+ --oasys-typography-body-supporting-font-size: 1.4rem;
175
+ --oasys-typography-body-supporting-letter-spacing: 0;
176
+ --oasys-typography-body-supporting-paragraph-spacing: 1.2rem;
177
+ --oasys-typography-body-supporting-paragraph-indent: 0;
178
+ --oasys-typography-body-supporting-text-case: none;
179
+ --oasys-typography-body-supporting-text-decoration: none;
180
+ --oasys-typography-body-hero-font-family: Patron;
181
+ --oasys-typography-body-hero-font-weight: 100;
182
+ --oasys-typography-body-hero-line-height: 3.2rem;
183
+ --oasys-typography-body-hero-font-size: 2rem;
184
+ --oasys-typography-body-hero-letter-spacing: 0;
185
+ --oasys-typography-body-hero-paragraph-spacing: 1.6rem;
186
+ --oasys-typography-body-hero-paragraph-indent: 0;
187
+ --oasys-typography-body-hero-text-case: none;
188
+ --oasys-typography-body-hero-text-decoration: none;
189
+ --oasys-typography-body-expressive-font-family: Patron;
190
+ --oasys-typography-body-expressive-font-weight: 400;
191
+ --oasys-typography-body-expressive-line-height: 3.2rem;
192
+ --oasys-typography-body-expressive-font-size: 2.4rem;
193
+ --oasys-typography-body-expressive-letter-spacing: 0;
194
+ --oasys-typography-body-expressive-paragraph-spacing: 1.6rem;
195
+ --oasys-typography-body-expressive-paragraph-indent: 0;
196
+ --oasys-typography-body-expressive-text-case: none;
197
+ --oasys-typography-body-expressive-text-decoration: none;
198
+ --oasys-typography-body-emphasis-hero-font-family: Patron;
199
+ --oasys-typography-body-emphasis-hero-font-weight: 400;
200
+ --oasys-typography-body-emphasis-hero-line-height: 3.2rem;
201
+ --oasys-typography-body-emphasis-hero-font-size: 2rem;
202
+ --oasys-typography-body-emphasis-hero-letter-spacing: 0;
203
+ --oasys-typography-body-emphasis-hero-paragraph-spacing: 1.6rem;
204
+ --oasys-typography-body-emphasis-hero-paragraph-indent: 0;
205
+ --oasys-typography-body-emphasis-hero-text-case: none;
206
+ --oasys-typography-body-emphasis-hero-text-decoration: none;
207
+ --oasys-typography-body-emphasis-body-font-family: Patron;
208
+ --oasys-typography-body-emphasis-body-font-weight: 400;
209
+ --oasys-typography-body-emphasis-body-line-height: 2.4rem;
210
+ --oasys-typography-body-emphasis-body-font-size: 1.6rem;
211
+ --oasys-typography-body-emphasis-body-letter-spacing: 0;
212
+ --oasys-typography-body-emphasis-body-paragraph-spacing: 1.2rem;
213
+ --oasys-typography-body-emphasis-body-paragraph-indent: 0;
214
+ --oasys-typography-body-emphasis-body-text-case: none;
215
+ --oasys-typography-body-emphasis-body-text-decoration: none;
216
+ --oasys-typography-body-emphasis-supporting-font-family: Patron;
217
+ --oasys-typography-body-emphasis-supporting-font-weight: 400;
218
+ --oasys-typography-body-emphasis-supporting-line-height: 2rem;
219
+ --oasys-typography-body-emphasis-supporting-font-size: 1.4rem;
220
+ --oasys-typography-body-emphasis-supporting-letter-spacing: 0;
221
+ --oasys-typography-body-emphasis-supporting-paragraph-spacing: 1.2rem;
222
+ --oasys-typography-body-emphasis-supporting-paragraph-indent: 0;
223
+ --oasys-typography-body-emphasis-supporting-text-case: none;
224
+ --oasys-typography-body-emphasis-supporting-text-decoration: none;
225
+ --oasys-typography-body-emphasis-line-through-hero-font-family: Patron;
226
+ --oasys-typography-body-emphasis-line-through-hero-font-weight: 400;
227
+ --oasys-typography-body-emphasis-line-through-hero-line-height: 3.2rem;
228
+ --oasys-typography-body-emphasis-line-through-hero-font-size: 2rem;
229
+ --oasys-typography-body-emphasis-line-through-hero-letter-spacing: 0;
230
+ --oasys-typography-body-emphasis-line-through-hero-paragraph-spacing: 3.2rem;
231
+ --oasys-typography-body-emphasis-line-through-hero-paragraph-indent: 0;
232
+ --oasys-typography-body-emphasis-line-through-hero-text-case: none;
233
+ --oasys-typography-body-emphasis-line-through-hero-text-decoration: line-through;
234
+ --oasys-typography-body-emphasis-line-through-body-font-family: Patron;
235
+ --oasys-typography-body-emphasis-line-through-body-font-weight: 400;
236
+ --oasys-typography-body-emphasis-line-through-body-line-height: 2.4rem;
237
+ --oasys-typography-body-emphasis-line-through-body-font-size: 1.6rem;
238
+ --oasys-typography-body-emphasis-line-through-body-letter-spacing: 0;
239
+ --oasys-typography-body-emphasis-line-through-body-paragraph-spacing: 1.2rem;
240
+ --oasys-typography-body-emphasis-line-through-body-paragraph-indent: 0;
241
+ --oasys-typography-body-emphasis-line-through-body-text-case: none;
242
+ --oasys-typography-body-emphasis-line-through-body-text-decoration: line-through;
243
+ --oasys-typography-body-emphasis-line-through-supporting-font-family: Patron;
244
+ --oasys-typography-body-emphasis-line-through-supporting-font-weight: 400;
245
+ --oasys-typography-body-emphasis-line-through-supporting-line-height: 2rem;
246
+ --oasys-typography-body-emphasis-line-through-supporting-font-size: 1.4rem;
247
+ --oasys-typography-body-emphasis-line-through-supporting-letter-spacing: 0;
248
+ --oasys-typography-body-emphasis-line-through-supporting-paragraph-spacing: 2.4rem;
249
+ --oasys-typography-body-emphasis-line-through-supporting-paragraph-indent: 0;
250
+ --oasys-typography-body-emphasis-line-through-supporting-text-case: none;
251
+ --oasys-typography-body-emphasis-line-through-supporting-text-decoration: line-through;
252
+ --oasys-typography-body-line-through-hero-font-family: Patron;
253
+ --oasys-typography-body-line-through-hero-font-weight: 100;
254
+ --oasys-typography-body-line-through-hero-line-height: 3.2rem;
255
+ --oasys-typography-body-line-through-hero-font-size: 2rem;
256
+ --oasys-typography-body-line-through-hero-letter-spacing: 0;
257
+ --oasys-typography-body-line-through-hero-paragraph-spacing: 1.6rem;
258
+ --oasys-typography-body-line-through-hero-paragraph-indent: 0;
259
+ --oasys-typography-body-line-through-hero-text-case: none;
260
+ --oasys-typography-body-line-through-hero-text-decoration: line-through;
261
+ --oasys-typography-body-line-through-body-font-family: Patron;
262
+ --oasys-typography-body-line-through-body-font-weight: 100;
263
+ --oasys-typography-body-line-through-body-line-height: 2.4rem;
264
+ --oasys-typography-body-line-through-body-font-size: 1.6rem;
265
+ --oasys-typography-body-line-through-body-letter-spacing: 0;
266
+ --oasys-typography-body-line-through-body-paragraph-spacing: 1.2rem;
267
+ --oasys-typography-body-line-through-body-paragraph-indent: 0;
268
+ --oasys-typography-body-line-through-body-text-case: none;
269
+ --oasys-typography-body-line-through-body-text-decoration: line-through;
270
+ --oasys-typography-body-line-through-supporting-font-family: Patron;
271
+ --oasys-typography-body-line-through-supporting-font-weight: 100;
272
+ --oasys-typography-body-line-through-supporting-line-height: 2rem;
273
+ --oasys-typography-body-line-through-supporting-font-size: 1.4rem;
274
+ --oasys-typography-body-line-through-supporting-letter-spacing: 0;
275
+ --oasys-typography-body-line-through-supporting-paragraph-spacing: 1.2rem;
276
+ --oasys-typography-body-line-through-supporting-paragraph-indent: 0;
277
+ --oasys-typography-body-line-through-supporting-text-case: none;
278
+ --oasys-typography-body-line-through-supporting-text-decoration: line-through;
279
+ --oasys-typography-heading-hero-desktop-font-family: Patron;
280
+ --oasys-typography-heading-hero-desktop-font-weight: 400;
281
+ --oasys-typography-heading-hero-desktop-line-height: 6.4rem;
282
+ --oasys-typography-heading-hero-desktop-font-size: 5.2rem;
283
+ --oasys-typography-heading-hero-desktop-letter-spacing: 0;
284
+ --oasys-typography-heading-hero-desktop-paragraph-spacing: 3.2rem;
285
+ --oasys-typography-heading-hero-desktop-paragraph-indent: 0;
286
+ --oasys-typography-heading-hero-desktop-text-case: none;
287
+ --oasys-typography-heading-hero-desktop-text-decoration: none;
288
+ --oasys-typography-heading-hero-mobile-font-family: Patron;
289
+ --oasys-typography-heading-hero-mobile-font-weight: 400;
290
+ --oasys-typography-heading-hero-mobile-line-height: 4rem;
291
+ --oasys-typography-heading-hero-mobile-font-size: 3.6rem;
292
+ --oasys-typography-heading-hero-mobile-letter-spacing: 0;
293
+ --oasys-typography-heading-hero-mobile-paragraph-spacing: 2.4rem;
294
+ --oasys-typography-heading-hero-mobile-paragraph-indent: 0;
295
+ --oasys-typography-heading-hero-mobile-text-case: none;
296
+ --oasys-typography-heading-hero-mobile-text-decoration: none;
297
+ --oasys-typography-heading-primary-desktop-font-family: Patron;
298
+ --oasys-typography-heading-primary-desktop-font-weight: 400;
299
+ --oasys-typography-heading-primary-desktop-line-height: 5.6rem;
300
+ --oasys-typography-heading-primary-desktop-font-size: 4.4rem;
301
+ --oasys-typography-heading-primary-desktop-letter-spacing: 0;
302
+ --oasys-typography-heading-primary-desktop-paragraph-spacing: 3.2rem;
303
+ --oasys-typography-heading-primary-desktop-paragraph-indent: 0;
304
+ --oasys-typography-heading-primary-desktop-text-case: none;
305
+ --oasys-typography-heading-primary-desktop-text-decoration: none;
306
+ --oasys-typography-heading-primary-mobile-font-family: Patron;
307
+ --oasys-typography-heading-primary-mobile-font-weight: 400;
308
+ --oasys-typography-heading-primary-mobile-line-height: 4rem;
309
+ --oasys-typography-heading-primary-mobile-font-size: 3.2rem;
310
+ --oasys-typography-heading-primary-mobile-letter-spacing: 0;
311
+ --oasys-typography-heading-primary-mobile-paragraph-spacing: 2.4rem;
312
+ --oasys-typography-heading-primary-mobile-paragraph-indent: 0;
313
+ --oasys-typography-heading-primary-mobile-text-case: none;
314
+ --oasys-typography-heading-primary-mobile-text-decoration: none;
315
+ --oasys-typography-heading-secondary-font-family: Patron;
316
+ --oasys-typography-heading-secondary-font-weight: 400;
317
+ --oasys-typography-heading-secondary-line-height: 4rem;
318
+ --oasys-typography-heading-secondary-font-size: 3.2rem;
319
+ --oasys-typography-heading-secondary-letter-spacing: 0;
320
+ --oasys-typography-heading-secondary-paragraph-spacing: 2.4rem;
321
+ --oasys-typography-heading-secondary-paragraph-indent: 0;
322
+ --oasys-typography-heading-secondary-text-case: none;
323
+ --oasys-typography-heading-secondary-text-decoration: none;
324
+ --oasys-typography-heading-func-primary-desktop-font-family: Patron;
325
+ --oasys-typography-heading-func-primary-desktop-font-weight: 400;
326
+ --oasys-typography-heading-func-primary-desktop-line-height: 4rem;
327
+ --oasys-typography-heading-func-primary-desktop-font-size: 3.2rem;
328
+ --oasys-typography-heading-func-primary-desktop-letter-spacing: 0;
329
+ --oasys-typography-heading-func-primary-desktop-paragraph-spacing: 2.4rem;
330
+ --oasys-typography-heading-func-primary-desktop-paragraph-indent: 0;
331
+ --oasys-typography-heading-func-primary-desktop-text-case: none;
332
+ --oasys-typography-heading-func-primary-desktop-text-decoration: none;
333
+ --oasys-typography-heading-func-primary-mobile-font-family: Patron;
334
+ --oasys-typography-heading-func-primary-mobile-font-weight: 400;
335
+ --oasys-typography-heading-func-primary-mobile-line-height: 3.2rem;
336
+ --oasys-typography-heading-func-primary-mobile-font-size: 2.4rem;
337
+ --oasys-typography-heading-func-primary-mobile-letter-spacing: 0;
338
+ --oasys-typography-heading-func-primary-mobile-paragraph-spacing: 1.6rem;
339
+ --oasys-typography-heading-func-primary-mobile-paragraph-indent: 0;
340
+ --oasys-typography-heading-func-primary-mobile-text-case: none;
341
+ --oasys-typography-heading-func-primary-mobile-text-decoration: none;
342
+ --oasys-typography-heading-func-secondary-desktop-font-family: Patron;
343
+ --oasys-typography-heading-func-secondary-desktop-font-weight: 400;
344
+ --oasys-typography-heading-func-secondary-desktop-line-height: 3.2rem;
345
+ --oasys-typography-heading-func-secondary-desktop-font-size: 2.4rem;
346
+ --oasys-typography-heading-func-secondary-desktop-letter-spacing: 0;
347
+ --oasys-typography-heading-func-secondary-desktop-paragraph-spacing: 1.6rem;
348
+ --oasys-typography-heading-func-secondary-desktop-paragraph-indent: 0;
349
+ --oasys-typography-heading-func-secondary-desktop-text-case: none;
350
+ --oasys-typography-heading-func-secondary-desktop-text-decoration: none;
351
+ --oasys-typography-heading-func-secondary-mobile-font-family: Patron;
352
+ --oasys-typography-heading-func-secondary-mobile-font-weight: 400;
353
+ --oasys-typography-heading-func-secondary-mobile-line-height: 2.4rem;
354
+ --oasys-typography-heading-func-secondary-mobile-font-size: 2rem;
355
+ --oasys-typography-heading-func-secondary-mobile-letter-spacing: 0;
356
+ --oasys-typography-heading-func-secondary-mobile-paragraph-spacing: 1.2rem;
357
+ --oasys-typography-heading-func-secondary-mobile-paragraph-indent: 0;
358
+ --oasys-typography-heading-func-secondary-mobile-text-case: none;
359
+ --oasys-typography-heading-func-secondary-mobile-text-decoration: none;
360
+ --oasys-typography-heading-label-primary-font-family: Patron;
361
+ --oasys-typography-heading-label-primary-font-weight: 400;
362
+ --oasys-typography-heading-label-primary-line-height: 2.4rem;
363
+ --oasys-typography-heading-label-primary-font-size: 1.8rem;
364
+ --oasys-typography-heading-label-primary-letter-spacing: 0;
365
+ --oasys-typography-heading-label-primary-paragraph-spacing: 1.2rem;
366
+ --oasys-typography-heading-label-primary-paragraph-indent: 0;
367
+ --oasys-typography-heading-label-primary-text-case: none;
368
+ --oasys-typography-heading-label-primary-text-decoration: none;
369
+ --oasys-typography-heading-label-secondary-font-family: Patron;
370
+ --oasys-typography-heading-label-secondary-font-weight: 400;
371
+ --oasys-typography-heading-label-secondary-line-height: 2rem;
372
+ --oasys-typography-heading-label-secondary-font-size: 1.4rem;
373
+ --oasys-typography-heading-label-secondary-letter-spacing: 0;
374
+ --oasys-typography-heading-label-secondary-paragraph-spacing: 1.2rem;
375
+ --oasys-typography-heading-label-secondary-paragraph-indent: 0;
376
+ --oasys-typography-heading-label-secondary-text-case: none;
377
+ --oasys-typography-heading-label-secondary-text-decoration: none;
130
378
  --oasys-prose-vertical-adjustment-heading-primary-small-top: 1.4rem;
131
379
  --oasys-prose-vertical-adjustment-heading-primary-small-bottom: 0.2rem;
132
380
  --oasys-prose-vertical-adjustment-heading-primary-large-top: 1.5rem;
@@ -143,4 +391,116 @@
143
391
  --oasys-border-width-primary: 0.1rem;
144
392
  --oasys-border-width-focus: 0.2rem;
145
393
  --oasys-border-width-focus-offset: 0.4rem;
394
+ --oasys-utility-brand: Bloomon;
395
+ --oasys-utility-brand-slug: bloomon;
396
+ --oasys-spacing-section: 6.4rem;
397
+ --oasys-spacing-expanded: 4.8rem;
398
+ --oasys-spacing-tiny: 0.4rem;
399
+ --oasys-spacing-near: 1.6rem;
400
+ --oasys-spacing-tight: 0.8rem;
401
+ --oasys-spacing-default: 3.2rem;
402
+ --oasys-radius-round: 99.9rem;
403
+ --oasys-radius-layout: 1.6rem;
404
+ --oasys-radius-soften: 0.8rem;
405
+ --oasys-gutter-small: 1.6rem;
406
+ --oasys-gutter-large: 6.4rem;
407
+ --oasys-component-alert-badge-positive: rgb(68, 121, 100);
408
+ --oasys-component-alert-badge-neutral: rgb(255, 255, 255);
409
+ --oasys-component-alert-badge-negative: rgb(201, 17, 17);
410
+ --oasys-component-alert-background-positive: rgb(240, 246, 244);
411
+ --oasys-component-alert-background-neutral: rgb(242, 241, 239);
412
+ --oasys-component-alert-background-negative: rgb(251, 234, 234);
413
+ --oasys-component-banner-spacing-mobile: near;
414
+ --oasys-component-box-on-dark-core-primary: on-light;
415
+ --oasys-component-box-on-dark-core-secondary: on-light;
416
+ --oasys-component-box-on-dark-core-tertiary: on-light;
417
+ --oasys-component-box-on-dark-core-quaternary: on-dark;
418
+ --oasys-component-box-on-dark-tint-highlight: on-light;
419
+ --oasys-component-button-size-large-font-size: 1.4rem;
420
+ --oasys-component-button-size-large-inset-x: 2.3rem;
421
+ --oasys-component-button-size-large-inset-y: 1.3rem;
422
+ --oasys-component-button-size-large-icon-only-width: 4.8rem;
423
+ --oasys-component-button-size-small-font-size: 1.2rem;
424
+ --oasys-component-button-size-small-inset-x: 1.5rem;
425
+ --oasys-component-button-size-small-inset-y: 0.5rem;
426
+ --oasys-component-button-size-small-icon-only-width: 3.2rem;
427
+ --oasys-component-button-border-radius: 99.9rem;
428
+ --oasys-component-button-text-transform: uppercase;
429
+ --oasys-component-button-content-stack: 0.8rem;
430
+ --oasys-component-button-content-height: 2rem;
431
+ --oasys-component-button-color-primary-background: rgb(70, 70, 70);
432
+ --oasys-component-button-color-primary-border: rgb(70, 70, 70);
433
+ --oasys-component-button-color-primary-text: rgb(255, 255, 255);
434
+ --oasys-component-button-color-secondary-background: rgba(0, 0, 0, 0);
435
+ --oasys-component-button-color-secondary-border: rgb(70, 70, 70);
436
+ --oasys-component-button-color-secondary-text: rgb(70, 70, 70);
437
+ --oasys-component-button-color-tertiary-background: rgba(0, 0, 0, 0);
438
+ --oasys-component-button-color-tertiary-border: rgba(0, 0, 0, 0);
439
+ --oasys-component-button-color-tertiary-text: rgb(70, 70, 70);
440
+ --oasys-component-button-color-primary-inverse-background: rgb(255, 255, 255);
441
+ --oasys-component-button-color-primary-inverse-border: rgb(255, 255, 255);
442
+ --oasys-component-button-color-primary-inverse-text: rgb(70, 70, 70);
443
+ --oasys-component-button-color-secondary-inverse-background: rgba(0, 0, 0, 0);
444
+ --oasys-component-button-color-secondary-inverse-border: rgb(255, 255, 255);
445
+ --oasys-component-button-color-secondary-inverse-text: rgb(255, 255, 255);
446
+ --oasys-component-button-color-tertiary-inverse-background: rgba(0, 0, 0, 0);
447
+ --oasys-component-button-color-tertiary-inverse-border: rgba(0, 0, 0, 0);
448
+ --oasys-component-button-color-tertiary-inverse-text: rgb(255, 255, 255);
449
+ --oasys-component-button-color-expressive-background: rgb(255, 247, 153);
450
+ --oasys-component-button-color-expressive-border: rgb(255, 247, 153);
451
+ --oasys-component-button-color-expressive-text: rgb(70, 70, 70);
452
+ --oasys-component-button-color-danger-background: rgb(200, 65, 22);
453
+ --oasys-component-button-color-danger-border: rgb(200, 65, 22);
454
+ --oasys-component-button-color-danger-text: rgb(255, 255, 255);
455
+ --oasys-component-button-color-facebook-background: rgb(72, 91, 148);
456
+ --oasys-component-button-color-facebook-border: rgb(72, 91, 148);
457
+ --oasys-component-button-color-facebook-text: rgb(255, 255, 255);
458
+ --oasys-component-button-color-paypal-background: rgb(255, 196, 58);
459
+ --oasys-component-button-color-paypal-border: rgb(255, 196, 58);
460
+ --oasys-component-button-color-paypal-text: rgb(70, 70, 70);
461
+ --oasys-component-button-color-trustpilot-background: rgb(41, 180, 124);
462
+ --oasys-component-button-color-trustpilot-border: rgb(41, 180, 124);
463
+ --oasys-component-button-color-trustpilot-text: rgb(255, 255, 255);
464
+ --oasys-component-button-color-disabled-background: rgb(242, 241, 239);
465
+ --oasys-component-button-color-disabled-border: rgb(242, 241, 239);
466
+ --oasys-component-button-color-disabled-text: rgb(137, 137, 137);
467
+ --oasys-component-button-letter-spacing: 0.2rem;
468
+ --oasys-component-button-font-weight: 400;
469
+ --oasys-component-button-line-height: 1.6rem;
470
+ --oasys-component-button-border-width: 0.1rem;
471
+ --oasys-component-button-opacity-overlay-hover: 0.08;
472
+ --oasys-component-button-opacity-overlay-focus: 0.16;
473
+ --oasys-component-card-aspect-ratio-square: 1/1;
474
+ --oasys-component-card-aspect-ratio-portrait: 14/19;
475
+ --oasys-component-card-aspect-ratio-landscape: 16/9;
476
+ --oasys-component-checkbox-icon-inset: 0.2rem;
477
+ --oasys-component-checkbox-icon-size-primary: 1.8rem;
478
+ --oasys-component-checkbox-icon-size-secondary: 1.4rem;
479
+ --oasys-component-heading-alignment: left;
480
+ --oasys-component-heading-gap-default: default;
481
+ --oasys-component-heading-gap-primary: near;
482
+ --oasys-component-heading-gap-secondary: near;
483
+ --oasys-component-heading-gap-functional: tight;
484
+ --oasys-component-hero-actions-alignment: start;
485
+ --oasys-component-hero-inset-spacing-large: expanded;
486
+ --oasys-component-hero-inset-spacing-small: default;
487
+ --oasys-component-price-weight-hero: 400;
488
+ --oasys-component-price-weight-primary: 400;
489
+ --oasys-component-price-weight-supporting: 400;
490
+ --oasys-component-price-color-price-after-discount: rgb(70, 70, 70);
491
+ --oasys-component-promo-card-image-aspect-ratio: 4/3;
492
+ --oasys-component-radio-icon-inset: 0.6rem;
493
+ --oasys-component-radio-icon-size-primary: 1rem;
494
+ --oasys-component-radio-icon-size-secondary: 0.6rem;
495
+ --oasys-component-section-inset-spacing-container-small: default;
496
+ --oasys-component-section-inset-spacing-container-large: expanded;
497
+ --oasys-component-section-inset-spacing-content-small-spotlight: default;
498
+ --oasys-component-section-inset-spacing-content-small-inform: none;
499
+ --oasys-component-section-inset-spacing-content-large-spotlight: expanded;
500
+ --oasys-component-section-inset-spacing-content-large-inform: default;
501
+ --oasys-component-section-image-aspect-ratio-spotlight: 3:4;
502
+ --oasys-component-section-image-aspect-ratio-inform: 3:4;
503
+ --oasys-component-text-input-preface-width: 5.6rem;
504
+ --oasys-component-text-input-color-disabled-background: rgb(242, 241, 239);
505
+ --oasys-component-text-input-color-disabled-foreground: rgb(137, 137, 137);
146
506
  }
package/src/assets/global/scss-breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 03 Aug 2023 12:31:57 GMT
3
+ // Generated on Thu, 03 Aug 2023 15:29:55 GMT
4
4
 
5
5
  $oasys-size-web-breakpoint-mobile: 0px;
6
6
  $oasys-size-web-breakpoint-tablet: 767px;