@patternfly/react-table 4.41.0 → 4.42.0
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 +11 -0
- package/dist/umd/react-table.min.css +200 -200
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 4.42.0 (2021-11-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **contextselector:** added support for context selector items as links ([#6554](https://github.com/patternfly/patternfly-react/issues/6554)) ([c465388](https://github.com/patternfly/patternfly-react/commit/c4653881eee0cd8ec8e3a7125bbef0bded9f2de0))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# 4.41.0 (2021-11-11)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -15659,206 +15659,6 @@ ul.pf-c-list {
|
|
|
15659
15659
|
margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
|
|
15660
15660
|
}
|
|
15661
15661
|
|
|
15662
|
-
.pf-c-modal-box {
|
|
15663
|
-
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
15664
|
-
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
15665
|
-
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
15666
|
-
--pf-c-modal-box--Width: 100%;
|
|
15667
|
-
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
15668
|
-
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
15669
|
-
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
15670
|
-
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
15671
|
-
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
15672
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
15673
|
-
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
15674
|
-
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
15675
|
-
--pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
|
|
15676
|
-
--pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
|
|
15677
|
-
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
15678
|
-
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
15679
|
-
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
15680
|
-
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
15681
|
-
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
15682
|
-
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
15683
|
-
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
15684
|
-
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15685
|
-
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15686
|
-
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
15687
|
-
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
15688
|
-
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
15689
|
-
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
15690
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
15691
|
-
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
15692
|
-
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
15693
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
15694
|
-
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
15695
|
-
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15696
|
-
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15697
|
-
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
15698
|
-
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
15699
|
-
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
15700
|
-
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
15701
|
-
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
15702
|
-
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
15703
|
-
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
15704
|
-
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
15705
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
15706
|
-
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
15707
|
-
position: relative;
|
|
15708
|
-
z-index: var(--pf-c-modal-box--ZIndex);
|
|
15709
|
-
display: flex;
|
|
15710
|
-
flex-direction: column;
|
|
15711
|
-
width: var(--pf-c-modal-box--Width);
|
|
15712
|
-
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
15713
|
-
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
15714
|
-
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
15715
|
-
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
15716
|
-
}
|
|
15717
|
-
|
|
15718
|
-
@media (min-width: 1200px) {
|
|
15719
|
-
.pf-c-modal-box {
|
|
15720
|
-
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
15721
|
-
}
|
|
15722
|
-
}
|
|
15723
|
-
.pf-c-modal-box.pf-m-sm {
|
|
15724
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
15725
|
-
}
|
|
15726
|
-
|
|
15727
|
-
.pf-c-modal-box.pf-m-md {
|
|
15728
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
15729
|
-
}
|
|
15730
|
-
|
|
15731
|
-
.pf-c-modal-box.pf-m-lg {
|
|
15732
|
-
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
15733
|
-
}
|
|
15734
|
-
|
|
15735
|
-
.pf-c-modal-box.pf-m-align-top {
|
|
15736
|
-
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
15737
|
-
align-self: flex-start;
|
|
15738
|
-
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
15739
|
-
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
15740
|
-
}
|
|
15741
|
-
|
|
15742
|
-
.pf-c-modal-box.pf-m-danger {
|
|
15743
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
15744
|
-
}
|
|
15745
|
-
|
|
15746
|
-
.pf-c-modal-box.pf-m-warning {
|
|
15747
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
15748
|
-
}
|
|
15749
|
-
|
|
15750
|
-
.pf-c-modal-box.pf-m-success {
|
|
15751
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
15752
|
-
}
|
|
15753
|
-
|
|
15754
|
-
.pf-c-modal-box.pf-m-default {
|
|
15755
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
15756
|
-
}
|
|
15757
|
-
|
|
15758
|
-
.pf-c-modal-box.pf-m-info {
|
|
15759
|
-
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
15760
|
-
}
|
|
15761
|
-
|
|
15762
|
-
.pf-c-modal-box > .pf-c-button {
|
|
15763
|
-
position: absolute;
|
|
15764
|
-
top: var(--pf-c-modal-box--c-button--Top);
|
|
15765
|
-
right: var(--pf-c-modal-box--c-button--Right);
|
|
15766
|
-
}
|
|
15767
|
-
|
|
15768
|
-
.pf-c-modal-box > .pf-c-button + * {
|
|
15769
|
-
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
15770
|
-
}
|
|
15771
|
-
|
|
15772
|
-
.pf-c-modal-box__header {
|
|
15773
|
-
display: flex;
|
|
15774
|
-
flex-direction: column;
|
|
15775
|
-
flex-shrink: 0;
|
|
15776
|
-
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
15777
|
-
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
15778
|
-
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
15779
|
-
}
|
|
15780
|
-
|
|
15781
|
-
.pf-c-modal-box__header.pf-m-help {
|
|
15782
|
-
display: flex;
|
|
15783
|
-
flex-direction: row;
|
|
15784
|
-
}
|
|
15785
|
-
|
|
15786
|
-
.pf-c-modal-box__header:last-child {
|
|
15787
|
-
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
15788
|
-
}
|
|
15789
|
-
|
|
15790
|
-
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
15791
|
-
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
15792
|
-
}
|
|
15793
|
-
|
|
15794
|
-
.pf-c-modal-box__header-main {
|
|
15795
|
-
flex-grow: 1;
|
|
15796
|
-
min-width: 0;
|
|
15797
|
-
}
|
|
15798
|
-
|
|
15799
|
-
.pf-c-modal-box__title,
|
|
15800
|
-
.pf-c-modal-box__title-text {
|
|
15801
|
-
overflow: hidden;
|
|
15802
|
-
text-overflow: ellipsis;
|
|
15803
|
-
white-space: nowrap;
|
|
15804
|
-
}
|
|
15805
|
-
|
|
15806
|
-
.pf-c-modal-box__title {
|
|
15807
|
-
flex: 0 0 auto;
|
|
15808
|
-
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
15809
|
-
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
15810
|
-
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
15811
|
-
}
|
|
15812
|
-
|
|
15813
|
-
.pf-c-modal-box__title.pf-m-icon {
|
|
15814
|
-
display: flex;
|
|
15815
|
-
}
|
|
15816
|
-
|
|
15817
|
-
.pf-c-modal-box__title-icon {
|
|
15818
|
-
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
15819
|
-
color: var(--pf-c-modal-box__title-icon--Color);
|
|
15820
|
-
}
|
|
15821
|
-
|
|
15822
|
-
.pf-c-modal-box__description {
|
|
15823
|
-
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
15824
|
-
}
|
|
15825
|
-
|
|
15826
|
-
.pf-c-modal-box__body {
|
|
15827
|
-
flex: 1 1 auto;
|
|
15828
|
-
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
15829
|
-
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
15830
|
-
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
15831
|
-
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
15832
|
-
overflow-x: hidden;
|
|
15833
|
-
overflow-y: auto;
|
|
15834
|
-
overscroll-behavior: contain;
|
|
15835
|
-
word-break: break-word;
|
|
15836
|
-
-webkit-overflow-scrolling: touch;
|
|
15837
|
-
}
|
|
15838
|
-
|
|
15839
|
-
.pf-c-modal-box__body:last-child {
|
|
15840
|
-
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
15841
|
-
}
|
|
15842
|
-
|
|
15843
|
-
.pf-c-modal-box__footer {
|
|
15844
|
-
display: flex;
|
|
15845
|
-
flex: 0 0 auto;
|
|
15846
|
-
align-items: center;
|
|
15847
|
-
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
15848
|
-
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
15849
|
-
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
15850
|
-
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
15851
|
-
}
|
|
15852
|
-
|
|
15853
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
15854
|
-
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
15855
|
-
}
|
|
15856
|
-
|
|
15857
|
-
@media screen and (min-width: 576px) {
|
|
15858
|
-
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
15859
|
-
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
15860
|
-
}
|
|
15861
|
-
}
|
|
15862
15662
|
.pf-c-nav {
|
|
15863
15663
|
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
15864
15664
|
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -16759,6 +16559,206 @@ ul.pf-c-list {
|
|
|
16759
16559
|
left: 0;
|
|
16760
16560
|
}
|
|
16761
16561
|
|
|
16562
|
+
.pf-c-modal-box {
|
|
16563
|
+
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
16564
|
+
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
16565
|
+
--pf-c-modal-box--ZIndex: var(--pf-global--ZIndex--xl);
|
|
16566
|
+
--pf-c-modal-box--Width: 100%;
|
|
16567
|
+
--pf-c-modal-box--MaxWidth: calc(100% - var(--pf-global--spacer--xl));
|
|
16568
|
+
--pf-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
16569
|
+
--pf-c-modal-box--m-md--Width: 52.5rem;
|
|
16570
|
+
--pf-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
16571
|
+
--pf-c-modal-box--MaxHeight: calc(100% - var(--pf-global--spacer--2xl));
|
|
16572
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-global--spacer--sm);
|
|
16573
|
+
--pf-c-modal-box--m-align-top--xl--spacer: var(--pf-global--spacer--xl);
|
|
16574
|
+
--pf-c-modal-box--m-align-top--MarginTop: var(--pf-c-modal-box--m-align-top--spacer);
|
|
16575
|
+
--pf-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer));
|
|
16576
|
+
--pf-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl)));
|
|
16577
|
+
--pf-c-modal-box--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
16578
|
+
--pf-c-modal-box--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
16579
|
+
--pf-c-modal-box--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
16580
|
+
--pf-c-modal-box--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
16581
|
+
--pf-c-modal-box--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
16582
|
+
--pf-c-modal-box__header--PaddingTop: var(--pf-global--spacer--lg);
|
|
16583
|
+
--pf-c-modal-box__header--PaddingRight: var(--pf-global--spacer--lg);
|
|
16584
|
+
--pf-c-modal-box__header--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16585
|
+
--pf-c-modal-box__header--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
16586
|
+
--pf-c-modal-box__title--LineHeight: var(--pf-global--LineHeight--sm);
|
|
16587
|
+
--pf-c-modal-box__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
16588
|
+
--pf-c-modal-box__title--FontSize: var(--pf-global--FontSize--2xl);
|
|
16589
|
+
--pf-c-modal-box__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
16590
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-global--Color--100);
|
|
16591
|
+
--pf-c-modal-box__description--PaddingTop: var(--pf-global--spacer--xs);
|
|
16592
|
+
--pf-c-modal-box__body--MinHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
|
|
16593
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-global--spacer--lg);
|
|
16594
|
+
--pf-c-modal-box__body--PaddingRight: var(--pf-global--spacer--lg);
|
|
16595
|
+
--pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16596
|
+
--pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
16597
|
+
--pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
|
|
16598
|
+
--pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
|
|
16599
|
+
--pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
|
|
16600
|
+
--pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
|
|
16601
|
+
--pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
|
|
16602
|
+
--pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
|
|
16603
|
+
--pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
|
|
16604
|
+
--pf-c-modal-box__footer--PaddingLeft: var(--pf-global--spacer--lg);
|
|
16605
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-global--spacer--md);
|
|
16606
|
+
--pf-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
16607
|
+
position: relative;
|
|
16608
|
+
z-index: var(--pf-c-modal-box--ZIndex);
|
|
16609
|
+
display: flex;
|
|
16610
|
+
flex-direction: column;
|
|
16611
|
+
width: var(--pf-c-modal-box--Width);
|
|
16612
|
+
max-width: var(--pf-c-modal-box--MaxWidth);
|
|
16613
|
+
max-height: var(--pf-c-modal-box--MaxHeight);
|
|
16614
|
+
background-color: var(--pf-c-modal-box--BackgroundColor);
|
|
16615
|
+
box-shadow: var(--pf-c-modal-box--BoxShadow);
|
|
16616
|
+
}
|
|
16617
|
+
|
|
16618
|
+
@media (min-width: 1200px) {
|
|
16619
|
+
.pf-c-modal-box {
|
|
16620
|
+
--pf-c-modal-box--m-align-top--spacer: var(--pf-c-modal-box--m-align-top--xl--spacer);
|
|
16621
|
+
}
|
|
16622
|
+
}
|
|
16623
|
+
.pf-c-modal-box.pf-m-sm {
|
|
16624
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-sm--sm--MaxWidth);
|
|
16625
|
+
}
|
|
16626
|
+
|
|
16627
|
+
.pf-c-modal-box.pf-m-md {
|
|
16628
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-md--Width);
|
|
16629
|
+
}
|
|
16630
|
+
|
|
16631
|
+
.pf-c-modal-box.pf-m-lg {
|
|
16632
|
+
--pf-c-modal-box--Width: var(--pf-c-modal-box--m-lg--lg--MaxWidth);
|
|
16633
|
+
}
|
|
16634
|
+
|
|
16635
|
+
.pf-c-modal-box.pf-m-align-top {
|
|
16636
|
+
top: var(--pf-c-modal-box--m-align-top--MarginTop);
|
|
16637
|
+
align-self: flex-start;
|
|
16638
|
+
max-width: var(--pf-c-modal-box--m-align-top--MaxWidth);
|
|
16639
|
+
max-height: var(--pf-c-modal-box--m-align-top--MaxHeight);
|
|
16640
|
+
}
|
|
16641
|
+
|
|
16642
|
+
.pf-c-modal-box.pf-m-danger {
|
|
16643
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-danger__title-icon--Color);
|
|
16644
|
+
}
|
|
16645
|
+
|
|
16646
|
+
.pf-c-modal-box.pf-m-warning {
|
|
16647
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-warning__title-icon--Color);
|
|
16648
|
+
}
|
|
16649
|
+
|
|
16650
|
+
.pf-c-modal-box.pf-m-success {
|
|
16651
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-success__title-icon--Color);
|
|
16652
|
+
}
|
|
16653
|
+
|
|
16654
|
+
.pf-c-modal-box.pf-m-default {
|
|
16655
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-default__title-icon--Color);
|
|
16656
|
+
}
|
|
16657
|
+
|
|
16658
|
+
.pf-c-modal-box.pf-m-info {
|
|
16659
|
+
--pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
|
|
16660
|
+
}
|
|
16661
|
+
|
|
16662
|
+
.pf-c-modal-box > .pf-c-button {
|
|
16663
|
+
position: absolute;
|
|
16664
|
+
top: var(--pf-c-modal-box--c-button--Top);
|
|
16665
|
+
right: var(--pf-c-modal-box--c-button--Right);
|
|
16666
|
+
}
|
|
16667
|
+
|
|
16668
|
+
.pf-c-modal-box > .pf-c-button + * {
|
|
16669
|
+
margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
|
|
16670
|
+
}
|
|
16671
|
+
|
|
16672
|
+
.pf-c-modal-box__header {
|
|
16673
|
+
display: flex;
|
|
16674
|
+
flex-direction: column;
|
|
16675
|
+
flex-shrink: 0;
|
|
16676
|
+
padding-top: var(--pf-c-modal-box__header--PaddingTop);
|
|
16677
|
+
padding-right: var(--pf-c-modal-box__header--PaddingRight);
|
|
16678
|
+
padding-left: var(--pf-c-modal-box__header--PaddingLeft);
|
|
16679
|
+
}
|
|
16680
|
+
|
|
16681
|
+
.pf-c-modal-box__header.pf-m-help {
|
|
16682
|
+
display: flex;
|
|
16683
|
+
flex-direction: row;
|
|
16684
|
+
}
|
|
16685
|
+
|
|
16686
|
+
.pf-c-modal-box__header:last-child {
|
|
16687
|
+
padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom);
|
|
16688
|
+
}
|
|
16689
|
+
|
|
16690
|
+
.pf-c-modal-box__header + .pf-c-modal-box__body {
|
|
16691
|
+
--pf-c-modal-box__body--PaddingTop: var(--pf-c-modal-box__header--body--PaddingTop);
|
|
16692
|
+
}
|
|
16693
|
+
|
|
16694
|
+
.pf-c-modal-box__header-main {
|
|
16695
|
+
flex-grow: 1;
|
|
16696
|
+
min-width: 0;
|
|
16697
|
+
}
|
|
16698
|
+
|
|
16699
|
+
.pf-c-modal-box__title,
|
|
16700
|
+
.pf-c-modal-box__title-text {
|
|
16701
|
+
overflow: hidden;
|
|
16702
|
+
text-overflow: ellipsis;
|
|
16703
|
+
white-space: nowrap;
|
|
16704
|
+
}
|
|
16705
|
+
|
|
16706
|
+
.pf-c-modal-box__title {
|
|
16707
|
+
flex: 0 0 auto;
|
|
16708
|
+
font-family: var(--pf-c-modal-box__title--FontFamily);
|
|
16709
|
+
font-size: var(--pf-c-modal-box__title--FontSize);
|
|
16710
|
+
line-height: var(--pf-c-modal-box__title--LineHeight);
|
|
16711
|
+
}
|
|
16712
|
+
|
|
16713
|
+
.pf-c-modal-box__title.pf-m-icon {
|
|
16714
|
+
display: flex;
|
|
16715
|
+
}
|
|
16716
|
+
|
|
16717
|
+
.pf-c-modal-box__title-icon {
|
|
16718
|
+
margin-right: var(--pf-c-modal-box__title-icon--MarginRight);
|
|
16719
|
+
color: var(--pf-c-modal-box__title-icon--Color);
|
|
16720
|
+
}
|
|
16721
|
+
|
|
16722
|
+
.pf-c-modal-box__description {
|
|
16723
|
+
padding-top: var(--pf-c-modal-box__description--PaddingTop);
|
|
16724
|
+
}
|
|
16725
|
+
|
|
16726
|
+
.pf-c-modal-box__body {
|
|
16727
|
+
flex: 1 1 auto;
|
|
16728
|
+
min-height: var(--pf-c-modal-box__body--MinHeight);
|
|
16729
|
+
padding-top: var(--pf-c-modal-box__body--PaddingTop);
|
|
16730
|
+
padding-right: var(--pf-c-modal-box__body--PaddingRight);
|
|
16731
|
+
padding-left: var(--pf-c-modal-box__body--PaddingLeft);
|
|
16732
|
+
overflow-x: hidden;
|
|
16733
|
+
overflow-y: auto;
|
|
16734
|
+
overscroll-behavior: contain;
|
|
16735
|
+
word-break: break-word;
|
|
16736
|
+
-webkit-overflow-scrolling: touch;
|
|
16737
|
+
}
|
|
16738
|
+
|
|
16739
|
+
.pf-c-modal-box__body:last-child {
|
|
16740
|
+
padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom);
|
|
16741
|
+
}
|
|
16742
|
+
|
|
16743
|
+
.pf-c-modal-box__footer {
|
|
16744
|
+
display: flex;
|
|
16745
|
+
flex: 0 0 auto;
|
|
16746
|
+
align-items: center;
|
|
16747
|
+
padding-top: var(--pf-c-modal-box__footer--PaddingTop);
|
|
16748
|
+
padding-right: var(--pf-c-modal-box__footer--PaddingRight);
|
|
16749
|
+
padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom);
|
|
16750
|
+
padding-left: var(--pf-c-modal-box__footer--PaddingLeft);
|
|
16751
|
+
}
|
|
16752
|
+
|
|
16753
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
16754
|
+
margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight);
|
|
16755
|
+
}
|
|
16756
|
+
|
|
16757
|
+
@media screen and (min-width: 576px) {
|
|
16758
|
+
.pf-c-modal-box__footer > .pf-c-button:not(:last-child) {
|
|
16759
|
+
--pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
|
|
16760
|
+
}
|
|
16761
|
+
}
|
|
16762
16762
|
.pf-l-bullseye {
|
|
16763
16763
|
--pf-l-bullseye--Padding: 0;
|
|
16764
16764
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.42.0",
|
|
4
4
|
"description": "This library provides a set of React table components for use with the PatternFly 4",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"clean": "rimraf dist"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@patternfly/react-core": "^4.
|
|
35
|
-
"@patternfly/react-icons": "^4.
|
|
36
|
-
"@patternfly/react-styles": "^4.
|
|
37
|
-
"@patternfly/react-tokens": "^4.
|
|
34
|
+
"@patternfly/react-core": "^4.173.0",
|
|
35
|
+
"@patternfly/react-icons": "^4.24.0",
|
|
36
|
+
"@patternfly/react-styles": "^4.23.0",
|
|
37
|
+
"@patternfly/react-tokens": "^4.25.0",
|
|
38
38
|
"lodash": "^4.17.19",
|
|
39
39
|
"tslib": "^2.0.0"
|
|
40
40
|
},
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"react": "^16.8.0 || ^17.0.0",
|
|
47
47
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "56b29b790d06d4646075555c48d72cd0f72d600e"
|
|
50
50
|
}
|