@patternfly/patternfly 6.0.0-alpha.89 → 6.0.0-alpha.90

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 (30) hide show
  1. package/base/patternfly-variables.css +167 -31
  2. package/base/tokens/_tokens-charts.scss +26 -26
  3. package/base/tokens/_tokens-dark.scss +14 -9
  4. package/base/tokens/_tokens-default.scss +66 -6
  5. package/base/tokens/_tokens-font.scss +94 -23
  6. package/base/tokens/_tokens-palette.scss +1 -1
  7. package/components/Button/button.css +0 -22
  8. package/components/Button/button.scss +0 -22
  9. package/components/Label/label.css +5 -7
  10. package/components/Label/label.scss +5 -8
  11. package/components/Menu/menu.css +0 -4
  12. package/components/Menu/menu.scss +0 -4
  13. package/components/MenuToggle/menu-toggle.css +0 -2
  14. package/components/MenuToggle/menu-toggle.scss +0 -3
  15. package/components/SimpleList/simple-list.css +0 -3
  16. package/components/SimpleList/simple-list.scss +0 -4
  17. package/components/Tabs/tabs.css +0 -1
  18. package/components/Tabs/tabs.scss +1 -3
  19. package/components/Wizard/wizard.css +0 -6
  20. package/components/Wizard/wizard.scss +1 -9
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals-theme-dark-unversioned.css +167 -31
  23. package/patternfly-base-no-globals.css +167 -31
  24. package/patternfly-base-theme-dark-unversioned.css +167 -31
  25. package/patternfly-base.css +167 -31
  26. package/patternfly-no-globals.css +172 -76
  27. package/patternfly-theme-dark-unversioned.css +172 -76
  28. package/patternfly.css +172 -76
  29. package/patternfly.min.css +1 -1
  30. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -279,27 +279,98 @@ html .ws-preview {
279
279
  --pf-t--global--text-decoration--200: underline;
280
280
  --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
281
281
  --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
282
- --pf-t--global--mix-blend-mode--100: multiply;
283
- --pf-t--global--mix-blend-mode--200: screen;
284
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
285
- --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
286
- --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
287
- --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
288
- --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
289
- --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
290
- --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
291
- --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
292
- --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
293
- --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
294
- --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
295
- --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
296
- --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
297
- --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
298
- --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
299
- --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
282
+ --pf-t--global--box-shadow--sm:
283
+ var(--pf-t--global--box-shadow--X--sm--default)
284
+ var(--pf-t--global--box-shadow--Y--sm--default)
285
+ var(--pf-t--global--box-shadow--blur--sm)
286
+ var(--pf-t--global--box-shadow--spread--sm)
287
+ var(--pf-t--global--box-shadow--color--sm);
288
+ --pf-t--global--box-shadow--sm--top:
289
+ var(--pf-t--global--box-shadow--X--sm--top)
290
+ var(--pf-t--global--box-shadow--Y--sm--top)
291
+ var(--pf-t--global--box-shadow--blur--sm)
292
+ var(--pf-t--global--box-shadow--spread--sm)
293
+ var(--pf-t--global--box-shadow--color--sm);
294
+ --pf-t--global--box-shadow--sm--bottom:
295
+ var(--pf-t--global--box-shadow--X--sm--bottom)
296
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
297
+ var(--pf-t--global--box-shadow--blur--sm)
298
+ var(--pf-t--global--box-shadow--spread--sm)
299
+ var(--pf-t--global--box-shadow--color--sm);
300
+ --pf-t--global--box-shadow--sm--left:
301
+ var(--pf-t--global--box-shadow--X--sm--left)
302
+ var(--pf-t--global--box-shadow--Y--sm--left)
303
+ var(--pf-t--global--box-shadow--blur--sm)
304
+ var(--pf-t--global--box-shadow--spread--sm)
305
+ var(--pf-t--global--box-shadow--color--sm);
306
+ --pf-t--global--box-shadow--sm--right:
307
+ var(--pf-t--global--box-shadow--X--sm--right)
308
+ var(--pf-t--global--box-shadow--Y--sm--right)
309
+ var(--pf-t--global--box-shadow--blur--sm)
310
+ var(--pf-t--global--box-shadow--spread--sm)
311
+ var(--pf-t--global--box-shadow--color--sm);
312
+ --pf-t--global--box-shadow--md:
313
+ var(--pf-t--global--box-shadow--X--md--default)
314
+ var(--pf-t--global--box-shadow--Y--md--default)
315
+ var(--pf-t--global--box-shadow--blur--md)
316
+ var(--pf-t--global--box-shadow--spread--md)
317
+ var(--pf-t--global--box-shadow--color--md);
318
+ --pf-t--global--box-shadow--md--top:
319
+ var(--pf-t--global--box-shadow--X--md--top)
320
+ var(--pf-t--global--box-shadow--Y--md--top)
321
+ var(--pf-t--global--box-shadow--blur--md)
322
+ var(--pf-t--global--box-shadow--spread--md)
323
+ var(--pf-t--global--box-shadow--color--md);
324
+ --pf-t--global--box-shadow--md--bottom:
325
+ var(--pf-t--global--box-shadow--X--md--bottom)
326
+ var(--pf-t--global--box-shadow--Y--md--bottom)
327
+ var(--pf-t--global--box-shadow--blur--md)
328
+ var(--pf-t--global--box-shadow--spread--md)
329
+ var(--pf-t--global--box-shadow--color--md);
330
+ --pf-t--global--box-shadow--md--left:
331
+ var(--pf-t--global--box-shadow--X--md--left)
332
+ var(--pf-t--global--box-shadow--Y--md--left)
333
+ var(--pf-t--global--box-shadow--blur--md)
334
+ var(--pf-t--global--box-shadow--spread--md)
335
+ var(--pf-t--global--box-shadow--color--md);
336
+ --pf-t--global--box-shadow--md--right:
337
+ var(--pf-t--global--box-shadow--X--md--right)
338
+ var(--pf-t--global--box-shadow--Y--md--right)
339
+ var(--pf-t--global--box-shadow--blur--md)
340
+ var(--pf-t--global--box-shadow--spread--md)
341
+ var(--pf-t--global--box-shadow--color--md);
342
+ --pf-t--global--box-shadow--lg:
343
+ var(--pf-t--global--box-shadow--X--lg--default)
344
+ var(--pf-t--global--box-shadow--Y--lg--default)
345
+ var(--pf-t--global--box-shadow--blur--lg)
346
+ var(--pf-t--global--box-shadow--spread--lg)
347
+ var(--pf-t--global--box-shadow--color--lg);
348
+ --pf-t--global--box-shadow--lg--top:
349
+ var(--pf-t--global--box-shadow--X--lg--top)
350
+ var(--pf-t--global--box-shadow--Y--lg--top)
351
+ var(--pf-t--global--box-shadow--blur--lg)
352
+ var(--pf-t--global--box-shadow--spread--lg)
353
+ var(--pf-t--global--box-shadow--color--lg);
354
+ --pf-t--global--box-shadow--lg--bottom:
355
+ var(--pf-t--global--box-shadow--X--lg--bottom)
356
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
357
+ var(--pf-t--global--box-shadow--blur--lg)
358
+ var(--pf-t--global--box-shadow--spread--lg)
359
+ var(--pf-t--global--box-shadow--color--lg);
360
+ --pf-t--global--box-shadow--lg--left:
361
+ var(--pf-t--global--box-shadow--X--lg--left)
362
+ var(--pf-t--global--box-shadow--Y--lg--left)
363
+ var(--pf-t--global--box-shadow--blur--lg)
364
+ var(--pf-t--global--box-shadow--spread--lg)
365
+ var(--pf-t--global--box-shadow--color--lg);
366
+ --pf-t--global--box-shadow--lg--right:
367
+ var(--pf-t--global--box-shadow--X--lg--right)
368
+ var(--pf-t--global--box-shadow--Y--lg--right)
369
+ var(--pf-t--global--box-shadow--blur--lg)
370
+ var(--pf-t--global--box-shadow--spread--lg)
371
+ var(--pf-t--global--box-shadow--color--lg);
300
372
  }
301
373
  :root:where(.pf-v5-theme-dark) {
302
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
303
374
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
304
375
  --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
305
376
  --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
@@ -382,7 +453,28 @@ html .ws-preview {
382
453
 
383
454
  :root {
384
455
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
456
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
385
457
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
458
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
459
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
460
+ --pf-t--global--box-shadow--spread--100: 0px;
461
+ --pf-t--global--box-shadow--blur--300: 24px;
462
+ --pf-t--global--box-shadow--blur--200: 8px;
463
+ --pf-t--global--box-shadow--blur--100: 2px;
464
+ --pf-t--global--box-shadow--Y--700: 8px;
465
+ --pf-t--global--box-shadow--Y--600: 4px;
466
+ --pf-t--global--box-shadow--Y--500: 1px;
467
+ --pf-t--global--box-shadow--Y--400: 0px;
468
+ --pf-t--global--box-shadow--Y--300: -1px;
469
+ --pf-t--global--box-shadow--Y--200: -4px;
470
+ --pf-t--global--box-shadow--Y--100: -8px;
471
+ --pf-t--global--box-shadow--X--700: 8px;
472
+ --pf-t--global--box-shadow--X--600: 4px;
473
+ --pf-t--global--box-shadow--X--500: 1px;
474
+ --pf-t--global--box-shadow--X--400: 0px;
475
+ --pf-t--global--box-shadow--X--300: -1px;
476
+ --pf-t--global--box-shadow--X--200: -4px;
477
+ --pf-t--global--box-shadow--X--100: -8px;
386
478
  --pf-t--global--Zindex--600: 600;
387
479
  --pf-t--global--Zindex--500: 500;
388
480
  --pf-t--global--Zindex--400: 400;
@@ -425,7 +517,7 @@ html .ws-preview {
425
517
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
426
518
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
427
519
  --pf-t--global--text--color--300: var(--pf-t--color--white);
428
- --pf-t--global--text--color--200: var(--pf-t--color--gray--50);
520
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
429
521
  --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
430
522
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
431
523
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
@@ -475,12 +567,53 @@ html .ws-preview {
475
567
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
476
568
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
477
569
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
570
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
571
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
478
572
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
479
573
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
480
574
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
481
575
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
482
576
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
483
577
  --pf-t--global--background--color--100: var(--pf-t--color--white);
578
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
579
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
580
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
581
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
582
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
583
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
584
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
585
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
586
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
587
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
588
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
589
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
590
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
591
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
592
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
593
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
594
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
595
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
596
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
597
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
598
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
599
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
600
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
601
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
602
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
603
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
604
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
605
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
606
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
607
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
608
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
609
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
610
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
611
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
612
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
613
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
614
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
615
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
616
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
484
617
  --pf-t--global--Zindex--2xl: 600;
485
618
  --pf-t--global--Zindex--xl: 500;
486
619
  --pf-t--global--Zindex--lg: 400;
@@ -516,10 +649,10 @@ html .ws-preview {
516
649
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
517
650
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
518
651
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
519
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
520
652
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
521
653
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
522
654
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
655
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
523
656
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
524
657
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
525
658
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -610,8 +743,6 @@ html .ws-preview {
610
743
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
611
744
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
612
745
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
613
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--200);
614
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
615
746
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
616
747
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
617
748
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -746,8 +877,8 @@ html .ws-preview {
746
877
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
747
878
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
748
879
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
749
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
750
880
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
881
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
751
882
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
752
883
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
753
884
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
@@ -853,8 +984,15 @@ html .ws-preview {
853
984
 
854
985
  :root:where(.pf-v5-theme-dark) {
855
986
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
987
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
988
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
856
989
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
990
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
991
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
992
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
857
993
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
994
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
995
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
858
996
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
859
997
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
860
998
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
@@ -863,7 +1001,7 @@ html .ws-preview {
863
1001
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
864
1002
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
865
1003
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
866
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--40);
1004
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
867
1005
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
868
1006
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
869
1007
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -919,7 +1057,7 @@ html .ws-preview {
919
1057
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
920
1058
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
921
1059
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
922
- --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
1060
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
923
1061
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
924
1062
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
925
1063
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
@@ -1028,8 +1166,8 @@ html .ws-preview {
1028
1166
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1029
1167
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
1030
1168
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1031
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--200);
1032
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--200);
1169
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
1170
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1033
1171
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1034
1172
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
1035
1173
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
@@ -1192,12 +1330,10 @@ html .ws-preview {
1192
1330
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1193
1331
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1194
1332
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1195
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1196
1333
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1334
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1197
1335
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1198
1336
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1199
1337
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1200
1338
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1201
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
1202
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1203
1339
  }
package/base/tokens/_tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // /**
2
2
  // * Do not edit directly
3
- // * Generated on Tue, 06 Feb 2024 18:33:23 GMT
3
+ // * Generated on Tue, 20 Feb 2024 01:08:05 GMT
4
4
  // */
5
5
 
6
6
  :root {
@@ -95,31 +95,31 @@
95
95
  --pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--300: var(--pf-t--chart--color--green--300);
96
96
  --pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--200: var(--pf-t--chart--color--yellow--300);
97
97
  --pf-t--chart--theme--colorscales--Multi-colored-unordered--colorscale--100: var(--pf-t--chart--color--blue--300);
98
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--200);
99
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--400);
100
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400);
101
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--200);
102
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400);
103
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--400);
104
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--200);
105
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--200);
106
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--400);
107
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--200);
108
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--100);
109
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--500);
110
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500);
111
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100);
112
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500);
113
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--500);
114
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--100);
115
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--100);
116
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--500);
117
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--100);
118
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--300);
119
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300);
120
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--300);
121
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300);
122
- --pf-t--chart--theme--colorscales--Multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--300);
98
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2500: var(--pf-t--chart--color--orange--200);
99
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2400: var(--pf-t--chart--color--yellow--400);
100
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2300: var(--pf-t--chart--color--teal--400);
101
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2200: var(--pf-t--chart--color--green--200);
102
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2100: var(--pf-t--chart--color--blue--400);
103
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--2000: var(--pf-t--chart--color--orange--400);
104
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1900: var(--pf-t--chart--color--yellow--200);
105
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1800: var(--pf-t--chart--color--teal--200);
106
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1700: var(--pf-t--chart--color--green--400);
107
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1600: var(--pf-t--chart--color--blue--200);
108
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1500: var(--pf-t--chart--color--orange--100);
109
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1400: var(--pf-t--chart--color--yellow--500);
110
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1300: var(--pf-t--chart--color--teal--500);
111
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1200: var(--pf-t--chart--color--green--100);
112
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1100: var(--pf-t--chart--color--blue--500);
113
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--1000: var(--pf-t--chart--color--orange--500);
114
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--900: var(--pf-t--chart--color--yellow--100);
115
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--800: var(--pf-t--chart--color--teal--100);
116
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--700: var(--pf-t--chart--color--green--500);
117
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--600: var(--pf-t--chart--color--blue--100);
118
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--500: var(--pf-t--chart--color--orange--300);
119
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--400: var(--pf-t--chart--color--yellow--300);
120
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--300: var(--pf-t--chart--color--teal--300);
121
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--200: var(--pf-t--chart--color--green--300);
122
+ --pf-t--chart--theme--colorscales--multi-colored-ordered--colorscale--100: var(--pf-t--chart--color--blue--300);
123
123
  --pf-t--chart--theme--colorscales--orange--colorscale--500: var(--pf-t--chart--color--orange--400);
124
124
  --pf-t--chart--theme--colorscales--orange--colorscale--400: var(--pf-t--chart--color--orange--200);
125
125
  --pf-t--chart--theme--colorscales--orange--colorscale--300: var(--pf-t--chart--color--orange--500);
package/base/tokens/_tokens-dark.scss CHANGED
@@ -1,12 +1,19 @@
1
1
  // /**
2
2
  // * Do not edit directly
3
- // * Generated on Tue, 06 Feb 2024 18:33:23 GMT
3
+ // * Generated on Tue, 20 Feb 2024 01:08:05 GMT
4
4
  // */
5
5
 
6
- :root:where(.pf-v5-theme-dark) {
6
+ :root:where(.pf-v5-theme-dark) {
7
7
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
8
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
9
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
8
10
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
11
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
12
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
13
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
9
14
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
15
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
16
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
10
17
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
11
18
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
12
19
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
@@ -15,7 +22,7 @@
15
22
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
16
23
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
17
24
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
18
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--40);
25
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
19
26
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
20
27
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
21
28
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -71,7 +78,7 @@
71
78
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
72
79
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
73
80
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
74
- --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
81
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
75
82
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
76
83
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
77
84
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
@@ -180,8 +187,8 @@
180
187
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
181
188
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
182
189
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
183
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--200);
184
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--200);
190
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
191
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
185
192
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
186
193
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
187
194
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
@@ -344,12 +351,10 @@
344
351
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
345
352
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
346
353
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
347
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
348
354
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
355
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
349
356
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
350
357
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
351
358
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
352
359
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
353
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
354
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
355
360
  }
package/base/tokens/_tokens-default.scss CHANGED
@@ -1,11 +1,32 @@
1
1
  // /**
2
2
  // * Do not edit directly
3
- // * Generated on Tue, 06 Feb 2024 18:33:23 GMT
3
+ // * Generated on Tue, 20 Feb 2024 01:08:05 GMT
4
4
  // */
5
5
 
6
6
  :root {
7
7
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
8
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
9
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
10
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
11
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
12
+ --pf-t--global--box-shadow--spread--100: 0px;
13
+ --pf-t--global--box-shadow--blur--300: 24px;
14
+ --pf-t--global--box-shadow--blur--200: 8px;
15
+ --pf-t--global--box-shadow--blur--100: 2px;
16
+ --pf-t--global--box-shadow--Y--700: 8px;
17
+ --pf-t--global--box-shadow--Y--600: 4px;
18
+ --pf-t--global--box-shadow--Y--500: 1px;
19
+ --pf-t--global--box-shadow--Y--400: 0px;
20
+ --pf-t--global--box-shadow--Y--300: -1px;
21
+ --pf-t--global--box-shadow--Y--200: -4px;
22
+ --pf-t--global--box-shadow--Y--100: -8px;
23
+ --pf-t--global--box-shadow--X--700: 8px;
24
+ --pf-t--global--box-shadow--X--600: 4px;
25
+ --pf-t--global--box-shadow--X--500: 1px;
26
+ --pf-t--global--box-shadow--X--400: 0px;
27
+ --pf-t--global--box-shadow--X--300: -1px;
28
+ --pf-t--global--box-shadow--X--200: -4px;
29
+ --pf-t--global--box-shadow--X--100: -8px;
9
30
  --pf-t--global--Zindex--600: 600;
10
31
  --pf-t--global--Zindex--500: 500;
11
32
  --pf-t--global--Zindex--400: 400;
@@ -48,7 +69,7 @@
48
69
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
49
70
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
50
71
  --pf-t--global--text--color--300: var(--pf-t--color--white);
51
- --pf-t--global--text--color--200: var(--pf-t--color--gray--50);
72
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
52
73
  --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
53
74
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
54
75
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
@@ -98,12 +119,53 @@
98
119
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
99
120
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
100
121
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
122
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
123
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
101
124
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
102
125
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
103
126
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
104
127
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
105
128
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
106
129
  --pf-t--global--background--color--100: var(--pf-t--color--white);
130
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
131
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
132
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
133
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
134
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
135
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
136
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
137
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
138
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
139
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
140
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
141
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
142
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
143
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
144
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
145
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
146
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
147
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
148
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
149
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
150
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
151
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
152
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
153
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
154
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
155
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
156
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
157
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
158
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
159
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
160
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
161
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
162
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
163
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
164
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
165
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
166
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
167
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
168
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
107
169
  --pf-t--global--Zindex--2xl: 600;
108
170
  --pf-t--global--Zindex--xl: 500;
109
171
  --pf-t--global--Zindex--lg: 400;
@@ -139,10 +201,10 @@
139
201
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
140
202
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
141
203
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
142
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
143
204
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
144
205
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
145
206
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
207
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
146
208
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
147
209
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
148
210
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -233,8 +295,6 @@
233
295
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
234
296
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
235
297
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
236
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--200);
237
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
238
298
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
239
299
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
240
300
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -369,8 +429,8 @@
369
429
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
370
430
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
371
431
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
372
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
373
432
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
433
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
374
434
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
375
435
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
376
436
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);