@patternfly/patternfly 6.0.0-prerelease.13 → 6.0.0-prerelease.15

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 (104) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -59
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -30
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/Alert/alert.css +2 -6
  11. package/components/Alert/alert.scss +2 -7
  12. package/components/Button/button.css +8 -0
  13. package/components/Button/button.scss +8 -0
  14. package/components/DataList/data-list.css +4 -13
  15. package/components/DataList/data-list.scss +4 -14
  16. package/components/Drawer/drawer.css +0 -4
  17. package/components/Drawer/drawer.scss +0 -5
  18. package/components/FormControl/form-control.css +22 -3
  19. package/components/FormControl/form-control.scss +27 -4
  20. package/components/MenuToggle/menu-toggle.css +66 -55
  21. package/components/MenuToggle/menu-toggle.scss +76 -65
  22. package/components/Page/page.css +10 -8
  23. package/components/Page/page.scss +11 -8
  24. package/components/Pagination/pagination.css +31 -17
  25. package/components/Pagination/pagination.scss +35 -23
  26. package/components/Table/table-grid.css +9 -4
  27. package/components/Table/table-grid.scss +5 -4
  28. package/components/Table/table.css +6 -5
  29. package/components/Table/table.scss +6 -5
  30. package/components/_index.css +158 -115
  31. package/docs/components/Brand/examples/Brand.md +2 -2
  32. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  33. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  34. package/docs/components/DataList/examples/DataList.md +187 -221
  35. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  36. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  37. package/docs/components/Form/examples/Form.md +4 -2
  38. package/docs/components/FormControl/examples/FormControl.md +10 -10
  39. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  40. package/docs/components/Login/examples/Login.md +6 -6
  41. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  42. package/docs/components/Pagination/examples/Pagination.md +12 -12
  43. package/docs/components/Table/examples/Table.md +1 -1
  44. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  45. package/docs/demos/Card/examples/Card.md +4 -4
  46. package/docs/demos/CardView/examples/CardView.md +10 -4
  47. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  48. package/docs/demos/DataList/examples/DataList.md +37 -13
  49. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  50. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  51. package/docs/demos/Page/examples/Page.md +2 -2
  52. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  53. package/docs/demos/Table/examples/Table.md +214 -70
  54. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  55. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  56. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  57. package/package.json +5 -5
  58. package/patternfly-base-no-globals.css +84 -59
  59. package/patternfly-base.css +99 -59
  60. package/patternfly-no-globals.css +242 -174
  61. package/patternfly.css +257 -174
  62. package/patternfly.min.css +1 -1
  63. package/patternfly.min.css.map +1 -1
  64. package/assets/images/PF-Masthead-Logo.svg +0 -1
  65. package/assets/images/background-filter.svg +0 -17
  66. package/assets/images/g_sizing.png +0 -0
  67. package/assets/images/img_avatar-dark.svg +0 -22
  68. package/assets/images/img_avatar.svg +0 -21
  69. package/assets/images/l_pf-reverse-164x11.png +0 -0
  70. package/assets/images/l_pf-reverse.svg +0 -1
  71. package/assets/images/logo-dropbox-old.svg +0 -1
  72. package/assets/images/logo-dropbox.svg +0 -6
  73. package/assets/images/logo-facebook.svg +0 -4
  74. package/assets/images/logo-github.svg +0 -4
  75. package/assets/images/logo-gitlab.svg +0 -4
  76. package/assets/images/logo-google.svg +0 -4
  77. package/assets/images/logo-google2.svg +0 -10
  78. package/assets/images/logo__pf--reverse--base.png +0 -0
  79. package/assets/images/logo__pf--reverse--base.svg +0 -40
  80. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  81. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  82. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  83. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  84. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  85. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  86. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  87. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  88. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  89. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  90. package/assets/images/pf-c-brand__logo.svg +0 -10
  91. package/assets/images/pf-logo.svg +0 -28
  92. package/assets/images/pf_logo.svg +0 -37
  93. package/assets/images/pf_logo_color.svg +0 -22
  94. package/assets/images/pf_logo_white.svg +0 -37
  95. package/assets/images/pf_mini_logo_white.svg +0 -1
  96. package/assets/images/pfbg_1200.jpg +0 -0
  97. package/assets/images/pfbg_2000.jpg +0 -0
  98. package/assets/images/pfbg_576.jpg +0 -0
  99. package/assets/images/pfbg_576@2x.jpg +0 -0
  100. package/assets/images/pfbg_768.jpg +0 -0
  101. package/assets/images/pfbg_768@2x.jpg +0 -0
  102. package/assets/images/pfbg_992.jpg +0 -0
  103. package/assets/images/pfbg_992@2x.jpg +0 -0
  104. package/assets/images/status-icon-sprite.svg +0 -38
@@ -6302,26 +6302,33 @@
6302
6302
  --pf-t--global--border--width--100: 1px;
6303
6303
  --pf-t--global--border--width--200: 2px;
6304
6304
  --pf-t--global--border--width--300: 3px;
6305
- --pf-t--global--box-shadow--X--100: -8px;
6305
+ --pf-t--global--box-shadow--X--100: -10px;
6306
6306
  --pf-t--global--box-shadow--X--200: -4px;
6307
6307
  --pf-t--global--box-shadow--X--300: -1px;
6308
6308
  --pf-t--global--box-shadow--X--400: 0px;
6309
+ --pf-t--global--box-shadow--X--50: -20px;
6309
6310
  --pf-t--global--box-shadow--X--500: 1px;
6310
6311
  --pf-t--global--box-shadow--X--600: 4px;
6311
- --pf-t--global--box-shadow--X--700: 8px;
6312
- --pf-t--global--box-shadow--Y--100: -8px;
6312
+ --pf-t--global--box-shadow--X--700: 10px;
6313
+ --pf-t--global--box-shadow--X--800: 20px;
6314
+ --pf-t--global--box-shadow--Y--100: -10px;
6313
6315
  --pf-t--global--box-shadow--Y--200: -4px;
6314
6316
  --pf-t--global--box-shadow--Y--300: -1px;
6315
6317
  --pf-t--global--box-shadow--Y--400: 0px;
6318
+ --pf-t--global--box-shadow--Y--50: -20px;
6316
6319
  --pf-t--global--box-shadow--Y--500: 1px;
6317
6320
  --pf-t--global--box-shadow--Y--600: 4px;
6318
- --pf-t--global--box-shadow--Y--700: 8px;
6321
+ --pf-t--global--box-shadow--Y--700: 10px;
6322
+ --pf-t--global--box-shadow--Y--800: 20px;
6319
6323
  --pf-t--global--box-shadow--blur--100: 4px;
6320
- --pf-t--global--box-shadow--blur--200: 8px;
6321
- --pf-t--global--box-shadow--blur--300: 24px;
6322
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6323
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6324
+ --pf-t--global--box-shadow--blur--200: 9px;
6325
+ --pf-t--global--box-shadow--blur--300: 20px;
6326
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6327
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6324
6328
  --pf-t--global--box-shadow--spread--100: 0px;
6329
+ --pf-t--global--box-shadow--spread--200: -4px;
6330
+ --pf-t--global--box-shadow--spread--300: -8px;
6331
+ --pf-t--global--box-shadow--spread--400: -20px;
6325
6332
  --pf-t--global--breakpoint--100: 0rem;
6326
6333
  --pf-t--global--breakpoint--200: 36rem;
6327
6334
  --pf-t--global--breakpoint--250: 40rem;
@@ -6390,11 +6397,13 @@
6390
6397
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6391
6398
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6392
6399
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6400
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6393
6401
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6394
6402
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6395
6403
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6396
6404
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6397
6405
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6406
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6398
6407
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6399
6408
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6400
6409
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6424,43 +6433,49 @@
6424
6433
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6425
6434
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6426
6435
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6427
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6428
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6436
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6437
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6429
6438
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6430
6439
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6431
6440
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6432
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6433
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6441
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6442
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6434
6443
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6435
6444
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6436
6445
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6437
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6438
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6446
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6447
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6439
6448
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6440
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6449
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6441
6450
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6442
6451
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6443
6452
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6444
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6445
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6453
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6454
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6446
6455
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6447
6456
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6448
6457
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6449
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6450
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6458
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6459
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6451
6460
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6452
6461
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6453
6462
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6454
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6463
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6455
6464
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6456
6465
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6457
6466
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6458
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6459
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6460
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6461
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6462
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6463
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6467
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6468
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6469
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6470
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6471
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6472
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6473
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6474
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6475
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6476
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6477
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6478
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6464
6479
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6465
6480
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6466
6481
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6607,7 +6622,9 @@
6607
6622
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6608
6623
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6609
6624
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6625
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6610
6626
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6627
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6611
6628
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6612
6629
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6613
6630
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -6969,92 +6986,92 @@
6969
6986
  var(--pf-t--global--box-shadow--X--sm--default)
6970
6987
  var(--pf-t--global--box-shadow--Y--sm--default)
6971
6988
  var(--pf-t--global--box-shadow--blur--sm)
6972
- var(--pf-t--global--box-shadow--spread--sm)
6973
- var(--pf-t--global--box-shadow--color--sm);
6989
+ var(--pf-t--global--box-shadow--spread--sm--default)
6990
+ var(--pf-t--global--box-shadow--color--sm--default);
6974
6991
  --pf-t--global--box-shadow--sm--top:
6975
6992
  var(--pf-t--global--box-shadow--X--sm--top)
6976
6993
  var(--pf-t--global--box-shadow--Y--sm--top)
6977
6994
  var(--pf-t--global--box-shadow--blur--sm)
6978
- var(--pf-t--global--box-shadow--spread--sm)
6979
- var(--pf-t--global--box-shadow--color--sm);
6995
+ var(--pf-t--global--box-shadow--spread--sm--directional)
6996
+ var(--pf-t--global--box-shadow--color--sm--directional);
6980
6997
  --pf-t--global--box-shadow--sm--bottom:
6981
6998
  var(--pf-t--global--box-shadow--X--sm--bottom)
6982
6999
  var(--pf-t--global--box-shadow--Y--sm--bottom)
6983
7000
  var(--pf-t--global--box-shadow--blur--sm)
6984
- var(--pf-t--global--box-shadow--spread--sm)
6985
- var(--pf-t--global--box-shadow--color--sm);
7001
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7002
+ var(--pf-t--global--box-shadow--color--sm--directional);
6986
7003
  --pf-t--global--box-shadow--sm--left:
6987
7004
  var(--pf-t--global--box-shadow--X--sm--left)
6988
7005
  var(--pf-t--global--box-shadow--Y--sm--left)
6989
7006
  var(--pf-t--global--box-shadow--blur--sm)
6990
- var(--pf-t--global--box-shadow--spread--sm)
6991
- var(--pf-t--global--box-shadow--color--sm);
7007
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7008
+ var(--pf-t--global--box-shadow--color--sm--directional);
6992
7009
  --pf-t--global--box-shadow--sm--right:
6993
7010
  var(--pf-t--global--box-shadow--X--sm--right)
6994
7011
  var(--pf-t--global--box-shadow--Y--sm--right)
6995
7012
  var(--pf-t--global--box-shadow--blur--sm)
6996
- var(--pf-t--global--box-shadow--spread--sm)
6997
- var(--pf-t--global--box-shadow--color--sm);
7013
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7014
+ var(--pf-t--global--box-shadow--color--sm--directional);
6998
7015
  --pf-t--global--box-shadow--md:
6999
7016
  var(--pf-t--global--box-shadow--X--md--default)
7000
7017
  var(--pf-t--global--box-shadow--Y--md--default)
7001
7018
  var(--pf-t--global--box-shadow--blur--md)
7002
- var(--pf-t--global--box-shadow--spread--md)
7003
- var(--pf-t--global--box-shadow--color--md);
7019
+ var(--pf-t--global--box-shadow--spread--md--default)
7020
+ var(--pf-t--global--box-shadow--color--md--default);
7004
7021
  --pf-t--global--box-shadow--md--top:
7005
7022
  var(--pf-t--global--box-shadow--X--md--top)
7006
7023
  var(--pf-t--global--box-shadow--Y--md--top)
7007
7024
  var(--pf-t--global--box-shadow--blur--md)
7008
- var(--pf-t--global--box-shadow--spread--md)
7009
- var(--pf-t--global--box-shadow--color--md);
7025
+ var(--pf-t--global--box-shadow--spread--md--directional)
7026
+ var(--pf-t--global--box-shadow--color--md--directional);
7010
7027
  --pf-t--global--box-shadow--md--bottom:
7011
7028
  var(--pf-t--global--box-shadow--X--md--bottom)
7012
7029
  var(--pf-t--global--box-shadow--Y--md--bottom)
7013
7030
  var(--pf-t--global--box-shadow--blur--md)
7014
- var(--pf-t--global--box-shadow--spread--md)
7015
- var(--pf-t--global--box-shadow--color--md);
7031
+ var(--pf-t--global--box-shadow--spread--md--directional)
7032
+ var(--pf-t--global--box-shadow--color--md--directional);
7016
7033
  --pf-t--global--box-shadow--md--left:
7017
7034
  var(--pf-t--global--box-shadow--X--md--left)
7018
7035
  var(--pf-t--global--box-shadow--Y--md--left)
7019
7036
  var(--pf-t--global--box-shadow--blur--md)
7020
- var(--pf-t--global--box-shadow--spread--md)
7021
- var(--pf-t--global--box-shadow--color--md);
7037
+ var(--pf-t--global--box-shadow--spread--md--directional)
7038
+ var(--pf-t--global--box-shadow--color--md--directional);
7022
7039
  --pf-t--global--box-shadow--md--right:
7023
7040
  var(--pf-t--global--box-shadow--X--md--right)
7024
7041
  var(--pf-t--global--box-shadow--Y--md--right)
7025
7042
  var(--pf-t--global--box-shadow--blur--md)
7026
- var(--pf-t--global--box-shadow--spread--md)
7027
- var(--pf-t--global--box-shadow--color--md);
7043
+ var(--pf-t--global--box-shadow--spread--md--directional)
7044
+ var(--pf-t--global--box-shadow--color--md--directional);
7028
7045
  --pf-t--global--box-shadow--lg:
7029
7046
  var(--pf-t--global--box-shadow--X--lg--default)
7030
7047
  var(--pf-t--global--box-shadow--Y--lg--default)
7031
7048
  var(--pf-t--global--box-shadow--blur--lg)
7032
- var(--pf-t--global--box-shadow--spread--lg)
7033
- var(--pf-t--global--box-shadow--color--lg);
7049
+ var(--pf-t--global--box-shadow--spread--lg--default)
7050
+ var(--pf-t--global--box-shadow--color--lg--default);
7034
7051
  --pf-t--global--box-shadow--lg--top:
7035
7052
  var(--pf-t--global--box-shadow--X--lg--top)
7036
7053
  var(--pf-t--global--box-shadow--Y--lg--top)
7037
7054
  var(--pf-t--global--box-shadow--blur--lg)
7038
- var(--pf-t--global--box-shadow--spread--lg)
7039
- var(--pf-t--global--box-shadow--color--lg);
7055
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7056
+ var(--pf-t--global--box-shadow--color--lg--directional);
7040
7057
  --pf-t--global--box-shadow--lg--bottom:
7041
7058
  var(--pf-t--global--box-shadow--X--lg--bottom)
7042
7059
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7043
7060
  var(--pf-t--global--box-shadow--blur--lg)
7044
- var(--pf-t--global--box-shadow--spread--lg)
7045
- var(--pf-t--global--box-shadow--color--lg);
7061
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7062
+ var(--pf-t--global--box-shadow--color--lg--directional);
7046
7063
  --pf-t--global--box-shadow--lg--left:
7047
7064
  var(--pf-t--global--box-shadow--X--lg--left)
7048
7065
  var(--pf-t--global--box-shadow--Y--lg--left)
7049
7066
  var(--pf-t--global--box-shadow--blur--lg)
7050
- var(--pf-t--global--box-shadow--spread--lg)
7051
- var(--pf-t--global--box-shadow--color--lg);
7067
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7068
+ var(--pf-t--global--box-shadow--color--lg--directional);
7052
7069
  --pf-t--global--box-shadow--lg--right:
7053
7070
  var(--pf-t--global--box-shadow--X--lg--right)
7054
7071
  var(--pf-t--global--box-shadow--Y--lg--right)
7055
7072
  var(--pf-t--global--box-shadow--blur--lg)
7056
- var(--pf-t--global--box-shadow--spread--lg)
7057
- var(--pf-t--global--box-shadow--color--lg);
7073
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7074
+ var(--pf-t--global--box-shadow--color--lg--directional);
7058
7075
  --pf-t--global--list-style: disc outside;
7059
7076
  --pf-t--temp--dev--tbd: #BC11E0;
7060
7077
  }
@@ -7064,16 +7081,22 @@
7064
7081
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7065
7082
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7066
7083
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7084
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7067
7085
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7068
7086
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7069
7087
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7070
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7071
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7072
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7088
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7089
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7090
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7091
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7092
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7093
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7094
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7073
7095
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7074
7096
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7075
7097
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7076
7098
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7099
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7077
7100
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7078
7101
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7079
7102
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7152,7 +7175,9 @@
7152
7175
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7153
7176
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7154
7177
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7178
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7155
7179
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7180
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7156
7181
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7157
7182
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7158
7183
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -7828,6 +7853,7 @@
7828
7853
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
7829
7854
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7830
7855
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7856
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
7831
7857
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7832
7858
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
7833
7859
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -7947,6 +7973,7 @@
7947
7973
  .pf-v6-c-alert__toggle {
7948
7974
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
7949
7975
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
7976
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
7950
7977
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
7951
7978
  }
7952
7979
 
@@ -7960,9 +7987,7 @@
7960
7987
  }
7961
7988
 
7962
7989
  .pf-v6-c-alert__icon {
7963
- display: flex;
7964
7990
  grid-area: icon;
7965
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
7966
7991
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
7967
7992
  font-size: var(--pf-v6-c-alert__icon--FontSize);
7968
7993
  color: var(--pf-v6-c-alert__icon--Color);
@@ -7995,10 +8020,6 @@
7995
8020
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
7996
8021
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
7997
8022
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
7998
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
7999
- }
8000
- .pf-v6-c-alert__action > .pf-v6-c-button {
8001
- --pf-v6-c-button--LineHeight: 1;
8002
8023
  }
8003
8024
 
8004
8025
  .pf-v6-c-alert__action-group {
@@ -8873,6 +8894,7 @@ button.pf-v6-c-breadcrumb__link {
8873
8894
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
8874
8895
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
8875
8896
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
8897
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
8876
8898
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
8877
8899
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
8878
8900
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -8891,6 +8913,7 @@ button.pf-v6-c-breadcrumb__link {
8891
8913
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
8892
8914
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
8893
8915
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
8916
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
8894
8917
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
8895
8918
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
8896
8919
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -8959,7 +8982,9 @@ button.pf-v6-c-breadcrumb__link {
8959
8982
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
8960
8983
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
8961
8984
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
8985
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
8962
8986
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
8987
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8963
8988
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
8964
8989
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
8965
8990
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -9123,6 +9148,7 @@ button.pf-v6-c-breadcrumb__link {
9123
9148
  .pf-v6-c-button.pf-m-secondary {
9124
9149
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
9125
9150
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
9151
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
9126
9152
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
9127
9153
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
9128
9154
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -9148,6 +9174,7 @@ button.pf-v6-c-breadcrumb__link {
9148
9174
  .pf-v6-c-button.pf-m-tertiary {
9149
9175
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
9150
9176
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
9177
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
9151
9178
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
9152
9179
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
9153
9180
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -9311,6 +9338,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9311
9338
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
9312
9339
  }
9313
9340
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
9341
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
9314
9342
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
9315
9343
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
9316
9344
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -9342,6 +9370,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9342
9370
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9343
9371
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9344
9372
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9373
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9345
9374
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9346
9375
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9347
9376
  }
@@ -11104,11 +11133,11 @@ ul) {
11104
11133
  --pf-v6-c-data-list__item-action--Display: flex;
11105
11134
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11106
11135
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11136
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
11137
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
11107
11138
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11108
11139
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
11109
11140
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
11110
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11111
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11112
11141
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
11113
11142
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
11114
11143
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11138,8 +11167,6 @@ ul) {
11138
11167
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11139
11168
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11140
11169
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11141
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
11142
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
11143
11170
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11144
11171
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11145
11172
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11172,8 +11199,6 @@ ul) {
11172
11199
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
11173
11200
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
11174
11201
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
11175
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
11176
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
11177
11202
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
11178
11203
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
11179
11204
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -11319,8 +11344,8 @@ ul) {
11319
11344
  gap: var(--pf-v6-c-data-list__item-action--Gap);
11320
11345
  align-content: flex-start;
11321
11346
  align-items: flex-start;
11322
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
11323
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
11347
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
11348
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
11324
11349
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
11325
11350
  }
11326
11351
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -11367,11 +11392,6 @@ ul) {
11367
11392
  }
11368
11393
  }
11369
11394
 
11370
- .pf-v6-c-data-list__action {
11371
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
11372
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
11373
- }
11374
-
11375
11395
  .pf-v6-c-data-list__toggle {
11376
11396
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
11377
11397
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -12888,10 +12908,6 @@ ul) {
12888
12908
  flex: 1 1;
12889
12909
  }
12890
12910
 
12891
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
12892
- height: 100%;
12893
- }
12894
-
12895
12911
  .pf-v6-c-drawer__splitter {
12896
12912
  position: relative;
12897
12913
  display: none;
@@ -14243,6 +14259,10 @@ ul) {
14243
14259
  --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
14244
14260
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14245
14261
  --pf-v6-c-form-control--textarea--Height: auto;
14262
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14263
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14264
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14265
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14246
14266
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14247
14267
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14248
14268
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14298,18 +14318,33 @@ ul) {
14298
14318
  background-color: transparent;
14299
14319
  border: none;
14300
14320
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14321
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14301
14322
  -moz-appearance: none;
14302
14323
  -webkit-appearance: none;
14303
14324
  }
14304
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14305
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14306
- }
14307
14325
  .pf-v6-c-form-control > ::placeholder {
14308
14326
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14309
14327
  }
14310
14328
  .pf-v6-c-form-control > :is(input, select) {
14311
14329
  text-overflow: ellipsis;
14312
14330
  }
14331
+ .pf-v6-c-form-control.pf-m-textarea {
14332
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
14333
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
14334
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
14335
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
14336
+ }
14337
+ .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
14338
+ --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
14339
+ }
14340
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
14341
+ padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14342
+ padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
14343
+ padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
14344
+ padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
14345
+ outline-offset: 0;
14346
+ scrollbar-gutter: stable;
14347
+ }
14313
14348
  .pf-v6-c-form-control.pf-m-readonly {
14314
14349
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14315
14350
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -17326,7 +17361,7 @@ ul.pf-v6-c-list {
17326
17361
  }
17327
17362
 
17328
17363
  .pf-v6-c-menu-toggle {
17329
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
17364
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17330
17365
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17331
17366
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17332
17367
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17391,26 +17426,30 @@ ul.pf-v6-c-list {
17391
17426
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17392
17427
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17393
17428
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17394
- --pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
17395
17429
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17396
17430
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17397
17431
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17398
17432
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17399
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17400
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17401
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17402
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17403
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17404
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17405
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17406
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17407
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17433
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17434
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17435
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17436
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17437
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17438
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17439
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17440
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17441
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17442
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17443
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17408
17444
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
17445
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17409
17446
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17410
17447
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17411
17448
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17412
17449
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
17413
17450
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17451
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17452
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17414
17453
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17415
17454
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17416
17455
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17418,14 +17457,15 @@ ul.pf-v6-c-list {
17418
17457
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17419
17458
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17420
17459
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17421
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
17460
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
17461
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17462
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17422
17463
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17423
17464
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17424
17465
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17425
17466
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17426
17467
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17427
17468
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17428
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17429
17469
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17430
17470
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17431
17471
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17434,12 +17474,13 @@ ul.pf-v6-c-list {
17434
17474
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17435
17475
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17436
17476
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17477
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17437
17478
  }
17438
17479
 
17439
17480
  .pf-v6-c-menu-toggle {
17440
17481
  position: relative;
17441
17482
  display: inline-flex;
17442
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17483
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17443
17484
  align-items: center;
17444
17485
  justify-content: center;
17445
17486
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17525,6 +17566,8 @@ ul.pf-v6-c-list {
17525
17566
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17526
17567
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17527
17568
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
17569
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17570
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17528
17571
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17529
17572
  }
17530
17573
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17553,9 +17596,6 @@ ul.pf-v6-c-list {
17553
17596
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17554
17597
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17555
17598
  }
17556
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17557
- background-color: transparent;
17558
- }
17559
17599
  .pf-v6-c-menu-toggle.pf-m-success {
17560
17600
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17561
17601
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17584,7 +17624,8 @@ ul.pf-v6-c-list {
17584
17624
  }
17585
17625
 
17586
17626
  .pf-v6-c-menu-toggle.pf-m-split-button {
17587
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17627
+ --pf-v6-c-menu-toggle--Gap: 0;
17628
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17588
17629
  padding: 0;
17589
17630
  }
17590
17631
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17603,7 +17644,6 @@ ul.pf-v6-c-list {
17603
17644
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17604
17645
  }
17605
17646
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17606
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17607
17647
  --pf-v6-c-check__label--Color: currentcolor;
17608
17648
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17609
17649
  align-items: center;
@@ -17613,49 +17653,51 @@ ul.pf-v6-c-list {
17613
17653
  --pf-v6-c-check__input--TranslateY: 0;
17614
17654
  align-self: center;
17615
17655
  }
17616
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17617
- --pf-v6-c-menu-toggle--BorderColor: transparent;
17618
- }
17619
-
17620
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17621
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17656
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
17657
+ border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
17622
17658
  }
17623
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17624
- border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor);
17659
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
17660
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
17625
17661
  }
17626
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17627
- padding-inline-end: 0;
17662
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
17663
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
17664
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
17628
17665
  }
17629
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17630
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor);
17666
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
17667
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
17668
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
17631
17669
  }
17632
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17633
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
17670
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
17671
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
17634
17672
  }
17635
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
17636
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
17673
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17674
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17637
17675
  }
17638
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17639
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
17676
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17677
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17678
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17679
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17640
17680
  }
17641
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17642
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor);
17681
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17682
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17683
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17684
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17643
17685
  }
17644
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17645
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor);
17646
- }
17647
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17648
- content: none;
17686
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
17687
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
17649
17688
  }
17650
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17651
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor);
17689
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
17690
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
17652
17691
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17653
17692
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17654
17693
  }
17694
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17695
+ content: none;
17696
+ }
17655
17697
 
17656
17698
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17657
17699
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17658
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17700
+ --pf-v6-c-menu-toggle--Gap: 0;
17659
17701
  align-items: stretch;
17660
17702
  padding: 0;
17661
17703
  }
@@ -17673,6 +17715,7 @@ ul.pf-v6-c-list {
17673
17715
  }
17674
17716
 
17675
17717
  .pf-v6-c-menu-toggle__button {
17718
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17676
17719
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17677
17720
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17678
17721
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17681,13 +17724,13 @@ ul.pf-v6-c-list {
17681
17724
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17682
17725
  border: 0;
17683
17726
  }
17684
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17685
- padding-inline-start: 0;
17686
- }
17687
17727
  .pf-v6-c-menu-toggle__button.pf-m-text {
17688
17728
  display: inline-flex;
17689
17729
  align-items: baseline;
17690
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
17730
+ }
17731
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
17732
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
17733
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
17691
17734
  }
17692
17735
 
17693
17736
  .pf-v6-c-menu-toggle__text {
@@ -17702,7 +17745,6 @@ ul.pf-v6-c-list {
17702
17745
  flex-wrap: nowrap;
17703
17746
  }
17704
17747
 
17705
- .pf-v6-c-menu-toggle__icon,
17706
17748
  .pf-v6-c-menu-toggle__controls,
17707
17749
  .pf-v6-c-menu-toggle__toggle-icon {
17708
17750
  display: flex;
@@ -17712,11 +17754,16 @@ ul.pf-v6-c-list {
17712
17754
 
17713
17755
  .pf-v6-c-menu-toggle__icon {
17714
17756
  flex-shrink: 0;
17715
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
17757
+ }
17758
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
17759
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
17760
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
17761
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
17762
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
17716
17763
  }
17717
17764
 
17718
17765
  .pf-v6-c-menu-toggle__controls {
17719
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17766
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17720
17767
  margin-inline-start: auto;
17721
17768
  }
17722
17769
 
@@ -17726,7 +17773,6 @@ ul.pf-v6-c-list {
17726
17773
  }
17727
17774
 
17728
17775
  .pf-v6-c-menu-toggle__status-icon {
17729
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17730
17776
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17731
17777
  }
17732
17778
 
@@ -18771,6 +18817,7 @@ ul.pf-v6-c-list {
18771
18817
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18772
18818
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18773
18819
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18820
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18774
18821
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18775
18822
  --pf-v6-c-page__sidebar--BoxShadow: none;
18776
18823
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18779,7 +18826,7 @@ ul.pf-v6-c-list {
18779
18826
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18780
18827
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18781
18828
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18782
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18829
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18783
18830
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18784
18831
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18785
18832
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18792,7 +18839,7 @@ ul.pf-v6-c-list {
18792
18839
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18793
18840
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18794
18841
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18795
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
18842
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18796
18843
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
18797
18844
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
18798
18845
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -18805,8 +18852,8 @@ ul.pf-v6-c-list {
18805
18852
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18806
18853
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18807
18854
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18808
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
18809
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
18855
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
18856
+ --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
18810
18857
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
18811
18858
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18812
18859
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -18863,6 +18910,7 @@ ul.pf-v6-c-list {
18863
18910
  }
18864
18911
  @media (min-width: 75rem) {
18865
18912
  .pf-v6-c-page {
18913
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
18866
18914
  grid-template-areas: "header header" "sidebar main";
18867
18915
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
18868
18916
  }
@@ -19372,11 +19420,11 @@ ul.pf-v6-c-list {
19372
19420
  flex-shrink: 0;
19373
19421
  }
19374
19422
 
19375
- .pf-v6-c-page__drawer {
19376
- grid-area: main;
19423
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19424
+ align-self: revert;
19377
19425
  }
19378
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19379
- flex: 1 0 auto;
19426
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19427
+ flex-grow: 1;
19380
19428
  }
19381
19429
 
19382
19430
  .pf-v6-c-pagination {
@@ -19398,17 +19446,23 @@ ul.pf-v6-c-list {
19398
19446
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19399
19447
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19400
19448
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19401
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19402
19449
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19403
19450
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19404
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19451
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19452
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19405
19453
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19406
19454
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19407
19455
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19408
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19409
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19410
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19411
19456
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19457
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19458
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19459
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19460
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19461
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19462
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19463
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19464
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19465
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19412
19466
  --pf-v6-c-pagination__page-menu--Display--base: block;
19413
19467
  --pf-v6-c-pagination__page-menu--Display: none;
19414
19468
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19448,17 +19502,13 @@ ul.pf-v6-c-list {
19448
19502
  position: sticky;
19449
19503
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19450
19504
  justify-content: center;
19451
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19452
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
19505
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19506
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19507
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19508
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19453
19509
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19454
19510
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19455
19511
  }
19456
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19457
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19458
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19459
- position: relative;
19460
- box-shadow: none;
19461
- }
19462
19512
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19463
19513
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19464
19514
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19480,6 +19530,10 @@ ul.pf-v6-c-list {
19480
19530
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19481
19531
  position: relative;
19482
19532
  justify-content: flex-end;
19533
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19534
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19535
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19536
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19483
19537
  }
19484
19538
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19485
19539
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19497,15 +19551,23 @@ ul.pf-v6-c-list {
19497
19551
  flex-basis: auto;
19498
19552
  }
19499
19553
  }
19554
+ .pf-v6-c-pagination.pf-m-static {
19555
+ position: relative;
19556
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19557
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19558
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19559
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19560
+ box-shadow: none;
19561
+ }
19500
19562
  .pf-v6-c-pagination.pf-m-sticky {
19501
19563
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19502
19564
  position: sticky;
19503
19565
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19504
19566
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19505
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19506
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19507
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19508
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
19567
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19568
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19569
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19570
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19509
19571
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19510
19572
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19511
19573
  }
@@ -21977,9 +22039,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21977
22039
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
21978
22040
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
21979
22041
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
21980
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22042
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
21981
22043
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21982
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22044
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
21983
22045
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
21984
22046
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21985
22047
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22009,8 +22071,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22009
22071
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22010
22072
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22011
22073
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22012
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22013
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22074
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22075
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22014
22076
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22015
22077
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22016
22078
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22028,6 +22090,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22028
22090
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22029
22091
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22030
22092
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22093
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22031
22094
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22032
22095
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22033
22096
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22327,6 +22390,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22327
22390
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22328
22391
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22329
22392
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22393
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22330
22394
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22331
22395
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22332
22396
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22629,6 +22693,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22629
22693
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22630
22694
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22631
22695
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22696
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22632
22697
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22633
22698
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22634
22699
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22931,6 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22931
22996
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22932
22997
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22933
22998
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22999
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22934
23000
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22935
23001
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22936
23002
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23233,6 +23299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23233
23299
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23234
23300
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23235
23301
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23302
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23236
23303
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23237
23304
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23238
23305
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23538,7 +23605,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23538
23605
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23539
23606
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23540
23607
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23541
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23608
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23542
23609
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23543
23610
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23544
23611
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23556,7 +23623,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23556
23623
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23557
23624
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23558
23625
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23559
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
23626
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23560
23627
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23561
23628
  --pf-v6-c-table--cell--MinWidth: 0;
23562
23629
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -23785,10 +23852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23785
23852
  }
23786
23853
  }
23787
23854
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23788
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23855
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23789
23856
  }
23790
23857
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
23791
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23858
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23792
23859
  }
23793
23860
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
23794
23861
  text-align: center;
@@ -24021,7 +24088,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24021
24088
  .pf-v6-c-table__column-help {
24022
24089
  display: inline-grid;
24023
24090
  grid-template-columns: auto max-content;
24024
- align-items: baseline;
24091
+ align-items: last baseline;
24025
24092
  justify-content: start;
24026
24093
  }
24027
24094
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24186,6 +24253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24186
24253
  }
24187
24254
 
24188
24255
  .pf-v6-c-table__column-help-action {
24256
+ align-self: last baseline;
24189
24257
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24190
24258
  }
24191
24259