@patternfly/patternfly 5.0.0-alpha.47 → 5.0.0-alpha.49

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 (10) hide show
  1. package/components/AboutModalBox/about-modal-box.css +1 -0
  2. package/components/AboutModalBox/about-modal-box.scss +1 -0
  3. package/components/Wizard/wizard.css +5 -5
  4. package/components/Wizard/wizard.scss +5 -5
  5. package/docs/components/InputGroup/examples/InputGroup.md +6 -4
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +6 -5
  8. package/patternfly.css +6 -5
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -198,6 +198,7 @@
198
198
  justify-content: center;
199
199
  width: var(--pf-v5-c-about-modal-box__close--c-button--Width);
200
200
  height: var(--pf-v5-c-about-modal-box__close--c-button--Height);
201
+ padding: 0;
201
202
  font-size: var(--pf-v5-c-about-modal-box__close--c-button--FontSize);
202
203
  color: var(--pf-v5-c-about-modal-box__close--c-button--Color);
203
204
  background-color: var(--pf-v5-c-about-modal-box__close--c-button--BackgroundColor);
package/components/AboutModalBox/about-modal-box.scss CHANGED
@@ -213,6 +213,7 @@
213
213
  justify-content: center;
214
214
  width: var(--#{$about-modal-box}__close--c-button--Width);
215
215
  height: var(--#{$about-modal-box}__close--c-button--Height);
216
+ padding: 0;
216
217
  font-size: var(--#{$about-modal-box}__close--c-button--FontSize);
217
218
  color: var(--#{$about-modal-box}__close--c-button--Color);
218
219
  background-color: var(--#{$about-modal-box}__close--c-button--BackgroundColor);
package/components/Wizard/wizard.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --pf-v5-c-wizard--Height: 100%;
13
13
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
14
14
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
15
- --pf-v5-c-wizard__header--ZIndex: var(--pf-v5-global--ZIndex--md);
15
+ --pf-v5-c-wizard__header--ZIndex: auto;
16
16
  --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
17
17
  --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
18
18
  --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
@@ -62,7 +62,7 @@
62
62
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
63
63
  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
64
64
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
65
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--md);
65
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
66
66
  --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
67
67
  --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
68
68
  --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -80,7 +80,7 @@
80
80
  --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
81
81
  --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
82
82
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
83
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--sm);
83
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
84
84
  --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
85
85
  --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
86
86
  --pf-v5-c-wizard__nav--Width: 100%;
@@ -104,7 +104,7 @@
104
104
  --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
105
105
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
106
106
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
107
- --pf-v5-c-wizard__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
107
+ --pf-v5-c-wizard__main--ZIndex: auto;
108
108
  --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
109
109
  --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
110
110
  --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -114,7 +114,7 @@
114
114
  --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
115
115
  --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
116
116
  --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
117
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--sm);
117
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
118
118
  --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
119
119
  --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
120
120
  --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
package/components/Wizard/wizard.scss CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  // Header
8
8
  --#{$wizard}__header--BackgroundColor: var(--#{$pf-global}--BackgroundColor--dark-100);
9
- --#{$wizard}__header--ZIndex: var(--#{$pf-global}--ZIndex--md);
9
+ --#{$wizard}__header--ZIndex: auto;
10
10
  --#{$wizard}__header--PaddingTop: var(--#{$pf-global}--spacer--lg);
11
11
  --#{$wizard}__header--PaddingRight: var(--#{$pf-global}--spacer--md);
12
12
  --#{$wizard}__header--PaddingBottom: var(--#{$pf-global}--spacer--lg);
@@ -86,7 +86,7 @@
86
86
 
87
87
  // Toggle
88
88
  --#{$wizard}__toggle--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
89
- --#{$wizard}__toggle--ZIndex: var(--#{$pf-global}--ZIndex--md);
89
+ --#{$wizard}__toggle--ZIndex: var(--#{$pf-global}--ZIndex--xs);
90
90
  --#{$wizard}__toggle--BoxShadow: var(--#{$pf-global}--BoxShadow--md-bottom);
91
91
  --#{$wizard}__toggle--PaddingTop: var(--#{$pf-global}--spacer--lg);
92
92
  --#{$wizard}__toggle--PaddingRight: var(--#{$pf-global}--spacer--md);
@@ -116,7 +116,7 @@
116
116
  --#{$wizard}__toggle--m-expanded__toggle-icon--Rotate: 180deg;
117
117
 
118
118
  // Nav
119
- --#{$wizard}__nav--ZIndex: var(--#{$pf-global}--ZIndex--sm);
119
+ --#{$wizard}__nav--ZIndex: var(--#{$pf-global}--ZIndex--xs);
120
120
  --#{$wizard}__nav--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
121
121
  --#{$wizard}__nav--BoxShadow: var(--#{$pf-global}--BoxShadow--md-bottom);
122
122
  --#{$wizard}__nav--Width: 100%;
@@ -166,7 +166,7 @@
166
166
  --#{$wizard}__outer-wrap--MinHeight: #{pf-size-prem(250px)};
167
167
 
168
168
  // Main
169
- --#{$wizard}__main--ZIndex: var(--#{$pf-global}--ZIndex--xs);
169
+ --#{$wizard}__main--ZIndex: auto;
170
170
 
171
171
  // Body
172
172
  --#{$wizard}__main-body--PaddingTop: var(--#{$pf-global}--spacer--md);
@@ -187,7 +187,7 @@
187
187
 
188
188
  // Footer
189
189
  --#{$wizard}__footer--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
190
- --#{$wizard}__footer--ZIndex: var(--#{$pf-global}--ZIndex--sm);
190
+ --#{$wizard}__footer--ZIndex: var(--#{$pf-global}--ZIndex--xs);
191
191
  --#{$wizard}__footer--PaddingTop: var(--#{$pf-global}--spacer--md);
192
192
  --#{$wizard}__footer--PaddingRight: var(--#{$pf-global}--spacer--md);
193
193
  --#{$wizard}__footer--PaddingBottom: var(--#{$pf-global}--spacer--sm);
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -283,7 +283,9 @@ When using the `.pf-v5-c-input-group` always ensure labels are used outside the
283
283
  | Class | Applied to | Outcome |
284
284
  | -- | -- | -- |
285
285
  | `.pf-v5-c-input-group` | `<div>` | Initiates the input group. **Required** |
286
- | `.pf-v5-c-input-group__text` | `<span>` | Initiates the input group text. This can be used to show text, radio, icons, or check boxes. |
287
- | `.pf-m-plain` | `.pf-v5-c-input-group` | Removes the background from the input group. |
288
- | `.pf-m-plain` | `.pf-v5-c-input-group__text` | Removes the border from the text element. |
289
- | `.pf-m-disabled` | `.pf-v5-c-input-group__text` | Adds disabled styling to match a disabled input within the input group. |
286
+ | `.pf-v5-c-input-group__item` | `<div>` | Initiates the input group item. |
287
+ | `.pf-v5-c-input-group__text` | `<span>` | Initiates input group text. This should be used within `.pf-v5-c-input-group__item` to contain text. |
288
+ | `.pf-m-plain` | `.pf-v5-c-input-group__item` | Removes the border from the input group element. |
289
+ | `.pf-m-box` | `.pf-v5-c-input-group__item` | Adds appropriate styling for items that are not form controls. |
290
+ | `.pf-m-fill` | `.pf-v5-c-input-group__item` | Allows the input group element to stretch to fill available space. |
291
+ | `.pf-m-disabled` | `.pf-v5-c-input-group__item` | Adds disabled styling to match a disabled input within the input group. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.0.0-alpha.47",
4
+ "version": "5.0.0-alpha.49",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -5508,6 +5508,7 @@
5508
5508
  justify-content: center;
5509
5509
  width: var(--pf-v5-c-about-modal-box__close--c-button--Width);
5510
5510
  height: var(--pf-v5-c-about-modal-box__close--c-button--Height);
5511
+ padding: 0;
5511
5512
  font-size: var(--pf-v5-c-about-modal-box__close--c-button--FontSize);
5512
5513
  color: var(--pf-v5-c-about-modal-box__close--c-button--Color);
5513
5514
  background-color: var(--pf-v5-c-about-modal-box__close--c-button--BackgroundColor);
@@ -30674,7 +30675,7 @@ label.pf-v5-c-tree-view__node-text {
30674
30675
  --pf-v5-c-wizard--Height: 100%;
30675
30676
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
30676
30677
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30677
- --pf-v5-c-wizard__header--ZIndex: var(--pf-v5-global--ZIndex--md);
30678
+ --pf-v5-c-wizard__header--ZIndex: auto;
30678
30679
  --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
30679
30680
  --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
30680
30681
  --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
@@ -30724,7 +30725,7 @@ label.pf-v5-c-tree-view__node-text {
30724
30725
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
30725
30726
  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
30726
30727
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30727
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--md);
30728
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
30728
30729
  --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
30729
30730
  --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
30730
30731
  --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -30742,7 +30743,7 @@ label.pf-v5-c-tree-view__node-text {
30742
30743
  --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
30743
30744
  --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
30744
30745
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
30745
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--sm);
30746
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
30746
30747
  --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30747
30748
  --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
30748
30749
  --pf-v5-c-wizard__nav--Width: 100%;
@@ -30766,7 +30767,7 @@ label.pf-v5-c-tree-view__node-text {
30766
30767
  --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30767
30768
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
30768
30769
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
30769
- --pf-v5-c-wizard__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
30770
+ --pf-v5-c-wizard__main--ZIndex: auto;
30770
30771
  --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
30771
30772
  --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
30772
30773
  --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -30776,7 +30777,7 @@ label.pf-v5-c-tree-view__node-text {
30776
30777
  --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
30777
30778
  --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
30778
30779
  --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30779
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--sm);
30780
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
30780
30781
  --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
30781
30782
  --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
30782
30783
  --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
package/patternfly.css CHANGED
@@ -5625,6 +5625,7 @@ button) {
5625
5625
  justify-content: center;
5626
5626
  width: var(--pf-v5-c-about-modal-box__close--c-button--Width);
5627
5627
  height: var(--pf-v5-c-about-modal-box__close--c-button--Height);
5628
+ padding: 0;
5628
5629
  font-size: var(--pf-v5-c-about-modal-box__close--c-button--FontSize);
5629
5630
  color: var(--pf-v5-c-about-modal-box__close--c-button--Color);
5630
5631
  background-color: var(--pf-v5-c-about-modal-box__close--c-button--BackgroundColor);
@@ -30791,7 +30792,7 @@ label.pf-v5-c-tree-view__node-text {
30791
30792
  --pf-v5-c-wizard--Height: 100%;
30792
30793
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
30793
30794
  --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
30794
- --pf-v5-c-wizard__header--ZIndex: var(--pf-v5-global--ZIndex--md);
30795
+ --pf-v5-c-wizard__header--ZIndex: auto;
30795
30796
  --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
30796
30797
  --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
30797
30798
  --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
@@ -30841,7 +30842,7 @@ label.pf-v5-c-tree-view__node-text {
30841
30842
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
30842
30843
  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
30843
30844
  --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30844
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--md);
30845
+ --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
30845
30846
  --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
30846
30847
  --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
30847
30848
  --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
@@ -30859,7 +30860,7 @@ label.pf-v5-c-tree-view__node-text {
30859
30860
  --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
30860
30861
  --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
30861
30862
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
30862
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--sm);
30863
+ --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
30863
30864
  --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30864
30865
  --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
30865
30866
  --pf-v5-c-wizard__nav--Width: 100%;
@@ -30883,7 +30884,7 @@ label.pf-v5-c-tree-view__node-text {
30883
30884
  --pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30884
30885
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
30885
30886
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
30886
- --pf-v5-c-wizard__main--ZIndex: var(--pf-v5-global--ZIndex--xs);
30887
+ --pf-v5-c-wizard__main--ZIndex: auto;
30887
30888
  --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
30888
30889
  --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
30889
30890
  --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
@@ -30893,7 +30894,7 @@ label.pf-v5-c-tree-view__node-text {
30893
30894
  --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
30894
30895
  --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
30895
30896
  --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30896
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--sm);
30897
+ --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
30897
30898
  --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
30898
30899
  --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
30899
30900
  --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);