@patternfly/react-core 4.237.3 → 4.237.6

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 (77) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/Checkbox/Checkbox.d.ts +7 -5
  3. package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
  4. package/dist/esm/components/Checkbox/Checkbox.js +7 -3
  5. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  6. package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
  7. package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
  8. package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -1
  9. package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
  10. package/dist/esm/components/Dropdown/InternalDropdownItem.js +14 -11
  11. package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
  12. package/dist/esm/components/Dropdown/Toggle.js +9 -7
  13. package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
  14. package/dist/esm/components/Modal/Modal.d.ts +2 -2
  15. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  16. package/dist/esm/components/Modal/Modal.js +2 -1
  17. package/dist/esm/components/Modal/Modal.js.map +1 -1
  18. package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
  19. package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
  20. package/dist/esm/components/TextArea/TextArea.d.ts +3 -0
  21. package/dist/esm/components/TextArea/TextArea.d.ts.map +1 -1
  22. package/dist/esm/components/TextArea/TextArea.js +21 -10
  23. package/dist/esm/components/TextArea/TextArea.js.map +1 -1
  24. package/dist/esm/components/TreeView/TreeView.js +2 -2
  25. package/dist/esm/components/TreeView/TreeView.js.map +1 -1
  26. package/dist/esm/components/TreeView/TreeViewListItem.d.ts +1 -1
  27. package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  28. package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
  29. package/dist/esm/components/TreeView/TreeViewRoot.js +30 -26
  30. package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
  31. package/dist/js/components/Checkbox/Checkbox.d.ts +7 -5
  32. package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
  33. package/dist/js/components/Checkbox/Checkbox.js +7 -3
  34. package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
  35. package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
  36. package/dist/js/components/Dropdown/DropdownItem.d.ts.map +1 -1
  37. package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -1
  38. package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
  39. package/dist/js/components/Dropdown/InternalDropdownItem.js +14 -11
  40. package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
  41. package/dist/js/components/Dropdown/Toggle.js +9 -7
  42. package/dist/js/components/Dropdown/Toggle.js.map +1 -1
  43. package/dist/js/components/Modal/Modal.d.ts +2 -2
  44. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  45. package/dist/js/components/Modal/Modal.js +2 -1
  46. package/dist/js/components/Modal/Modal.js.map +1 -1
  47. package/dist/js/components/Modal/ModalBoxTitle.js +1 -1
  48. package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
  49. package/dist/js/components/TextArea/TextArea.d.ts +3 -0
  50. package/dist/js/components/TextArea/TextArea.d.ts.map +1 -1
  51. package/dist/js/components/TextArea/TextArea.js +21 -10
  52. package/dist/js/components/TextArea/TextArea.js.map +1 -1
  53. package/dist/js/components/TreeView/TreeView.js +2 -2
  54. package/dist/js/components/TreeView/TreeView.js.map +1 -1
  55. package/dist/js/components/TreeView/TreeViewListItem.d.ts +1 -1
  56. package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  57. package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
  58. package/dist/js/components/TreeView/TreeViewRoot.js +30 -26
  59. package/dist/js/components/TreeView/TreeViewRoot.js.map +1 -1
  60. package/dist/umd/react-core.min.css +200 -200
  61. package/dist/umd/react-core.min.js +6 -6
  62. package/package.json +5 -5
  63. package/src/components/Checkbox/Checkbox.tsx +16 -5
  64. package/src/components/Checkbox/examples/Checkbox.md +5 -0
  65. package/src/components/Checkbox/examples/CheckboxRequired.tsx +6 -0
  66. package/src/components/Dropdown/DropdownItem.tsx +1 -1
  67. package/src/components/Dropdown/DropdownToggleCheckbox.tsx +1 -1
  68. package/src/components/Dropdown/InternalDropdownItem.tsx +10 -10
  69. package/src/components/Dropdown/Toggle.tsx +8 -8
  70. package/src/components/Modal/Modal.tsx +3 -3
  71. package/src/components/Modal/ModalBoxTitle.tsx +1 -1
  72. package/src/components/TextArea/TextArea.tsx +26 -12
  73. package/src/components/TextArea/examples/TextArea.md +47 -21
  74. package/src/components/TreeView/TreeView.tsx +1 -1
  75. package/src/components/TreeView/TreeViewListItem.tsx +1 -1
  76. package/src/components/TreeView/TreeViewRoot.tsx +29 -25
  77. package/src/components/TreeView/examples/TreeView.md +37 -19
@@ -18651,20 +18651,6 @@ label.pf-c-radio, .pf-c-radio__label,
18651
18651
  --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
18652
18652
  }
18653
18653
 
18654
- .pf-c-skip-to-content {
18655
- --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
18656
- --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
18657
- --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
18658
- position: absolute;
18659
- top: var(--pf-c-skip-to-content--Top);
18660
- left: -300%;
18661
- z-index: var(--pf-c-skip-to-content--ZIndex);
18662
- }
18663
-
18664
- .pf-c-skip-to-content:focus {
18665
- left: var(--pf-c-skip-to-content--focus--Left);
18666
- }
18667
-
18668
18654
  .pf-c-skeleton {
18669
18655
  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
18670
18656
  --pf-c-skeleton--Width: auto;
@@ -18861,6 +18847,20 @@ label.pf-c-radio, .pf-c-radio__label,
18861
18847
  --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600);
18862
18848
  }
18863
18849
 
18850
+ .pf-c-skip-to-content {
18851
+ --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
18852
+ --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
18853
+ --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
18854
+ position: absolute;
18855
+ top: var(--pf-c-skip-to-content--Top);
18856
+ left: -300%;
18857
+ z-index: var(--pf-c-skip-to-content--ZIndex);
18858
+ }
18859
+
18860
+ .pf-c-skip-to-content:focus {
18861
+ left: var(--pf-c-skip-to-content--focus--Left);
18862
+ }
18863
+
18864
18864
  .pf-c-slider {
18865
18865
  --pf-c-slider--value: 0;
18866
18866
  --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
@@ -19469,45 +19469,6 @@ svg.pf-c-spinner.pf-m-xl {
19469
19469
  --pf-c-switch__toggle--before--BoxShadow: none;
19470
19470
  }
19471
19471
 
19472
- .pf-c-tab-content {
19473
- --pf-c-tab-content__body--PaddingTop: 0;
19474
- --pf-c-tab-content__body--PaddingRight: 0;
19475
- --pf-c-tab-content__body--PaddingBottom: 0;
19476
- --pf-c-tab-content__body--PaddingLeft: 0;
19477
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
19478
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
19479
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
19480
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
19481
- --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
19482
- --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
19483
- --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
19484
- --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
19485
- --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
19486
- }
19487
-
19488
- @media screen and (min-width: 1200px) {
19489
- .pf-c-tab-content {
19490
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
19491
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
19492
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
19493
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
19494
- }
19495
- }
19496
- .pf-c-tab-content.pf-m-light-300 {
19497
- background-color: var(--pf-c-tab-content--m-light-300);
19498
- }
19499
-
19500
- .pf-c-tab-content__body {
19501
- padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
19502
- }
19503
-
19504
- .pf-c-tab-content__body.pf-m-padding {
19505
- --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
19506
- --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
19507
- --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
19508
- --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
19509
- }
19510
-
19511
19472
  .pf-c-tabs {
19512
19473
  --pf-c-tabs--inset: 0;
19513
19474
  --pf-c-tabs--Width: auto;
@@ -20478,6 +20439,45 @@ svg.pf-c-spinner.pf-m-xl {
20478
20439
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
20479
20440
  }
20480
20441
 
20442
+ .pf-c-tab-content {
20443
+ --pf-c-tab-content__body--PaddingTop: 0;
20444
+ --pf-c-tab-content__body--PaddingRight: 0;
20445
+ --pf-c-tab-content__body--PaddingBottom: 0;
20446
+ --pf-c-tab-content__body--PaddingLeft: 0;
20447
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
20448
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
20449
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
20450
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
20451
+ --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
20452
+ --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
20453
+ --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
20454
+ --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
20455
+ --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
20456
+ }
20457
+
20458
+ @media screen and (min-width: 1200px) {
20459
+ .pf-c-tab-content {
20460
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
20461
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
20462
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
20463
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
20464
+ }
20465
+ }
20466
+ .pf-c-tab-content.pf-m-light-300 {
20467
+ background-color: var(--pf-c-tab-content--m-light-300);
20468
+ }
20469
+
20470
+ .pf-c-tab-content__body {
20471
+ padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
20472
+ }
20473
+
20474
+ .pf-c-tab-content__body.pf-m-padding {
20475
+ --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
20476
+ --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
20477
+ --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
20478
+ --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
20479
+ }
20480
+
20481
20481
  .pf-c-content {
20482
20482
  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
20483
20483
  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -20920,6 +20920,44 @@ svg.pf-c-spinner.pf-m-xl {
20920
20920
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
20921
20921
  }
20922
20922
 
20923
+ .pf-c-timestamp {
20924
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
20925
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
20926
+ --pf-c-timestamp--OutlineOffset: 0.1875rem;
20927
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
20928
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
20929
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
20930
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
20931
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
20932
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
20933
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
20934
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
20935
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
20936
+ display: inline-block;
20937
+ font-size: var(--pf-c-timestamp--FontSize);
20938
+ color: var(--pf-c-timestamp--Color);
20939
+ outline-offset: var(--pf-c-timestamp--OutlineOffset);
20940
+ }
20941
+
20942
+ .pf-c-timestamp.pf-m-help-text {
20943
+ cursor: pointer;
20944
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
20945
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
20946
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
20947
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
20948
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
20949
+ }
20950
+
20951
+ .pf-c-timestamp.pf-m-help-text:hover {
20952
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
20953
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
20954
+ }
20955
+
20956
+ .pf-c-timestamp.pf-m-help-text:focus {
20957
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
20958
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
20959
+ }
20960
+
20923
20961
  .pf-c-title {
20924
20962
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
20925
20963
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -20985,44 +21023,6 @@ svg.pf-c-spinner.pf-m-xl {
20985
21023
  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
20986
21024
  }
20987
21025
 
20988
- .pf-c-timestamp {
20989
- --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
20990
- --pf-c-timestamp--Color: var(--pf-global--Color--200);
20991
- --pf-c-timestamp--OutlineOffset: 0.1875rem;
20992
- --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
20993
- --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
20994
- --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
20995
- --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
20996
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
20997
- --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
20998
- --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
20999
- --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
21000
- --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
21001
- display: inline-block;
21002
- font-size: var(--pf-c-timestamp--FontSize);
21003
- color: var(--pf-c-timestamp--Color);
21004
- outline-offset: var(--pf-c-timestamp--OutlineOffset);
21005
- }
21006
-
21007
- .pf-c-timestamp.pf-m-help-text {
21008
- cursor: pointer;
21009
- text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
21010
- text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
21011
- text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
21012
- text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
21013
- text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
21014
- }
21015
-
21016
- .pf-c-timestamp.pf-m-help-text:hover {
21017
- --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
21018
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
21019
- }
21020
-
21021
- .pf-c-timestamp.pf-m-help-text:focus {
21022
- --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
21023
- --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
21024
- }
21025
-
21026
21026
  .pf-c-toggle-group {
21027
21027
  --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
21028
21028
  --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
@@ -23761,6 +23761,69 @@ label.pf-c-tree-view__node-text {
23761
23761
  color: var(--pf-global--Color--100);
23762
23762
  }
23763
23763
 
23764
+ .pf-c-draggable {
23765
+ --pf-c-draggable--Cursor: auto;
23766
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
23767
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
23768
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23769
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23770
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
23771
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23772
+ cursor: var(--pf-c-draggable--Cursor);
23773
+ }
23774
+
23775
+ .pf-c-draggable.pf-m-dragging {
23776
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
23777
+ position: relative;
23778
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
23779
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
23780
+ }
23781
+
23782
+ .pf-c-draggable.pf-m-dragging::after {
23783
+ position: absolute;
23784
+ top: 0;
23785
+ right: 0;
23786
+ bottom: 0;
23787
+ left: 0;
23788
+ content: "";
23789
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
23790
+ }
23791
+
23792
+ .pf-c-draggable.pf-m-drag-outside {
23793
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
23794
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
23795
+ }
23796
+
23797
+ .pf-c-droppable {
23798
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
23799
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23800
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23801
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23802
+ }
23803
+
23804
+ .pf-c-droppable.pf-m-dragging {
23805
+ position: relative;
23806
+ }
23807
+
23808
+ .pf-c-droppable.pf-m-dragging::after {
23809
+ position: absolute;
23810
+ top: 0;
23811
+ right: 0;
23812
+ bottom: 0;
23813
+ left: 0;
23814
+ pointer-events: none;
23815
+ content: "";
23816
+ }
23817
+
23818
+ .pf-c-droppable::after {
23819
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
23820
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
23821
+ }
23822
+
23823
+ .pf-c-droppable.pf-m-drag-outside {
23824
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
23825
+ }
23826
+
23764
23827
  .pf-c-text-input-group {
23765
23828
  --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
23766
23829
  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -23933,69 +23996,6 @@ label.pf-c-tree-view__node-text {
23933
23996
  display: flex;
23934
23997
  }
23935
23998
 
23936
- .pf-c-draggable {
23937
- --pf-c-draggable--Cursor: auto;
23938
- --pf-c-draggable--m-dragging--Cursor: grabbing;
23939
- --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
23940
- --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23941
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23942
- --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
23943
- --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23944
- cursor: var(--pf-c-draggable--Cursor);
23945
- }
23946
-
23947
- .pf-c-draggable.pf-m-dragging {
23948
- --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
23949
- position: relative;
23950
- background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
23951
- box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
23952
- }
23953
-
23954
- .pf-c-draggable.pf-m-dragging::after {
23955
- position: absolute;
23956
- top: 0;
23957
- right: 0;
23958
- bottom: 0;
23959
- left: 0;
23960
- content: "";
23961
- border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
23962
- }
23963
-
23964
- .pf-c-draggable.pf-m-drag-outside {
23965
- --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
23966
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
23967
- }
23968
-
23969
- .pf-c-droppable {
23970
- --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
23971
- --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
23972
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
23973
- --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
23974
- }
23975
-
23976
- .pf-c-droppable.pf-m-dragging {
23977
- position: relative;
23978
- }
23979
-
23980
- .pf-c-droppable.pf-m-dragging::after {
23981
- position: absolute;
23982
- top: 0;
23983
- right: 0;
23984
- bottom: 0;
23985
- left: 0;
23986
- pointer-events: none;
23987
- content: "";
23988
- }
23989
-
23990
- .pf-c-droppable::after {
23991
- background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
23992
- border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
23993
- }
23994
-
23995
- .pf-c-droppable.pf-m-drag-outside {
23996
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
23997
- }
23998
-
23999
23999
  .pf-c-panel {
24000
24000
  --pf-c-panel--Width: auto;
24001
24001
  --pf-c-panel--MinWidth: auto;
@@ -26258,6 +26258,52 @@ label.pf-c-tree-view__node-text {
26258
26258
  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
26259
26259
  }
26260
26260
  }
26261
+ .pf-l-level {
26262
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
26263
+ display: flex;
26264
+ flex-wrap: wrap;
26265
+ align-items: center;
26266
+ justify-content: space-between;
26267
+ }
26268
+
26269
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
26270
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
26271
+ }
26272
+
26273
+ .pf-l-split {
26274
+ --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
26275
+ display: flex;
26276
+ padding: 0;
26277
+ margin: 0;
26278
+ }
26279
+
26280
+ .pf-l-split.pf-m-wrap {
26281
+ flex-wrap: wrap;
26282
+ }
26283
+
26284
+ .pf-l-split__item.pf-m-fill {
26285
+ flex-grow: 1;
26286
+ }
26287
+
26288
+ .pf-l-split.pf-m-gutter > *:not(:last-child) {
26289
+ margin-right: var(--pf-l-split--m-gutter--MarginRight);
26290
+ }
26291
+
26292
+ .pf-l-stack {
26293
+ --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
26294
+ display: flex;
26295
+ flex-direction: column;
26296
+ height: 100%;
26297
+ }
26298
+
26299
+ .pf-l-stack__item.pf-m-fill {
26300
+ flex-grow: 1;
26301
+ }
26302
+
26303
+ .pf-l-stack.pf-m-gutter > *:not(:last-child) {
26304
+ margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
26305
+ }
26306
+
26261
26307
  .pf-l-grid {
26262
26308
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26263
26309
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27472,52 +27518,6 @@ label.pf-c-tree-view__node-text {
27472
27518
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27473
27519
  }
27474
27520
 
27475
- .pf-l-level {
27476
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27477
- display: flex;
27478
- flex-wrap: wrap;
27479
- align-items: center;
27480
- justify-content: space-between;
27481
- }
27482
-
27483
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
27484
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
27485
- }
27486
-
27487
- .pf-l-split {
27488
- --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27489
- display: flex;
27490
- padding: 0;
27491
- margin: 0;
27492
- }
27493
-
27494
- .pf-l-split.pf-m-wrap {
27495
- flex-wrap: wrap;
27496
- }
27497
-
27498
- .pf-l-split__item.pf-m-fill {
27499
- flex-grow: 1;
27500
- }
27501
-
27502
- .pf-l-split.pf-m-gutter > *:not(:last-child) {
27503
- margin-right: var(--pf-l-split--m-gutter--MarginRight);
27504
- }
27505
-
27506
- .pf-l-stack {
27507
- --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27508
- display: flex;
27509
- flex-direction: column;
27510
- height: 100%;
27511
- }
27512
-
27513
- .pf-l-stack__item.pf-m-fill {
27514
- flex-grow: 1;
27515
- }
27516
-
27517
- .pf-l-stack.pf-m-gutter > *:not(:last-child) {
27518
- margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
27519
- }
27520
-
27521
27521
  .pf-c-alert-group {
27522
27522
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
27523
27523
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);