@salesforcedevs/dx-components 1.3.194 → 1.3.196

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 (39) hide show
  1. package/lwc.config.json +0 -1
  2. package/package.json +2 -2
  3. package/src/modules/dx/alert/alert.css +1 -1
  4. package/src/modules/dx/breadcrumbs/breadcrumbs.css +2 -2
  5. package/src/modules/dx/cardDocs/cardDocs.css +1 -1
  6. package/src/modules/dx/cardGridDocs/cardGridDocs.css +0 -1
  7. package/src/modules/dx/cardNews/cardNews.css +7 -7
  8. package/src/modules/dx/cardStep/mockProps.ts +2 -1
  9. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.css +2 -2
  10. package/src/modules/dx/checkbox/checkbox.css +1 -2
  11. package/src/modules/dx/checkboxNative/checkboxNative.css +0 -3
  12. package/src/modules/dx/codeBlock/codeBlock.ts +6 -6
  13. package/src/modules/dx/codeBlock/customLanguages.js +2 -4
  14. package/src/modules/dx/codeBlock/lightTheme.css +4 -4
  15. package/src/modules/dx/dropdown/dropdown.css +2 -4
  16. package/src/modules/dx/dropdownOption/dropdownOption.css +2 -2
  17. package/src/modules/dx/feature/feature.css +1 -1
  18. package/src/modules/dx/featuredContentHeader/featuredContentHeader.css +3 -3
  19. package/src/modules/dx/filterMenu/filterMenu.css +2 -6
  20. package/src/modules/dx/footer/footer.css +4 -3
  21. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.css +1 -1
  22. package/src/modules/dx/icon/icon.css +1 -1
  23. package/src/modules/dx/input/input.css +0 -3
  24. package/src/modules/dx/searchResults/coveo.css +1 -1
  25. package/src/modules/dx/searchResults/searchResults.css +2 -3
  26. package/src/modules/dx/select/select.css +1 -15
  27. package/src/modules/dx/spinner/spinner.css +28 -225
  28. package/src/modules/dx/toast/toast.css +1 -1
  29. package/src/modules/dxHelpers/animations/animations.css +1 -1
  30. package/src/modules/dxHelpers/card/card.css +1 -1
  31. package/src/modules/dxHelpers/code/code.css +5 -13
  32. package/src/modules/dxHelpers/commonTreeItem/commonTreeItem.css +1 -1
  33. package/src/modules/dxHelpers/reset/reset.css +6 -13
  34. package/src/modules/dxHelpers/text/text.css +1 -1
  35. package/src/modules/dxUtils/prismjs/prismjs.ts +168 -294
  36. package/src/modules/dx/header/__benchmarks__/header.benchmark.js +0 -45
  37. package/src/modules/dx/header/header.css +0 -99
  38. package/src/modules/dx/header/header.html +0 -132
  39. package/src/modules/dx/header/header.ts +0 -21
package/src/modules/dx/spinner/spinner.css CHANGED
@@ -14,14 +14,12 @@
14
14
  top: 50%;
15
15
  left: 50%;
16
16
  z-index: 9051;
17
- -webkit-transform: translate(-50%, -50%) rotate(90deg);
18
17
  transform: translate(-50%, -50%) rotate(90deg);
19
18
  }
20
19
 
21
20
  .spinner,
22
21
  .spinner_dot-a,
23
22
  .spinner_dot-b {
24
- -webkit-transform-origin: 50% 50%;
25
23
  transform-origin: 50% 50%;
26
24
  will-change: transform;
27
25
  }
@@ -44,51 +42,40 @@
44
42
  position: absolute;
45
43
  background: #b0adab;
46
44
  border-radius: 50%;
47
- -webkit-animation-duration: 1000ms;
48
45
  animation-duration: 1000ms;
49
- -webkit-animation-iteration-count: infinite;
50
46
  animation-iteration-count: infinite;
51
- -webkit-transform: translate3d(0, 0, 0);
52
47
  transform: translate3d(0, 0, 0);
53
48
  }
54
49
 
55
50
  .spinner_dot-a {
56
- -webkit-transform: rotate(60deg);
57
51
  transform: rotate(60deg);
58
52
  }
59
53
 
60
54
  .spinner_dot-b {
61
- -webkit-transform: rotate(120deg);
62
55
  transform: rotate(120deg);
63
56
  }
64
57
 
65
58
  .spinner::before {
66
- -webkit-animation-delay: -83.33333ms;
67
- animation-delay: -83.33333ms;
59
+ animation-delay: -83.3333ms;
68
60
  }
69
61
 
70
62
  .spinner_dot-a::before {
71
- -webkit-animation-delay: 83.33333ms;
72
- animation-delay: 83.33333ms;
63
+ animation-delay: 83.3333ms;
73
64
  }
74
65
 
75
66
  .spinner_dot-b::before {
76
- -webkit-animation-delay: 250ms;
77
67
  animation-delay: 250ms;
78
68
  }
79
69
 
80
70
  .spinner::after {
81
- -webkit-animation-delay: 416.66667ms;
82
- animation-delay: 416.66667ms;
71
+ animation-delay: 416.6667ms;
83
72
  }
84
73
 
85
74
  .spinner_dot-a::after {
86
- -webkit-animation-delay: 583.33333ms;
87
- animation-delay: 583.33333ms;
75
+ animation-delay: 583.3333ms;
88
76
  }
89
77
 
90
78
  .spinner_dot-b::after {
91
- -webkit-animation-delay: 750ms;
92
79
  animation-delay: 750ms;
93
80
  }
94
81
 
@@ -125,7 +112,6 @@
125
112
  .spinner_x-small .spinner_dot-b::before {
126
113
  top: -0.125rem;
127
114
  left: -0.125rem;
128
- -webkit-animation-name: dotsbouncebefore-extrasmall;
129
115
  animation-name: dotsbouncebefore-extrasmall;
130
116
  }
131
117
 
@@ -134,7 +120,6 @@
134
120
  .spinner_x-small .spinner_dot-b::after {
135
121
  top: -0.125rem;
136
122
  right: -0.125rem;
137
- -webkit-animation-name: dotsbounceafter-extrasmall;
138
123
  animation-name: dotsbounceafter-extrasmall;
139
124
  }
140
125
 
@@ -146,126 +131,82 @@
146
131
  height: 1rem;
147
132
  }
148
133
 
149
- @-webkit-keyframes dotsbouncebefore-extrasmall {
134
+ @keyframes dotsbouncebefore-extrasmall {
150
135
  0% {
151
- -webkit-transform: translate3d(0, 0, 0);
152
136
  transform: translate3d(0, 0, 0);
153
137
  }
154
138
 
155
139
  60% {
156
- -webkit-transform: translate3d(0, 0, 0);
157
- transform: translate3d(0, 0, 0);
158
- -webkit-animation-timing-function: cubic-bezier(
159
- 0.55,
160
- 0.085,
161
- 0.68,
162
- 0.53
163
- );
140
+ transform: translate3d(0, 0, 0);
164
141
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
165
142
  }
166
143
 
167
144
  80% {
168
- -webkit-transform: translate3d(-0.25rem, 0, 0);
169
145
  transform: translate3d(-0.25rem, 0, 0);
170
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
171
146
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
172
147
  }
173
148
 
174
149
  100% {
175
- -webkit-transform: translate3d(0, 0, 0);
176
150
  transform: translate3d(0, 0, 0);
177
151
  }
178
152
  }
179
153
 
180
154
  @keyframes dotsbouncebefore-extrasmall {
181
155
  0% {
182
- -webkit-transform: translate3d(0, 0, 0);
183
156
  transform: translate3d(0, 0, 0);
184
157
  }
185
158
 
186
159
  60% {
187
- -webkit-transform: translate3d(0, 0, 0);
188
- transform: translate3d(0, 0, 0);
189
- -webkit-animation-timing-function: cubic-bezier(
190
- 0.55,
191
- 0.085,
192
- 0.68,
193
- 0.53
194
- );
160
+ transform: translate3d(0, 0, 0);
195
161
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
196
162
  }
197
163
 
198
164
  80% {
199
- -webkit-transform: translate3d(-0.25rem, 0, 0);
200
165
  transform: translate3d(-0.25rem, 0, 0);
201
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
202
166
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
203
167
  }
204
168
 
205
169
  100% {
206
- -webkit-transform: translate3d(0, 0, 0);
207
170
  transform: translate3d(0, 0, 0);
208
171
  }
209
172
  }
210
173
 
211
- @-webkit-keyframes dotsbounceafter-extrasmall {
174
+ @keyframes dotsbounceafter-extrasmall {
212
175
  0% {
213
- -webkit-transform: translate3d(0, 0, 0);
214
176
  transform: translate3d(0, 0, 0);
215
177
  }
216
178
 
217
179
  60% {
218
- -webkit-transform: translate3d(0, 0, 0);
219
- transform: translate3d(0, 0, 0);
220
- -webkit-animation-timing-function: cubic-bezier(
221
- 0.55,
222
- 0.085,
223
- 0.68,
224
- 0.53
225
- );
180
+ transform: translate3d(0, 0, 0);
226
181
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
227
182
  }
228
183
 
229
184
  80% {
230
- -webkit-transform: translate3d(0.25rem, 0, 0);
231
185
  transform: translate3d(0.25rem, 0, 0);
232
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
233
186
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
234
187
  }
235
188
 
236
189
  100% {
237
- -webkit-transform: translate3d(0, 0, 0);
238
190
  transform: translate3d(0, 0, 0);
239
191
  }
240
192
  }
241
193
 
242
194
  @keyframes dotsbounceafter-extrasmall {
243
195
  0% {
244
- -webkit-transform: translate3d(0, 0, 0);
245
196
  transform: translate3d(0, 0, 0);
246
197
  }
247
198
 
248
199
  60% {
249
- -webkit-transform: translate3d(0, 0, 0);
250
- transform: translate3d(0, 0, 0);
251
- -webkit-animation-timing-function: cubic-bezier(
252
- 0.55,
253
- 0.085,
254
- 0.68,
255
- 0.53
256
- );
200
+ transform: translate3d(0, 0, 0);
257
201
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
258
202
  }
259
203
 
260
204
  80% {
261
- -webkit-transform: translate3d(0.25rem, 0, 0);
262
205
  transform: translate3d(0.25rem, 0, 0);
263
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
264
206
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
265
207
  }
266
208
 
267
209
  100% {
268
- -webkit-transform: translate3d(0, 0, 0);
269
210
  transform: translate3d(0, 0, 0);
270
211
  }
271
212
  }
@@ -293,7 +234,6 @@
293
234
  .spinner_small .spinner_dot-b::before {
294
235
  top: -0.125rem;
295
236
  left: -0.125rem;
296
- -webkit-animation-name: dotsbouncebefore-small;
297
237
  animation-name: dotsbouncebefore-small;
298
238
  }
299
239
 
@@ -302,130 +242,85 @@
302
242
  .spinner_small .spinner_dot-b::after {
303
243
  top: -0.125rem;
304
244
  right: -0.125rem;
305
- -webkit-animation-name: dotsbounceafter-small;
306
245
  animation-name: dotsbounceafter-small;
307
246
  }
308
247
 
309
- @-webkit-keyframes dotsbouncebefore-small {
248
+ @keyframes dotsbouncebefore-small {
310
249
  0% {
311
- -webkit-transform: translate3d(0, 0, 0);
312
250
  transform: translate3d(0, 0, 0);
313
251
  }
314
252
 
315
253
  60% {
316
- -webkit-transform: translate3d(0, 0, 0);
317
- transform: translate3d(0, 0, 0);
318
- -webkit-animation-timing-function: cubic-bezier(
319
- 0.55,
320
- 0.085,
321
- 0.68,
322
- 0.53
323
- );
254
+ transform: translate3d(0, 0, 0);
324
255
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
325
256
  }
326
257
 
327
258
  80% {
328
- -webkit-transform: translate3d(-0.375rem, 0, 0);
329
259
  transform: translate3d(-0.375rem, 0, 0);
330
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
331
260
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
332
261
  }
333
262
 
334
263
  100% {
335
- -webkit-transform: translate3d(0, 0, 0);
336
264
  transform: translate3d(0, 0, 0);
337
265
  }
338
266
  }
339
267
 
340
268
  @keyframes dotsbouncebefore-small {
341
269
  0% {
342
- -webkit-transform: translate3d(0, 0, 0);
343
270
  transform: translate3d(0, 0, 0);
344
271
  }
345
272
 
346
273
  60% {
347
- -webkit-transform: translate3d(0, 0, 0);
348
- transform: translate3d(0, 0, 0);
349
- -webkit-animation-timing-function: cubic-bezier(
350
- 0.55,
351
- 0.085,
352
- 0.68,
353
- 0.53
354
- );
274
+ transform: translate3d(0, 0, 0);
355
275
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
356
276
  }
357
277
 
358
278
  80% {
359
- -webkit-transform: translate3d(-0.375rem, 0, 0);
360
279
  transform: translate3d(-0.375rem, 0, 0);
361
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
362
280
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
363
281
  }
364
282
 
365
283
  100% {
366
- -webkit-transform: translate3d(0, 0, 0);
367
284
  transform: translate3d(0, 0, 0);
368
285
  }
369
286
  }
370
287
 
371
- @-webkit-keyframes dotsbounceafter-small {
288
+ @keyframes dotsbounceafter-small {
372
289
  0% {
373
- -webkit-transform: translate3d(0, 0, 0);
374
290
  transform: translate3d(0, 0, 0);
375
291
  }
376
292
 
377
293
  60% {
378
- -webkit-transform: translate3d(0, 0, 0);
379
- transform: translate3d(0, 0, 0);
380
- -webkit-animation-timing-function: cubic-bezier(
381
- 0.55,
382
- 0.085,
383
- 0.68,
384
- 0.53
385
- );
294
+ transform: translate3d(0, 0, 0);
386
295
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
387
296
  }
388
297
 
389
298
  80% {
390
- -webkit-transform: translate3d(0.375rem, 0, 0);
391
299
  transform: translate3d(0.375rem, 0, 0);
392
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
393
300
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
394
301
  }
395
302
 
396
303
  100% {
397
- -webkit-transform: translateX(0);
398
304
  transform: translateX(0);
399
305
  }
400
306
  }
401
307
 
402
308
  @keyframes dotsbounceafter-small {
403
309
  0% {
404
- -webkit-transform: translate3d(0, 0, 0);
405
310
  transform: translate3d(0, 0, 0);
406
311
  }
407
312
 
408
313
  60% {
409
- -webkit-transform: translate3d(0, 0, 0);
410
- transform: translate3d(0, 0, 0);
411
- -webkit-animation-timing-function: cubic-bezier(
412
- 0.55,
413
- 0.085,
414
- 0.68,
415
- 0.53
416
- );
314
+ transform: translate3d(0, 0, 0);
417
315
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
418
316
  }
419
317
 
420
318
  80% {
421
- -webkit-transform: translate3d(0.375rem, 0, 0);
422
319
  transform: translate3d(0.375rem, 0, 0);
423
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
424
320
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
425
321
  }
426
322
 
427
323
  100% {
428
- -webkit-transform: translateX(0);
429
324
  transform: translateX(0);
430
325
  }
431
326
  }
@@ -447,7 +342,6 @@
447
342
  .spinner_medium.spinner::before,
448
343
  .spinner_medium .spinner_dot-a::before,
449
344
  .spinner_medium .spinner_dot-b::before {
450
- -webkit-animation-name: dotsbouncebefore-medium;
451
345
  animation-name: dotsbouncebefore-medium;
452
346
  top: -0.25rem;
453
347
  left: -0.25rem;
@@ -456,132 +350,87 @@
456
350
  .spinner_medium.spinner::after,
457
351
  .spinner_medium .spinner_dot-a::after,
458
352
  .spinner_medium .spinner_dot-b::after {
459
- -webkit-animation-name: dotsbounceafter-medium;
460
353
  animation-name: dotsbounceafter-medium;
461
354
  top: -0.25rem;
462
355
  right: -0.25rem;
463
356
  }
464
357
 
465
- @-webkit-keyframes dotsbouncebefore-medium {
358
+ @keyframes dotsbouncebefore-medium {
466
359
  0% {
467
- -webkit-transform: translate3d(0, 0, 0);
468
360
  transform: translate3d(0, 0, 0);
469
361
  }
470
362
 
471
363
  60% {
472
- -webkit-transform: translate3d(0, 0, 0);
473
- transform: translate3d(0, 0, 0);
474
- -webkit-animation-timing-function: cubic-bezier(
475
- 0.55,
476
- 0.085,
477
- 0.68,
478
- 0.53
479
- );
364
+ transform: translate3d(0, 0, 0);
480
365
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
481
366
  }
482
367
 
483
368
  80% {
484
- -webkit-transform: translate3d(-0.5rem, 0, 0);
485
369
  transform: translate3d(-0.5rem, 0, 0);
486
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
487
370
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
488
371
  }
489
372
 
490
373
  100% {
491
- -webkit-transform: translate3d(0, 0, 0);
492
374
  transform: translate3d(0, 0, 0);
493
375
  }
494
376
  }
495
377
 
496
378
  @keyframes dotsbouncebefore-medium {
497
379
  0% {
498
- -webkit-transform: translate3d(0, 0, 0);
499
380
  transform: translate3d(0, 0, 0);
500
381
  }
501
382
 
502
383
  60% {
503
- -webkit-transform: translate3d(0, 0, 0);
504
- transform: translate3d(0, 0, 0);
505
- -webkit-animation-timing-function: cubic-bezier(
506
- 0.55,
507
- 0.085,
508
- 0.68,
509
- 0.53
510
- );
384
+ transform: translate3d(0, 0, 0);
511
385
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
512
386
  }
513
387
 
514
388
  80% {
515
- -webkit-transform: translate3d(-0.5rem, 0, 0);
516
389
  transform: translate3d(-0.5rem, 0, 0);
517
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
518
390
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
519
391
  }
520
392
 
521
393
  100% {
522
- -webkit-transform: translate3d(0, 0, 0);
523
394
  transform: translate3d(0, 0, 0);
524
395
  }
525
396
  }
526
397
 
527
- @-webkit-keyframes dotsbounceafter-medium {
398
+ @keyframes dotsbounceafter-medium {
528
399
  0% {
529
- -webkit-transform: translate3d(0, 0, 0);
530
400
  transform: translate3d(0, 0, 0);
531
401
  }
532
402
 
533
403
  60% {
534
- -webkit-transform: translate3d(0, 0, 0);
535
- transform: translate3d(0, 0, 0);
536
- -webkit-animation-timing-function: cubic-bezier(
537
- 0.55,
538
- 0.085,
539
- 0.68,
540
- 0.53
541
- );
404
+ transform: translate3d(0, 0, 0);
542
405
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
543
406
  }
544
407
 
545
408
  80% {
546
- -webkit-transform: translate3d(0.5rem, 0, 0);
547
409
  transform: translate3d(0.5rem, 0, 0);
548
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
549
410
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
550
411
  }
551
412
 
552
413
  100% {
553
- -webkit-transform: translateX(0);
554
414
  transform: translateX(0);
555
415
  }
556
416
  }
557
417
 
558
418
  @keyframes dotsbounceafter-medium {
559
419
  0% {
560
- -webkit-transform: translate3d(0, 0, 0);
561
420
  transform: translate3d(0, 0, 0);
562
421
  }
563
422
 
564
423
  60% {
565
- -webkit-transform: translate3d(0, 0, 0);
566
- transform: translate3d(0, 0, 0);
567
- -webkit-animation-timing-function: cubic-bezier(
568
- 0.55,
569
- 0.085,
570
- 0.68,
571
- 0.53
572
- );
424
+ transform: translate3d(0, 0, 0);
573
425
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
574
426
  }
575
427
 
576
428
  80% {
577
- -webkit-transform: translate3d(0.5rem, 0, 0);
578
429
  transform: translate3d(0.5rem, 0, 0);
579
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
580
430
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
581
431
  }
582
432
 
583
433
  100% {
584
- -webkit-transform: translateX(0);
585
434
  transform: translateX(0);
586
435
  }
587
436
  }
@@ -603,7 +452,6 @@
603
452
  .spinner_large.spinner::before,
604
453
  .spinner_large .spinner_dot-a::before,
605
454
  .spinner_large .spinner_dot-b::before {
606
- -webkit-animation-name: dotsbouncebefore-medium;
607
455
  animation-name: dotsbouncebefore-medium;
608
456
  top: -0.3125rem;
609
457
  left: -0.3125rem;
@@ -612,132 +460,87 @@
612
460
  .spinner_large.spinner::after,
613
461
  .spinner_large .spinner_dot-a::after,
614
462
  .spinner_large .spinner_dot-b::after {
615
- -webkit-animation-name: dotsbounceafter-medium;
616
463
  animation-name: dotsbounceafter-medium;
617
464
  top: -0.3125rem;
618
465
  right: -0.3125rem;
619
466
  }
620
467
 
621
- @-webkit-keyframes dotsbouncebefore-large {
468
+ @keyframes dotsbouncebefore-large {
622
469
  0% {
623
- -webkit-transform: translate3d(0, 0, 0);
624
470
  transform: translate3d(0, 0, 0);
625
471
  }
626
472
 
627
473
  60% {
628
- -webkit-transform: translate3d(0, 0, 0);
629
- transform: translate3d(0, 0, 0);
630
- -webkit-animation-timing-function: cubic-bezier(
631
- 0.55,
632
- 0.085,
633
- 0.68,
634
- 0.53
635
- );
474
+ transform: translate3d(0, 0, 0);
636
475
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
637
476
  }
638
477
 
639
478
  80% {
640
- -webkit-transform: translate3d(-0.75rem, 0, 0);
641
479
  transform: translate3d(-0.75rem, 0, 0);
642
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
643
480
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
644
481
  }
645
482
 
646
483
  100% {
647
- -webkit-transform: translateX(0);
648
484
  transform: translateX(0);
649
485
  }
650
486
  }
651
487
 
652
488
  @keyframes dotsbouncebefore-large {
653
489
  0% {
654
- -webkit-transform: translate3d(0, 0, 0);
655
490
  transform: translate3d(0, 0, 0);
656
491
  }
657
492
 
658
493
  60% {
659
- -webkit-transform: translate3d(0, 0, 0);
660
- transform: translate3d(0, 0, 0);
661
- -webkit-animation-timing-function: cubic-bezier(
662
- 0.55,
663
- 0.085,
664
- 0.68,
665
- 0.53
666
- );
494
+ transform: translate3d(0, 0, 0);
667
495
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
668
496
  }
669
497
 
670
498
  80% {
671
- -webkit-transform: translate3d(-0.75rem, 0, 0);
672
499
  transform: translate3d(-0.75rem, 0, 0);
673
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
674
500
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
675
501
  }
676
502
 
677
503
  100% {
678
- -webkit-transform: translateX(0);
679
504
  transform: translateX(0);
680
505
  }
681
506
  }
682
507
 
683
- @-webkit-keyframes dotsbounceafter-large {
508
+ @keyframes dotsbounceafter-large {
684
509
  0% {
685
- -webkit-transform: translate3d(0, 0, 0);
686
510
  transform: translate3d(0, 0, 0);
687
511
  }
688
512
 
689
513
  60% {
690
- -webkit-transform: translate3d(0, 0, 0);
691
- transform: translate3d(0, 0, 0);
692
- -webkit-animation-timing-function: cubic-bezier(
693
- 0.55,
694
- 0.085,
695
- 0.68,
696
- 0.53
697
- );
514
+ transform: translate3d(0, 0, 0);
698
515
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
699
516
  }
700
517
 
701
518
  80% {
702
- -webkit-transform: translate3d(0.75rem, 0, 0);
703
519
  transform: translate3d(0.75rem, 0, 0);
704
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
705
520
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
706
521
  }
707
522
 
708
523
  100% {
709
- -webkit-transform: translateX(0);
710
524
  transform: translateX(0);
711
525
  }
712
526
  }
713
527
 
714
528
  @keyframes dotsbounceafter-large {
715
529
  0% {
716
- -webkit-transform: translate3d(0, 0, 0);
717
530
  transform: translate3d(0, 0, 0);
718
531
  }
719
532
 
720
533
  60% {
721
- -webkit-transform: translate3d(0, 0, 0);
722
- transform: translate3d(0, 0, 0);
723
- -webkit-animation-timing-function: cubic-bezier(
724
- 0.55,
725
- 0.085,
726
- 0.68,
727
- 0.53
728
- );
534
+ transform: translate3d(0, 0, 0);
729
535
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
730
536
  }
731
537
 
732
538
  80% {
733
- -webkit-transform: translate3d(0.75rem, 0, 0);
734
539
  transform: translate3d(0.75rem, 0, 0);
735
- -webkit-animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
736
540
  animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
737
541
  }
738
542
 
739
543
  100% {
740
- -webkit-transform: translateX(0);
741
544
  transform: translateX(0);
742
545
  }
743
546
  }
package/src/modules/dx/toast/toast.css CHANGED
@@ -39,7 +39,7 @@
39
39
  align-items: center;
40
40
  justify-content: center;
41
41
  max-width: 926px;
42
- background-color: rgb(22, 50, 92);
42
+ background-color: rgb(22 50 92);
43
43
  padding: var(--dx-g-spacing-mlg);
44
44
  border-radius: 4px;
45
45
  width: 100%;
package/src/modules/dxHelpers/animations/animations.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes fadeIn {
1
+ @keyframes fadein {
2
2
  0% {
3
3
  opacity: 0;
4
4
  transform: translateY(var(--dx-g-spacing-sm));
package/src/modules/dxHelpers/card/card.css CHANGED
@@ -180,7 +180,7 @@ a.dx-card-base:hover dx-card-title {
180
180
  /* Line Limits */
181
181
  .dx-text-body-2,
182
182
  .dx-text-body-3 {
183
- display: -webkit-box;
183
+ display: box;
184
184
  -webkit-line-clamp: var(--dx-c-body-max-lines);
185
185
  -webkit-box-orient: vertical;
186
186
  overflow: hidden;