@patternfly/patternfly 4.216.3 → 4.217.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/components/Button/button.css +11 -1
- package/components/Button/button.scss +10 -1
- package/components/Spinner/spinner.css +4 -0
- package/components/Spinner/spinner.scss +7 -0
- package/components/TextInputGroup/text-input-group.css +11 -12
- package/components/TextInputGroup/text-input-group.scss +13 -18
- package/docs/components/Button/examples/Button.md +26 -6
- package/docs/components/LogViewer/examples/LogViewer.md +268 -268
- package/docs/components/Spinner/examples/Spinner.md +23 -6
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +5 -21
- package/docs/components/Toolbar/examples/Toolbar.md +40 -35
- package/docs/demos/DataList/examples/DataList.md +16 -14
- package/docs/demos/Drawer/examples/Drawer.md +168 -144
- package/docs/demos/JumpLinks/examples/JumpLinks.md +168 -144
- package/docs/demos/Masthead/examples/Masthead.md +24 -21
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +24 -27
- package/docs/demos/Table/examples/Table.md +88 -77
- package/docs/demos/Toolbar/examples/Toolbar.md +229 -231
- package/package.json +2 -2
- package/patternfly-no-reset.css +26 -13
- package/patternfly.css +26 -13
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -7576,6 +7576,12 @@ button.pf-c-breadcrumb__link {
|
|
|
7576
7576
|
--pf-c-button--m-link--m-inline--FontSize: inherit;
|
|
7577
7577
|
--pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7578
7578
|
--pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
|
|
7579
|
+
--pf-c-button--m-link--m-inline--PaddingTop: 0;
|
|
7580
|
+
--pf-c-button--m-link--m-inline--PaddingRight: 0;
|
|
7581
|
+
--pf-c-button--m-link--m-inline--PaddingBottom: 0;
|
|
7582
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: 0;
|
|
7583
|
+
--pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
|
|
7584
|
+
--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
|
|
7579
7585
|
--pf-c-button--m-link--m-danger--BackgroundColor: transparent;
|
|
7580
7586
|
--pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
|
|
7581
7587
|
--pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
|
|
@@ -7774,8 +7780,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7774
7780
|
}
|
|
7775
7781
|
.pf-c-button.pf-m-link.pf-m-inline {
|
|
7776
7782
|
--pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
|
|
7783
|
+
--pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
|
|
7777
7784
|
display: inline;
|
|
7778
|
-
padding:
|
|
7785
|
+
padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
|
|
7779
7786
|
text-align: left;
|
|
7780
7787
|
white-space: normal;
|
|
7781
7788
|
cursor: pointer;
|
|
@@ -7941,6 +7948,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7941
7948
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
|
|
7942
7949
|
transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
|
|
7943
7950
|
}
|
|
7951
|
+
.pf-c-button.pf-m-in-progress {
|
|
7952
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
|
|
7953
|
+
}
|
|
7944
7954
|
.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
7945
7955
|
--pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
|
|
7946
7956
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
|
|
@@ -25919,10 +25929,14 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25919
25929
|
--pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
|
|
25920
25930
|
--pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
|
|
25921
25931
|
--pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
|
|
25932
|
+
--pf-c-spinner--m-inline--diameter: 1em;
|
|
25922
25933
|
width: var(--pf-c-spinner--Width);
|
|
25923
25934
|
height: var(--pf-c-spinner--Height);
|
|
25924
25935
|
overflow: hidden;
|
|
25925
25936
|
}
|
|
25937
|
+
.pf-c-spinner.pf-m-inline {
|
|
25938
|
+
--pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
|
|
25939
|
+
}
|
|
25926
25940
|
.pf-c-spinner.pf-m-sm {
|
|
25927
25941
|
--pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
|
|
25928
25942
|
}
|
|
@@ -30815,6 +30829,11 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30815
30829
|
--pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
30816
30830
|
--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
|
|
30817
30831
|
--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
30832
|
+
--pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
|
|
30833
|
+
--pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
|
|
30834
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
|
|
30835
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
|
|
30836
|
+
--pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
|
|
30818
30837
|
--pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
30819
30838
|
--pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
|
|
30820
30839
|
--pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
@@ -30860,7 +30879,8 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30860
30879
|
.pf-c-text-input-group__main {
|
|
30861
30880
|
display: flex;
|
|
30862
30881
|
flex: 1;
|
|
30863
|
-
|
|
30882
|
+
flex-wrap: wrap;
|
|
30883
|
+
gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
|
|
30864
30884
|
min-width: 0;
|
|
30865
30885
|
}
|
|
30866
30886
|
.pf-c-text-input-group__main.pf-m-icon {
|
|
@@ -30869,17 +30889,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30869
30889
|
.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
|
|
30870
30890
|
margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
|
|
30871
30891
|
}
|
|
30872
|
-
.pf-c-text-input-group__main .pf-c-chip-
|
|
30873
|
-
|
|
30874
|
-
-
|
|
30875
|
-
|
|
30876
|
-
}
|
|
30877
|
-
.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
|
|
30878
|
-
display: none;
|
|
30879
|
-
}
|
|
30880
|
-
.pf-c-text-input-group__main .pf-c-chip-group,
|
|
30881
|
-
.pf-c-text-input-group__main .pf-c-chip-group__list {
|
|
30882
|
-
flex-wrap: nowrap;
|
|
30892
|
+
.pf-c-text-input-group__main .pf-c-chip-group__main {
|
|
30893
|
+
padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
|
|
30894
|
+
padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
|
|
30895
|
+
padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
|
|
30883
30896
|
}
|
|
30884
30897
|
|
|
30885
30898
|
.pf-c-text-input-group__text {
|