@patternfly/react-core 6.0.0-alpha.34 → 6.0.0-alpha.35

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 (135) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/DragDrop/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/Text/package.json +1 -1
  71. package/dist/dynamic/components/TextArea/package.json +1 -1
  72. package/dist/dynamic/components/TextInput/package.json +1 -1
  73. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  74. package/dist/dynamic/components/Tile/package.json +1 -1
  75. package/dist/dynamic/components/TimePicker/package.json +1 -1
  76. package/dist/dynamic/components/Timestamp/package.json +1 -1
  77. package/dist/dynamic/components/Title/package.json +1 -1
  78. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  79. package/dist/dynamic/components/Toolbar/package.json +1 -1
  80. package/dist/dynamic/components/Tooltip/package.json +1 -1
  81. package/dist/dynamic/components/TreeView/package.json +1 -1
  82. package/dist/dynamic/components/Truncate/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -1
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/dynamic/styles/package.json +1 -1
  121. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.d.ts.map +1 -1
  122. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.js +1 -1
  123. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.js.map +1 -1
  124. package/dist/js/components/LoginPage/LoginMainFooterLinksItem.d.ts.map +1 -1
  125. package/dist/js/components/LoginPage/LoginMainFooterLinksItem.js +1 -1
  126. package/dist/js/components/LoginPage/LoginMainFooterLinksItem.js.map +1 -1
  127. package/dist/styles/base-no-reset.css +152 -31
  128. package/dist/styles/base.css +152 -31
  129. package/dist/umd/react-core.min.js +1 -1
  130. package/helpers/package.json +1 -1
  131. package/layouts/package.json +1 -1
  132. package/next/package.json +1 -1
  133. package/package.json +6 -6
  134. package/src/components/LoginPage/LoginMainFooterLinksItem.tsx +1 -6
  135. package/src/components/LoginPage/__tests__/__snapshots__/LoginMainFooterLinksItem.test.tsx.snap +0 -3
package/dist/styles/base.css CHANGED
@@ -307,28 +307,84 @@ html .ws-preview {
307
307
  --pf-t--global--text-decoration--200: underline;
308
308
  --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
309
309
  --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
310
- --pf-t--global--mix-blend-mode--100: multiply;
311
- --pf-t--global--mix-blend-mode--200: screen;
312
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
313
- --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
314
- --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
315
- --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
316
- --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
317
- --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
318
- --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
319
- --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
320
- --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
321
- --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
322
- --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
323
- --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
324
- --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
325
- --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
326
- --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
327
- --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
310
+ --pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
311
+ var(--pf-t--global--box-shadow--Y--sm--default)
312
+ var(--pf-t--global--box-shadow--blur--sm)
313
+ var(--pf-t--global--box-shadow--spread--sm)
314
+ var(--pf-t--global--box-shadow--color--sm);
315
+ --pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
316
+ var(--pf-t--global--box-shadow--Y--sm--top)
317
+ var(--pf-t--global--box-shadow--blur--sm)
318
+ var(--pf-t--global--box-shadow--spread--sm)
319
+ var(--pf-t--global--box-shadow--color--sm);
320
+ --pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
321
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
322
+ var(--pf-t--global--box-shadow--blur--sm)
323
+ var(--pf-t--global--box-shadow--spread--sm)
324
+ var(--pf-t--global--box-shadow--color--sm);
325
+ --pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
326
+ var(--pf-t--global--box-shadow--Y--sm--left)
327
+ var(--pf-t--global--box-shadow--blur--sm)
328
+ var(--pf-t--global--box-shadow--spread--sm)
329
+ var(--pf-t--global--box-shadow--color--sm);
330
+ --pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
331
+ var(--pf-t--global--box-shadow--Y--sm--right)
332
+ var(--pf-t--global--box-shadow--blur--sm)
333
+ var(--pf-t--global--box-shadow--spread--sm)
334
+ var(--pf-t--global--box-shadow--color--sm);
335
+ --pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
336
+ var(--pf-t--global--box-shadow--Y--md--default)
337
+ var(--pf-t--global--box-shadow--blur--md)
338
+ var(--pf-t--global--box-shadow--spread--md)
339
+ var(--pf-t--global--box-shadow--color--md);
340
+ --pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
341
+ var(--pf-t--global--box-shadow--Y--md--top)
342
+ var(--pf-t--global--box-shadow--blur--md)
343
+ var(--pf-t--global--box-shadow--spread--md)
344
+ var(--pf-t--global--box-shadow--color--md);
345
+ --pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
346
+ var(--pf-t--global--box-shadow--Y--md--bottom)
347
+ var(--pf-t--global--box-shadow--blur--md)
348
+ var(--pf-t--global--box-shadow--spread--md)
349
+ var(--pf-t--global--box-shadow--color--md);
350
+ --pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
351
+ var(--pf-t--global--box-shadow--Y--md--left)
352
+ var(--pf-t--global--box-shadow--blur--md)
353
+ var(--pf-t--global--box-shadow--spread--md)
354
+ var(--pf-t--global--box-shadow--color--md);
355
+ --pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
356
+ var(--pf-t--global--box-shadow--Y--md--right)
357
+ var(--pf-t--global--box-shadow--blur--md)
358
+ var(--pf-t--global--box-shadow--spread--md)
359
+ var(--pf-t--global--box-shadow--color--md);
360
+ --pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
361
+ var(--pf-t--global--box-shadow--Y--lg--default)
362
+ var(--pf-t--global--box-shadow--blur--lg)
363
+ var(--pf-t--global--box-shadow--spread--lg)
364
+ var(--pf-t--global--box-shadow--color--lg);
365
+ --pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
366
+ var(--pf-t--global--box-shadow--Y--lg--top)
367
+ var(--pf-t--global--box-shadow--blur--lg)
368
+ var(--pf-t--global--box-shadow--spread--lg)
369
+ var(--pf-t--global--box-shadow--color--lg);
370
+ --pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
371
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
372
+ var(--pf-t--global--box-shadow--blur--lg)
373
+ var(--pf-t--global--box-shadow--spread--lg)
374
+ var(--pf-t--global--box-shadow--color--lg);
375
+ --pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
376
+ var(--pf-t--global--box-shadow--Y--lg--left)
377
+ var(--pf-t--global--box-shadow--blur--lg)
378
+ var(--pf-t--global--box-shadow--spread--lg)
379
+ var(--pf-t--global--box-shadow--color--lg);
380
+ --pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
381
+ var(--pf-t--global--box-shadow--Y--lg--right)
382
+ var(--pf-t--global--box-shadow--blur--lg)
383
+ var(--pf-t--global--box-shadow--spread--lg)
384
+ var(--pf-t--global--box-shadow--color--lg);
328
385
  }
329
386
 
330
387
  :root:where(.pf-v5-theme-dark) {
331
- --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
332
388
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
333
389
  --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
334
390
  --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
@@ -411,7 +467,28 @@ html .ws-preview {
411
467
 
412
468
  :root {
413
469
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
470
+ --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
414
471
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
472
+ --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
473
+ --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
474
+ --pf-t--global--box-shadow--spread--100: 0px;
475
+ --pf-t--global--box-shadow--blur--300: 24px;
476
+ --pf-t--global--box-shadow--blur--200: 8px;
477
+ --pf-t--global--box-shadow--blur--100: 2px;
478
+ --pf-t--global--box-shadow--Y--700: 8px;
479
+ --pf-t--global--box-shadow--Y--600: 4px;
480
+ --pf-t--global--box-shadow--Y--500: 1px;
481
+ --pf-t--global--box-shadow--Y--400: 0px;
482
+ --pf-t--global--box-shadow--Y--300: -1px;
483
+ --pf-t--global--box-shadow--Y--200: -4px;
484
+ --pf-t--global--box-shadow--Y--100: -8px;
485
+ --pf-t--global--box-shadow--X--700: 8px;
486
+ --pf-t--global--box-shadow--X--600: 4px;
487
+ --pf-t--global--box-shadow--X--500: 1px;
488
+ --pf-t--global--box-shadow--X--400: 0px;
489
+ --pf-t--global--box-shadow--X--300: -1px;
490
+ --pf-t--global--box-shadow--X--200: -4px;
491
+ --pf-t--global--box-shadow--X--100: -8px;
415
492
  --pf-t--global--Zindex--600: 600;
416
493
  --pf-t--global--Zindex--500: 500;
417
494
  --pf-t--global--Zindex--400: 400;
@@ -454,7 +531,7 @@ html .ws-preview {
454
531
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
455
532
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
456
533
  --pf-t--global--text--color--300: var(--pf-t--color--white);
457
- --pf-t--global--text--color--200: var(--pf-t--color--gray--50);
534
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
458
535
  --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
459
536
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
460
537
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
@@ -504,12 +581,53 @@ html .ws-preview {
504
581
  --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
505
582
  --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
506
583
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
584
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
585
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
507
586
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
508
587
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
509
588
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
510
589
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
511
590
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
512
591
  --pf-t--global--background--color--100: var(--pf-t--color--white);
592
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
593
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
594
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
595
+ --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
596
+ --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
597
+ --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
598
+ --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
599
+ --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
600
+ --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
601
+ --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
602
+ --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
603
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
604
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
605
+ --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
606
+ --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
607
+ --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
608
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
609
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
610
+ --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
611
+ --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
612
+ --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
613
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
614
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
615
+ --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
616
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
617
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
618
+ --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
619
+ --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
620
+ --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
621
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
622
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
623
+ --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
624
+ --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
625
+ --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
626
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
627
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
628
+ --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
629
+ --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
630
+ --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
513
631
  --pf-t--global--Zindex--2xl: 600;
514
632
  --pf-t--global--Zindex--xl: 500;
515
633
  --pf-t--global--Zindex--lg: 400;
@@ -545,10 +663,10 @@ html .ws-preview {
545
663
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
546
664
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
547
665
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
548
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
549
666
  --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
550
667
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
551
668
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
669
+ --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
552
670
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
553
671
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
554
672
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
@@ -639,8 +757,6 @@ html .ws-preview {
639
757
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
640
758
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
641
759
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
642
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--200);
643
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
644
760
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
645
761
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
646
762
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -775,8 +891,8 @@ html .ws-preview {
775
891
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
776
892
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
777
893
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
778
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
779
894
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
895
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
780
896
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
781
897
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
782
898
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
@@ -882,8 +998,15 @@ html .ws-preview {
882
998
 
883
999
  :root:where(.pf-v5-theme-dark) {
884
1000
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
1001
+ --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1002
+ --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
885
1003
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1004
+ --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1005
+ --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1006
+ --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
886
1007
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1008
+ --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1009
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
887
1010
  --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
888
1011
  --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
889
1012
  --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
@@ -892,7 +1015,7 @@ html .ws-preview {
892
1015
  --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
893
1016
  --pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
894
1017
  --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
895
- --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--40);
1018
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
896
1019
  --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--10);
897
1020
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
898
1021
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -948,7 +1071,7 @@ html .ws-preview {
948
1071
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
949
1072
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
950
1073
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
951
- --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
1074
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
952
1075
  --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
953
1076
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
954
1077
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
@@ -1057,8 +1180,8 @@ html .ws-preview {
1057
1180
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1058
1181
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
1059
1182
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1060
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--200);
1061
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--200);
1183
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
1184
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1062
1185
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1063
1186
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
1064
1187
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
@@ -1221,14 +1344,12 @@ html .ws-preview {
1221
1344
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1222
1345
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1223
1346
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1224
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1225
1347
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1348
+ --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1226
1349
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1227
1350
  --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1228
1351
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1229
1352
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1230
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);
1231
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1232
1353
  }
1233
1354
 
1234
1355
  @font-face {