@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.
- package/CHANGELOG.md +30 -0
- package/dist/esm/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +7 -3
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/esm/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/esm/components/Dropdown/Toggle.js +9 -7
- package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +2 -1
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.d.ts +3 -0
- package/dist/esm/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +21 -10
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js +2 -2
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +7 -3
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/js/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/js/components/Dropdown/Toggle.js +9 -7
- package/dist/js/components/Dropdown/Toggle.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -2
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +2 -1
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/js/components/TextArea/TextArea.d.ts +3 -0
- package/dist/js/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/js/components/TextArea/TextArea.js +21 -10
- package/dist/js/components/TextArea/TextArea.js.map +1 -1
- package/dist/js/components/TreeView/TreeView.js +2 -2
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/js/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/umd/react-core.min.css +200 -200
- package/dist/umd/react-core.min.js +6 -6
- package/package.json +5 -5
- package/src/components/Checkbox/Checkbox.tsx +16 -5
- package/src/components/Checkbox/examples/Checkbox.md +5 -0
- package/src/components/Checkbox/examples/CheckboxRequired.tsx +6 -0
- package/src/components/Dropdown/DropdownItem.tsx +1 -1
- package/src/components/Dropdown/DropdownToggleCheckbox.tsx +1 -1
- package/src/components/Dropdown/InternalDropdownItem.tsx +10 -10
- package/src/components/Dropdown/Toggle.tsx +8 -8
- package/src/components/Modal/Modal.tsx +3 -3
- package/src/components/Modal/ModalBoxTitle.tsx +1 -1
- package/src/components/TextArea/TextArea.tsx +26 -12
- package/src/components/TextArea/examples/TextArea.md +47 -21
- package/src/components/TreeView/TreeView.tsx +1 -1
- package/src/components/TreeView/TreeViewListItem.tsx +1 -1
- package/src/components/TreeView/TreeViewRoot.tsx +29 -25
- 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);
|