genesys-spark 4.86.0 → 4.88.0

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 (19) hide show
  1. package/dist/css/global-focusable.css +16 -16
  2. package/dist/css/global-focusable.css.map +1 -1
  3. package/dist/css/global-typography.css +150 -150
  4. package/dist/css/global-typography.css.map +1 -1
  5. package/dist/css/global.css +166 -166
  6. package/dist/css/global.css.map +1 -1
  7. package/dist/css/ui.css +2 -2
  8. package/dist/global.css +166 -166
  9. package/dist/global.css.map +1 -1
  10. package/dist/index.d.ts +2 -2
  11. package/dist/index.js +11 -13
  12. package/dist/scss/_focus.scss +22 -7
  13. package/dist/scss/_mixins.scss +5 -2
  14. package/dist/scss/_typography.scss +319 -85
  15. package/dist/ui.css +2 -2
  16. package/package.json +1 -1
  17. package/dist/css/temp.css +0 -43
  18. package/dist/css/temp.css.map +0 -1
  19. package/dist/scss/temp.scss +0 -41
package/dist/scss/_typography.scss CHANGED
@@ -6,66 +6,169 @@
6
6
 
7
7
  /* Headings */
8
8
  @mixin _heading-xl {
9
- font-family: var(--gse-core-typography-heading-xl-fontFamily),
10
- var(--gse-core-fontFamily-heading), sans-serif;
11
- font-size: var(--gse-core-typography-heading-xl-fontSize);
12
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
9
+ font-family: var(
10
+ --gse-core-typography-heading-xl-fontFamily,
11
+ var(--gse-semantic-heading-xl-bold-fontFamily)
12
+ ),
13
+ var(
14
+ --gse-core-fontFamily-heading,
15
+ var(--gse-semantic-theme-fontFamily-headings)
16
+ ),
17
+ sans-serif;
18
+ font-size: var(
19
+ --gse-core-typography-heading-xl-fontSize,
20
+ var(--gse-semantic-heading-xl-bold-fontSize)
21
+ );
22
+ line-height: var(
23
+ --gse-core-typography-heading-xl-lineHeight,
24
+ var(--gse-semantic-heading-xl-bold-lineHeight)
25
+ );
13
26
  }
14
27
 
15
28
  @mixin _heading-lg {
16
- font-family: var(--gse-core-typography-heading-lg-fontFamily),
17
- var(--gse-core-fontFamily-heading), sans-serif;
18
- font-size: var(--gse-core-typography-heading-lg-fontSize);
19
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
29
+ font-family: var(
30
+ --gse-core-typography-heading-lg-fontFamily,
31
+ var(--gse-semantic-heading-lg-bold-fontFamily)
32
+ ),
33
+ var(
34
+ --gse-core-fontFamily-heading,
35
+ var(--gse-semantic-theme-fontFamily-headings)
36
+ ),
37
+ sans-serif;
38
+ font-size: var(
39
+ --gse-core-typography-heading-lg-fontSize,
40
+ var(--gse-semantic-heading-lg-bold-fontSize)
41
+ );
42
+ line-height: var(
43
+ --gse-core-typography-heading-lg-lineHeight,
44
+ var(--gse-semantic-heading-lg-bold-lineHeight)
45
+ );
20
46
  }
21
47
 
22
48
  @mixin _heading-md {
23
- font-family: var(--gse-core-typography-heading-md-fontFamily),
24
- var(--gse-core-fontFamily-heading), sans-serif;
25
- font-size: var(--gse-core-typography-heading-md-fontSize);
26
- line-height: var(--gse-core-typography-heading-md-lineHeight);
49
+ font-family: var(
50
+ --gse-core-typography-heading-md-fontFamily,
51
+ var(--gse-semantic-heading-md-bold-fontFamily)
52
+ ),
53
+ var(
54
+ --gse-core-fontFamily-heading,
55
+ var(--gse-semantic-theme-fontFamily-headings)
56
+ ),
57
+ sans-serif;
58
+ font-size: var(
59
+ --gse-core-typography-heading-md-fontSize,
60
+ var(--gse-semantic-heading-md-bold-fontSize)
61
+ );
62
+ line-height: var(
63
+ --gse-core-typography-heading-md-lineHeight,
64
+ var(--gse-semantic-heading-md-bold-lineHeight)
65
+ );
27
66
  }
28
67
 
29
68
  @mixin _heading-sm {
30
- font-family: var(--gse-core-typography-heading-sm-fontFamily),
31
- var(--gse-core-fontFamily-heading), sans-serif;
32
- font-size: var(--gse-core-typography-heading-sm-fontSize);
33
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
69
+ font-family: var(
70
+ --gse-core-typography-heading-sm-fontFamily,
71
+ var(--gse-semantic-heading-sm-bold-fontFamily)
72
+ ),
73
+ var(
74
+ --gse-core-fontFamily-heading,
75
+ var(--gse-semantic-theme-fontFamily-headings)
76
+ ),
77
+ sans-serif;
78
+ font-size: var(
79
+ --gse-core-typography-heading-sm-fontSize,
80
+ var(--gse-semantic-heading-sm-bold-fontSize)
81
+ );
82
+ line-height: var(
83
+ --gse-core-typography-heading-sm-lineHeight,
84
+ var(--gse-semantic-heading-sm-bold-lineHeight)
85
+ );
34
86
  }
35
87
 
36
88
  @mixin _heading-xs {
37
- font-family: var(--gse-core-typography-heading-xs-fontFamily),
38
- var(--gse-core-fontFamily-heading), sans-serif;
39
- font-size: var(--gse-core-typography-heading-xs-fontSize);
40
- line-height: var(--gse-core-typography-heading-xs-lineHeight);
89
+ font-family: var(
90
+ --gse-core-typography-heading-xs-fontFamily,
91
+ var(--gse-semantic-heading-xs-bold-fontFamily)
92
+ ),
93
+ var(
94
+ --gse-core-fontFamily-heading,
95
+ var(--gse-semantic-theme-fontFamily-headings)
96
+ ),
97
+ sans-serif;
98
+ font-size: var(
99
+ --gse-core-typography-heading-xs-fontSize,
100
+ var(--gse-semantic-heading-xs-bold-fontSize)
101
+ );
102
+ line-height: var(
103
+ --gse-core-typography-heading-xs-lineHeight,
104
+ var(--gse-semantic-heading-xs-bold-lineHeight)
105
+ );
41
106
  }
42
107
 
43
108
  @mixin _heading-subheading {
44
- font-family: var(--gse-core-typography-subheading-fontFamily),
45
- var(--gse-core-fontFamily-heading), sans-serif;
46
- font-size: var(--gse-core-typography-subheading-fontSize);
47
- line-height: var(--gse-core-typography-subheading-lineHeight);
109
+ font-family: var(
110
+ --gse-core-typography-subheading-fontFamily,
111
+ var(--gse-semantic-subheading-regular-fontFamily)
112
+ ),
113
+ var(
114
+ --gse-core-fontFamily-heading,
115
+ var(--gse-semantic-theme-fontFamily-headings)
116
+ ),
117
+ sans-serif;
118
+ font-size: var(
119
+ --gse-core-typography-subheading-fontSize,
120
+ var(--gse-semantic-subheading-regular-fontSize)
121
+ );
122
+ line-height: var(
123
+ --gse-core-typography-subheading-lineHeight,
124
+ var(--gse-semantic-subheading-regular-lineHeight)
125
+ );
48
126
  }
49
127
 
50
128
  @mixin _heading-overline {
51
- font-family: var(--gse-core-typography-heading-overline-fontFamily),
52
- var(--gse-core-fontFamily-heading), sans-serif;
53
- font-size: var(--gse-core-typography-heading-overline-fontSize);
54
- line-height: var(--gse-core-typography-heading-overline-lineHeight);
55
- text-transform: var(--gse-core-typography-heading-overline-textCase);
56
- letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing);
129
+ font-family: var(
130
+ --gse-core-typography-heading-overline-fontFamily,
131
+ var(--gse-semantic-heading-overline-fontFamily)
132
+ ),
133
+ var(
134
+ --gse-core-fontFamily-heading,
135
+ var(--gse-semantic-theme-fontFamily-headings)
136
+ ),
137
+ sans-serif;
138
+ font-size: var(
139
+ --gse-core-typography-heading-overline-fontSize,
140
+ var(--gse-semantic-heading-overline-fontSize)
141
+ );
142
+ line-height: var(
143
+ --gse-core-typography-heading-overline-lineHeight,
144
+ var(--gse-semantic-heading-overline-lineHeight)
145
+ );
146
+ text-transform: var(
147
+ --gse-core-typography-heading-overline-textCase,
148
+ var(--gse-semantic-heading-overline-textCase)
149
+ );
150
+ letter-spacing: var(
151
+ --gse-core-typography-heading-overline-letterSpacing,
152
+ var(--gse-semantic-heading-overline-letterSpacing)
153
+ );
57
154
  }
58
155
 
59
156
  @mixin heading-xl-bold {
60
157
  @include _heading-xl;
61
158
 
62
- font-weight: var(--gse-core-fontWeight-bold);
159
+ font-weight: var(
160
+ --gse-core-fontWeight-bold,
161
+ var(--gse-semantic-heading-xl-bold-fontWeight)
162
+ );
63
163
  }
64
164
 
65
165
  @mixin heading-xl-semiBold {
66
166
  @include _heading-xl;
67
167
 
68
- font-weight: var(--gse-core-fontWeight-semiBold);
168
+ font-weight: var(
169
+ --gse-core-fontWeight-semiBold,
170
+ var(--gse-semantic-heading-lg-semiBold-fontWeight)
171
+ );
69
172
  }
70
173
 
71
174
  @mixin heading-xl {
@@ -75,13 +178,19 @@
75
178
  @mixin heading-lg-bold {
76
179
  @include _heading-lg;
77
180
 
78
- font-weight: var(--gse-core-fontWeight-bold);
181
+ font-weight: var(
182
+ --gse-core-fontWeight-bold,
183
+ var(--gse-semantic-heading-lg-bold-fontWeight)
184
+ );
79
185
  }
80
186
 
81
187
  @mixin heading-lg-semiBold {
82
188
  @include _heading-lg;
83
189
 
84
- font-weight: var(--gse-core-fontWeight-semiBold);
190
+ font-weight: var(
191
+ --gse-core-fontWeight-semiBold,
192
+ var(--gse-semantic-heading-lg-semiBold-fontWeight)
193
+ );
85
194
  }
86
195
 
87
196
  @mixin heading-lg {
@@ -91,13 +200,19 @@
91
200
  @mixin heading-md-bold {
92
201
  @include _heading-md;
93
202
 
94
- font-weight: var(--gse-core-fontWeight-bold);
203
+ font-weight: var(
204
+ --gse-core-fontWeight-bold,
205
+ var(--gse-semantic-heading-md-bold-fontWeight)
206
+ );
95
207
  }
96
208
 
97
209
  @mixin heading-md-semiBold {
98
210
  @include _heading-md;
99
211
 
100
- font-weight: var(--gse-core-fontWeight-semiBold);
212
+ font-weight: var(
213
+ --gse-core-fontWeight-semiBold,
214
+ var(--gse-semantic-heading-md-semiBold-fontWeight)
215
+ );
101
216
  }
102
217
 
103
218
  @mixin heading-md {
@@ -107,13 +222,19 @@
107
222
  @mixin heading-sm-bold {
108
223
  @include _heading-sm;
109
224
 
110
- font-weight: var(--gse-core-fontWeight-bold);
225
+ font-weight: var(
226
+ --gse-core-fontWeight-bold,
227
+ var(--gse-semantic-heading-sm-bold-fontWeight)
228
+ );
111
229
  }
112
230
 
113
231
  @mixin heading-sm-semiBold {
114
232
  @include _heading-sm;
115
233
 
116
- font-weight: var(--gse-core-fontWeight-semiBold);
234
+ font-weight: var(
235
+ --gse-core-fontWeight-semiBold,
236
+ var(--gse-semantic-heading-sm-semiBold-fontWeight)
237
+ );
117
238
  }
118
239
 
119
240
  @mixin heading-sm {
@@ -123,13 +244,19 @@
123
244
  @mixin heading-xs-bold {
124
245
  @include _heading-xs;
125
246
 
126
- font-weight: var(--gse-core-fontWeight-bold);
247
+ font-weight: var(
248
+ --gse-core-fontWeight-bold,
249
+ var(--gse-semantic-heading-xs-bold-fontWeight)
250
+ );
127
251
  }
128
252
 
129
253
  @mixin heading-xs-semiBold {
130
254
  @include _heading-xs;
131
255
 
132
- font-weight: var(--gse-core-fontWeight-semiBold);
256
+ font-weight: var(
257
+ --gse-core-fontWeight-semiBold,
258
+ var(--gse-semantic-heading-xs-semiBold-fontWeight)
259
+ );
133
260
  }
134
261
 
135
262
  @mixin heading-xs {
@@ -139,19 +266,28 @@
139
266
  @mixin heading-subheading-bold {
140
267
  @include _heading-subheading;
141
268
 
142
- font-weight: var(--gse-core-fontWeight-bold);
269
+ font-weight: var(
270
+ --gse-core-fontWeight-bold,
271
+ var(--gse-semantic-subheading-bold-fontWeight)
272
+ );
143
273
  }
144
274
 
145
275
  @mixin heading-subheading-semiBold {
146
276
  @include _heading-subheading;
147
277
 
148
- font-weight: var(--gse-core-fontWeight-semiBold);
278
+ font-weight: var(
279
+ --gse-core-fontWeight-semiBold,
280
+ var(--gse-semantic-subheading-semiBold-fontWeight)
281
+ );
149
282
  }
150
283
 
151
284
  @mixin heading-subheading-regular {
152
285
  @include _heading-subheading;
153
286
 
154
- font-weight: var(--gse-core-fontWeight-regular);
287
+ font-weight: var(
288
+ --gse-core-fontWeight-regular,
289
+ var(--gse-semantic-subheading-regular-fontWeight)
290
+ );
155
291
  }
156
292
 
157
293
  @mixin heading-subheading {
@@ -162,123 +298,221 @@
162
298
  @include _heading-overline;
163
299
 
164
300
  font-weight: var(
165
- --gse-core-fontWeight-regular
301
+ --gse-core-fontWeight-regular,
302
+ var(--gse-semantic-heading-overline-fontWeight)
166
303
  ); //TODO token for this is wrong
167
304
  }
168
305
 
169
306
  /* Body Copy */
170
307
  @mixin _body-lg {
171
- font-family: var(--gse-core-typography-body-lg-fontFamily),
172
- var(--gse-core-fontFamily-body), sans-serif;
173
- font-size: var(--gse-core-typography-body-lg-fontSize);
174
- line-height: var(--gse-core-typography-body-lg-lineHeight);
308
+ font-family: var(
309
+ --gse-core-typography-body-lg-fontFamily,
310
+ var(--gse-semantic-body-lg-regular-fontFamily)
311
+ ),
312
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
313
+ sans-serif;
314
+ font-size: var(
315
+ --gse-core-typography-body-lg-fontSize,
316
+ var(--gse-semantic-body-lg-regular-fontSize)
317
+ );
318
+ line-height: var(
319
+ --gse-core-typography-body-lg-lineHeight,
320
+ var(--gse-semantic-body-lg-regular-lineHeight)
321
+ );
175
322
  }
176
323
 
177
324
  @mixin _body-md {
178
- font-family: var(--gse-core-typography-body-md-fontFamily),
179
- var(--gse-core-fontFamily-body), sans-serif;
180
- font-size: var(--gse-core-typography-body-md-fontSize);
181
- line-height: var(--gse-core-typography-body-md-lineHeight);
325
+ font-family: var(
326
+ --gse-core-typography-body-md-fontFamily,
327
+ var(--gse-semantic-body-md-regular-fontFamily)
328
+ ),
329
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
330
+ sans-serif;
331
+ font-size: var(
332
+ --gse-core-typography-body-md-fontSize,
333
+ var(--gse-semantic-body-md-regular-fontSize)
334
+ );
335
+ line-height: var(
336
+ --gse-core-typography-body-md-lineHeight,
337
+ var(--gse-semantic-body-md-regular-lineHeight)
338
+ );
182
339
  }
183
340
 
184
341
  @mixin _body-sm {
185
- font-family: var(--gse-core-typography-body-sm-fontFamily),
186
- var(--gse-core-fontFamily-body), sans-serif;
187
- font-size: var(--gse-core-typography-body-sm-fontSize);
188
- line-height: var(--gse-core-typography-body-sm-lineHeight);
342
+ font-family: var(
343
+ --gse-core-typography-body-sm-fontFamily,
344
+ var(--gse-semantic-body-sm-regular-fontFamily)
345
+ ),
346
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
347
+ sans-serif;
348
+ font-size: var(
349
+ --gse-core-typography-body-sm-fontSize,
350
+ var(--gse-semantic-body-sm-regular-fontSize)
351
+ );
352
+ line-height: var(
353
+ --gse-core-typography-body-sm-lineHeight,
354
+ var(--gse-semantic-body-sm-regular-lineHeight)
355
+ );
189
356
  }
190
357
 
191
358
  @mixin body-lg-regular {
192
359
  @include _body-lg;
193
360
 
194
- font-weight: var(--gse-core-fontWeight-regular);
361
+ font-weight: var(
362
+ --gse-core-fontWeight-regular,
363
+ var(--gse-semantic-body-lg-regular-fontWeight)
364
+ );
195
365
  }
196
366
 
197
367
  @mixin body-lg-semiBold {
198
368
  @include _body-lg;
199
369
 
200
- font-weight: var(--gse-core-fontWeight-semiBold);
370
+ font-weight: var(
371
+ --gse-core-fontWeight-semiBold,
372
+ var(--gse-semantic-body-lg-semiBold-fontWeight)
373
+ );
201
374
  }
202
375
 
203
376
  @mixin body-lg-bold {
204
377
  @include _body-lg;
205
378
 
206
- font-weight: var(--gse-core-fontWeight-bold);
379
+ font-weight: var(
380
+ --gse-core-fontWeight-bold,
381
+ var(--gse-semantic-body-lg-bold-fontWeight)
382
+ );
207
383
  }
208
384
 
209
385
  @mixin body-md-regular {
210
386
  @include _body-md;
211
387
 
212
- font-weight: var(--gse-core-fontWeight-regular);
388
+ font-weight: var(
389
+ --gse-core-fontWeight-regular,
390
+ var(--gse-semantic-body-md-regular-fontWeight)
391
+ );
213
392
  }
214
393
 
215
394
  @mixin body-md-semiBold {
216
395
  @include _body-md;
217
396
 
218
- font-weight: var(--gse-core-fontWeight-semiBold);
397
+ font-weight: var(
398
+ --gse-core-fontWeight-semiBold,
399
+ var(--gse-semantic-body-md-semiBold-fontWeight)
400
+ );
219
401
  }
220
402
 
221
403
  @mixin body-md-bold {
222
404
  @include _body-md;
223
405
 
224
- font-weight: var(--gse-core-fontWeight-bold);
406
+ font-weight: var(
407
+ --gse-core-fontWeight-bold,
408
+ var(--gse-semantic-body-md-bold-fontWeight)
409
+ );
225
410
  }
226
411
 
227
412
  @mixin body-sm-regular {
228
413
  @include _body-sm;
229
414
 
230
- font-weight: var(--gse-core-fontWeight-regular);
415
+ font-weight: var(
416
+ --gse-core-fontWeight-regular,
417
+ var(--gse-semantic-body-sm-regular-fontWeight)
418
+ );
231
419
  }
232
420
 
233
421
  @mixin body-sm-semiBold {
234
422
  @include _body-sm;
235
423
 
236
- font-weight: var(--gse-core-fontWeight-semiBold);
424
+ font-weight: var(
425
+ --gse-core-fontWeight-semiBold,
426
+ var(--gse-semantic-body-sm-semiBold-fontWeight)
427
+ );
237
428
  }
238
429
 
239
430
  @mixin body-sm-bold {
240
431
  @include _body-sm;
241
432
 
242
- font-weight: var(--gse-core-fontWeight-bold);
433
+ font-weight: var(
434
+ --gse-core-fontWeight-bold,
435
+ var(--gse-semantic-body-sm-bold-fontWeight)
436
+ );
243
437
  }
244
438
 
245
439
  @mixin ui-button {
246
- font-family: var(--gse-core-typography-body-md-fontFamily),
247
- var(--gse-core-fontFamily-body), sans-serif;
248
- font-size: var(--gse-core-typography-body-md-fontSize);
440
+ font-family: var(
441
+ --gse-core-typography-body-md-fontFamily,
442
+ var(--gse-semantic-body-md-regular-fontFamily)
443
+ ),
444
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
445
+ sans-serif;
446
+ font-size: var(
447
+ --gse-core-typography-body-md-fontSize,
448
+ var(--gse-semantic-body-md-regular-fontSize)
449
+ );
249
450
  font-weight: var(--gse-core-fontWeight-semiBold);
250
- line-height: var(--gse-core-typography-body-md-lineHeight);
451
+ line-height: var(
452
+ --gse-core-typography-body-md-lineHeight,
453
+ var(--gse-semantic-body-md-regular-lineHeight)
454
+ );
251
455
  }
252
456
 
253
457
  @mixin ui-link {
254
- font-family: var(--gse-core-typography-body-md-fontFamily),
255
- var(--gse-core-fontFamily-body), sans-serif;
256
- font-size: var(--gse-core-typography-body-md-fontSize);
458
+ font-family: var(
459
+ --gse-core-typography-body-md-fontFamily,
460
+ var(--gse-semantic-body-md-regular-fontFamily)
461
+ ),
462
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
463
+ sans-serif;
464
+ font-size: var(
465
+ --gse-core-typography-body-md-fontSize,
466
+ var(--gse-semantic-body-md-regular-fontSize)
467
+ );
257
468
  font-weight: var(--gse-core-fontWeight-regular);
258
- line-height: var(--gse-core-typography-body-md-lineHeight);
469
+ line-height: var(
470
+ --gse-core-typography-body-md-lineHeight,
471
+ var(--gse-semantic-body-md-regular-lineHeight)
472
+ );
259
473
  }
260
474
 
261
475
  @mixin ui-label {
262
- font-family: var(--gse-core-typography-body-sm-fontFamily),
263
- var(--gse-core-fontFamily-body), sans-serif;
264
- font-size: var(--gse-core-typography-body-sm-fontSize);
476
+ font-family: var(
477
+ --gse-core-typography-body-sm-fontFamily,
478
+ var(--gse-semantic-body-sm-regular-fontFamily)
479
+ ),
480
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
481
+ sans-serif;
482
+ font-size: var(
483
+ --gse-core-typography-body-sm-fontSize,
484
+ var(--gse-semantic-body-sm-regular-fontSize)
485
+ );
265
486
  font-weight: var(--gse-core-fontWeight-bold);
266
- line-height: var(--gse-core-typography-body-sm-lineHeight);
487
+ line-height: var(
488
+ --gse-core-typography-body-sm-lineHeight,
489
+ var(--gse-semantic-body-sm-regular-lineHeight)
490
+ );
267
491
  }
268
492
 
269
493
  @mixin ui-placeholder {
270
- font-family: var(--gse-core-typography-body-sm-fontFamily),
271
- var(--gse-core-fontFamily-body), sans-serif;
272
- font-size: var(--gse-core-typography-body-sm-fontSize);
494
+ font-family: var(
495
+ --gse-core-typography-body-sm-fontFamily,
496
+ var(--gse-semantic-body-sm-regular-fontFamily)
497
+ ),
498
+ var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)),
499
+ sans-serif;
500
+ font-size: var(
501
+ --gse-core-typography-body-sm-fontSize,
502
+ var(--gse-semantic-body-sm-regular-fontSize)
503
+ );
273
504
  font-weight: var(--gse-core-fontWeight-regular);
274
- line-height: var(--gse-core-typography-body-sm-lineHeight);
505
+ line-height: var(
506
+ --gse-core-typography-body-sm-lineHeight,
507
+ var(--gse-semantic-body-sm-regular-lineHeight)
508
+ );
275
509
  }
276
510
 
277
511
  /* Anchor */
278
512
  @mixin ui-anchor {
279
513
  color: var(
280
514
  --gse-ui-link-default-foregroundColor,
281
- --gse-ui-links-default-foregroundColor
515
+ var(--gse-ui-links-default-foregroundColor)
282
516
  );
283
517
  text-decoration: underline;
284
518
  border-radius: var(--gse-ui-links-borderRadius);
@@ -286,21 +520,21 @@
286
520
  &:hover {
287
521
  color: var(
288
522
  --gse-ui-link-hover-foregroundColor,
289
- --gse-ui-links-hover-foregroundColor
523
+ var(--gse-ui-links-hover-foregroundColor)
290
524
  );
291
525
  }
292
526
 
293
527
  &:active {
294
528
  color: var(
295
529
  --gse-ui-link-active-foregroundColor,
296
- --gse-ui-links-active-foregroundColor
530
+ var(--gse-ui-links-active-foregroundColor)
297
531
  );
298
532
  }
299
533
 
300
534
  &:visited {
301
535
  color: var(
302
536
  --gse-ui-link-visited-foregroundColor,
303
- --gse-ui-links-visited-foregroundColor
537
+ var(--gse-ui-links-visited-foregroundColor)
304
538
  );
305
539
  }
306
540
 
package/dist/ui.css CHANGED
@@ -341,8 +341,8 @@
341
341
  --gse-ui-popover-anchor-height: 9px;
342
342
  --gse-ui-progressAndLoading-spinner-foreground: #4856cb;
343
343
  --gse-ui-progressAndLoading-spinner-base: #ced2fc;
344
- --gse-ui-progressAndLoading-spinner-large: 48;
345
- --gse-ui-progressAndLoading-spinner-small: 16;
344
+ --gse-ui-progressAndLoading-spinner-large: 48px;
345
+ --gse-ui-progressAndLoading-spinner-small: 16px;
346
346
  --gse-ui-progressAndLoading-spinner-text-fontFamily: "Noto Sans";
347
347
  --gse-ui-progressAndLoading-spinner-text-fontWeight: 600;
348
348
  --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark",
3
- "version": "4.86.0",
3
+ "version": "4.88.0",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
package/dist/css/temp.css DELETED
@@ -1,43 +0,0 @@
1
- :root {
2
- --gse-semantic-focusRing-cornerRadius: 4px;
3
- --gse-semantic-focusRing-default-border-color: #7b88f7;
4
- --gse-semantic-focusRing-default-border-style: solid;
5
- --gse-semantic-focusRing-default-border-width: 3px;
6
- --gse-semantic-focusRing-offset: 1px;
7
- --gse-semantic-focusRing-small-border-color: #7b88f7;
8
- --gse-semantic-focusRing-small-border-style: solid;
9
- --gse-semantic-focusRing-small-border-width: 2px;
10
- --gse-semantic-focusRing-width: 3px;
11
- --gse-semantic-forms-fieldset-header-foregroundColor: #1b2c48;
12
- --gse-semantic-forms-fieldset-header-gap: 4px;
13
- --gse-semantic-forms-fieldset-header-paddingBottom: 20px;
14
- --gse-semantic-forms-fieldset-header-text-fontFamily: urbanist;
15
- --gse-semantic-forms-fieldset-header-text-fontSize: 18px;
16
- --gse-semantic-forms-fieldset-header-text-fontWeight: 700;
17
- --gse-semantic-forms-fieldset-header-text-lineHeight: 27px;
18
- --gse-semantic-forms-fieldset-paddingBottom: 48px;
19
- --gse-semantic-forms-formBody-paddingBottom: 32px;
20
- --gse-semantic-forms-formControl-gap: 16px;
21
- --gse-semantic-forms-formHeader-foregroundColor: #1b2c48;
22
- --gse-semantic-forms-formHeader-gap: 4px;
23
- --gse-semantic-forms-formHeader-paddingBottom: 20px;
24
- --gse-semantic-forms-formHeader-text-fontFamily: urbanist;
25
- --gse-semantic-forms-formHeader-text-fontSize: 24px;
26
- --gse-semantic-forms-formHeader-text-fontWeight: 600;
27
- --gse-semantic-forms-formHeader-text-lineHeight: 32px;
28
- --gse-semantic-forms-margin: 24px;
29
- --gse-semantic-forms-maxWidth: 600px;
30
- --gse-semantic-forms-paragraph-foregroundColor: #3e5374;
31
- --gse-semantic-forms-paragraph-text-fontFamily: "Noto Sans";
32
- --gse-semantic-forms-paragraph-text-fontSize: 12px;
33
- --gse-semantic-forms-paragraph-text-fontWeight: 400;
34
- --gse-semantic-forms-paragraph-text-lineHeight: 18px;
35
- --gse-semantic-zIndex-modal: 600;
36
- --gse-semantic-zIndex-popover: 200;
37
- --gse-semantic-zIndex-popup: 100;
38
- --gse-semantic-zIndex-showFocus: 1;
39
- --gse-semantic-zIndex-sticky: 1;
40
- --gse-semantic-zIndex-tooltip: 200;
41
- }
42
-
43
- /*# sourceMappingURL=temp.css.map */
package/dist/css/temp.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/style/temp.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"temp.css"}