@patternfly/patternfly 6.0.0-alpha.124 → 6.0.0-alpha.126

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/Hint/hint.css +1 -0
  2. package/components/Hint/hint.scss +1 -0
  3. package/components/Wizard/wizard.css +5 -4
  4. package/components/Wizard/wizard.scss +5 -4
  5. package/components/_index.css +6 -4
  6. package/package.json +5 -5
  7. package/patternfly-no-globals.css +6 -4
  8. package/patternfly.css +6 -4
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Hint/hint.css CHANGED
@@ -43,6 +43,7 @@
43
43
  grid-row: 1;
44
44
  grid-column: 2;
45
45
  grid-auto-flow: column;
46
+ align-self: start;
46
47
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
47
48
  text-align: end;
48
49
  }
package/components/Hint/hint.scss CHANGED
@@ -55,6 +55,7 @@
55
55
  grid-row: 1;
56
56
  grid-column: 2;
57
57
  grid-auto-flow: column;
58
+ align-self: start;
58
59
  margin-inline-start: var(--#{$hint}__actions--MarginInlineStart);
59
60
  text-align: end;
60
61
 
package/components/Wizard/wizard.css CHANGED
@@ -1,6 +1,7 @@
1
1
  :where(:root, .pf-v6-c-wizard) {
2
- --pf-v6-c-wizard--Height: 100%;
3
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
2
+ --pf-v6-c-wizard--Height: initial;
3
+ --pf-v6-c-wizard--Height--base: 100%;
4
+ --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
4
5
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5
6
  --pf-v6-c-wizard__header--ZIndex: auto;
6
7
  --pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -121,10 +122,10 @@
121
122
  position: relative;
122
123
  display: flex;
123
124
  flex-direction: column;
124
- height: var(--pf-v6-c-wizard--Height);
125
+ height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
125
126
  }
126
127
  .pf-v6-c-modal-box .pf-v6-c-wizard {
127
- flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--FlexBasis);
128
+ flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
128
129
  min-height: 0;
129
130
  }
130
131
  .pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {
package/components/Wizard/wizard.scss CHANGED
@@ -1,8 +1,9 @@
1
1
  @use '../../sass-utilities' as *;
2
2
 
3
3
  :where(:root, .#{$wizard}) {
4
- --#{$wizard}--Height: 100%;
5
- --#{$modal-box}--c-wizard--FlexBasis: #{pf-size-prem(762px)}; // this is a specific height from design for the wizard in a modal
4
+ --#{$wizard}--Height: initial;
5
+ --#{$wizard}--Height--base: 100%;
6
+ --#{$modal-box}--c-wizard--Height--base: #{pf-size-prem(762px)}; // this is a specific height from design for the wizard in a modal
6
7
 
7
8
  // Header
8
9
  --#{$wizard}__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -176,11 +177,11 @@
176
177
  position: relative;
177
178
  display: flex;
178
179
  flex-direction: column;
179
- height: var(--#{$wizard}--Height);
180
+ height: var(--#{$wizard}--Height, var(--#{$wizard}--Height--base));
180
181
 
181
182
  // When the wizard is used in a modal
182
183
  .#{$modal-box} & {
183
- flex: 1 1 var(--#{$modal-box}--c-wizard--FlexBasis);
184
+ flex: 1 1 var(--#{$wizard}--Height, var(--#{$modal-box}--c-wizard--Height--base));
184
185
  min-height: 0;
185
186
  }
186
187
 
package/components/_index.css CHANGED
@@ -11207,6 +11207,7 @@ select ~ .pf-v6-c-form-control__utilities {
11207
11207
  grid-row: 1;
11208
11208
  grid-column: 2;
11209
11209
  grid-auto-flow: column;
11210
+ align-self: start;
11210
11211
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
11211
11212
  text-align: end;
11212
11213
  }
@@ -25171,8 +25172,9 @@ label.pf-v6-c-tree-view__node-text {
25171
25172
  }
25172
25173
 
25173
25174
  :where(:root, .pf-v6-c-wizard) {
25174
- --pf-v6-c-wizard--Height: 100%;
25175
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
25175
+ --pf-v6-c-wizard--Height: initial;
25176
+ --pf-v6-c-wizard--Height--base: 100%;
25177
+ --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
25176
25178
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
25177
25179
  --pf-v6-c-wizard__header--ZIndex: auto;
25178
25180
  --pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -25293,10 +25295,10 @@ label.pf-v6-c-tree-view__node-text {
25293
25295
  position: relative;
25294
25296
  display: flex;
25295
25297
  flex-direction: column;
25296
- height: var(--pf-v6-c-wizard--Height);
25298
+ height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
25297
25299
  }
25298
25300
  .pf-v6-c-modal-box .pf-v6-c-wizard {
25299
- flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--FlexBasis);
25301
+ flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
25300
25302
  min-height: 0;
25301
25303
  }
25302
25304
  .pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {
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": "6.0.0-alpha.124",
4
+ "version": "6.0.0-alpha.126",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,11 +45,11 @@
45
45
  "@commitlint/config-conventional": "^19.1.0",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
47
  "@octokit/rest": "^20.1.0",
48
- "@patternfly/documentation-framework": "6.0.0-alpha.20",
48
+ "@patternfly/documentation-framework": "6.0.0-alpha.24",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
- "@patternfly/react-code-editor": "6.0.0-alpha.43",
51
- "@patternfly/react-core": "6.0.0-alpha.43",
52
- "@patternfly/react-table": "6.0.0-alpha.43",
50
+ "@patternfly/react-code-editor": "6.0.0-alpha.55",
51
+ "@patternfly/react-core": "6.0.0-alpha.55",
52
+ "@patternfly/react-table": "6.0.0-alpha.55",
53
53
  "@starptech/prettyhtml": "^0.10.0",
54
54
  "backstopjs": "^6.3.23",
55
55
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -17147,6 +17147,7 @@ select ~ .pf-v6-c-form-control__utilities {
17147
17147
  grid-row: 1;
17148
17148
  grid-column: 2;
17149
17149
  grid-auto-flow: column;
17150
+ align-self: start;
17150
17151
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17151
17152
  text-align: end;
17152
17153
  }
@@ -31111,8 +31112,9 @@ label.pf-v6-c-tree-view__node-text {
31111
31112
  }
31112
31113
 
31113
31114
  :where(:root, .pf-v6-c-wizard) {
31114
- --pf-v6-c-wizard--Height: 100%;
31115
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31115
+ --pf-v6-c-wizard--Height: initial;
31116
+ --pf-v6-c-wizard--Height--base: 100%;
31117
+ --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
31116
31118
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31117
31119
  --pf-v6-c-wizard__header--ZIndex: auto;
31118
31120
  --pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -31233,10 +31235,10 @@ label.pf-v6-c-tree-view__node-text {
31233
31235
  position: relative;
31234
31236
  display: flex;
31235
31237
  flex-direction: column;
31236
- height: var(--pf-v6-c-wizard--Height);
31238
+ height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
31237
31239
  }
31238
31240
  .pf-v6-c-modal-box .pf-v6-c-wizard {
31239
- flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--FlexBasis);
31241
+ flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
31240
31242
  min-height: 0;
31241
31243
  }
31242
31244
  .pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {
package/patternfly.css CHANGED
@@ -17264,6 +17264,7 @@ select ~ .pf-v6-c-form-control__utilities {
17264
17264
  grid-row: 1;
17265
17265
  grid-column: 2;
17266
17266
  grid-auto-flow: column;
17267
+ align-self: start;
17267
17268
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
17268
17269
  text-align: end;
17269
17270
  }
@@ -31228,8 +31229,9 @@ label.pf-v6-c-tree-view__node-text {
31228
31229
  }
31229
31230
 
31230
31231
  :where(:root, .pf-v6-c-wizard) {
31231
- --pf-v6-c-wizard--Height: 100%;
31232
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31232
+ --pf-v6-c-wizard--Height: initial;
31233
+ --pf-v6-c-wizard--Height--base: 100%;
31234
+ --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
31233
31235
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31234
31236
  --pf-v6-c-wizard__header--ZIndex: auto;
31235
31237
  --pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -31350,10 +31352,10 @@ label.pf-v6-c-tree-view__node-text {
31350
31352
  position: relative;
31351
31353
  display: flex;
31352
31354
  flex-direction: column;
31353
- height: var(--pf-v6-c-wizard--Height);
31355
+ height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
31354
31356
  }
31355
31357
  .pf-v6-c-modal-box .pf-v6-c-wizard {
31356
- flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--FlexBasis);
31358
+ flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
31357
31359
  min-height: 0;
31358
31360
  }
31359
31361
  .pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {