@patternfly/patternfly 6.0.0-alpha.124 → 6.0.0-alpha.125
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
:where(:root, .pf-v6-c-wizard) {
|
|
2
|
-
--pf-v6-c-wizard--Height:
|
|
3
|
-
--pf-v6-c-
|
|
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--
|
|
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) {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
@use '../../sass-utilities' as *;
|
|
2
2
|
|
|
3
3
|
:where(:root, .#{$wizard}) {
|
|
4
|
-
--#{$wizard}--Height:
|
|
5
|
-
--#{$
|
|
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--
|
|
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
|
@@ -25171,8 +25171,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25171
25171
|
}
|
|
25172
25172
|
|
|
25173
25173
|
:where(:root, .pf-v6-c-wizard) {
|
|
25174
|
-
--pf-v6-c-wizard--Height:
|
|
25175
|
-
--pf-v6-c-
|
|
25174
|
+
--pf-v6-c-wizard--Height: initial;
|
|
25175
|
+
--pf-v6-c-wizard--Height--base: 100%;
|
|
25176
|
+
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
25176
25177
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
25177
25178
|
--pf-v6-c-wizard__header--ZIndex: auto;
|
|
25178
25179
|
--pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -25293,10 +25294,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25293
25294
|
position: relative;
|
|
25294
25295
|
display: flex;
|
|
25295
25296
|
flex-direction: column;
|
|
25296
|
-
height: var(--pf-v6-c-wizard--Height);
|
|
25297
|
+
height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
|
|
25297
25298
|
}
|
|
25298
25299
|
.pf-v6-c-modal-box .pf-v6-c-wizard {
|
|
25299
|
-
flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--
|
|
25300
|
+
flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
|
|
25300
25301
|
min-height: 0;
|
|
25301
25302
|
}
|
|
25302
25303
|
.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.
|
|
4
|
+
"version": "6.0.0-alpha.125",
|
|
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.
|
|
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.
|
|
51
|
-
"@patternfly/react-core": "6.0.0-alpha.
|
|
52
|
-
"@patternfly/react-table": "6.0.0-alpha.
|
|
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",
|
|
@@ -31111,8 +31111,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31111
31111
|
}
|
|
31112
31112
|
|
|
31113
31113
|
:where(:root, .pf-v6-c-wizard) {
|
|
31114
|
-
--pf-v6-c-wizard--Height:
|
|
31115
|
-
--pf-v6-c-
|
|
31114
|
+
--pf-v6-c-wizard--Height: initial;
|
|
31115
|
+
--pf-v6-c-wizard--Height--base: 100%;
|
|
31116
|
+
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
31116
31117
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31117
31118
|
--pf-v6-c-wizard__header--ZIndex: auto;
|
|
31118
31119
|
--pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -31233,10 +31234,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31233
31234
|
position: relative;
|
|
31234
31235
|
display: flex;
|
|
31235
31236
|
flex-direction: column;
|
|
31236
|
-
height: var(--pf-v6-c-wizard--Height);
|
|
31237
|
+
height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
|
|
31237
31238
|
}
|
|
31238
31239
|
.pf-v6-c-modal-box .pf-v6-c-wizard {
|
|
31239
|
-
flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--
|
|
31240
|
+
flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
|
|
31240
31241
|
min-height: 0;
|
|
31241
31242
|
}
|
|
31242
31243
|
.pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {
|
package/patternfly.css
CHANGED
|
@@ -31228,8 +31228,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31228
31228
|
}
|
|
31229
31229
|
|
|
31230
31230
|
:where(:root, .pf-v6-c-wizard) {
|
|
31231
|
-
--pf-v6-c-wizard--Height:
|
|
31232
|
-
--pf-v6-c-
|
|
31231
|
+
--pf-v6-c-wizard--Height: initial;
|
|
31232
|
+
--pf-v6-c-wizard--Height--base: 100%;
|
|
31233
|
+
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
31233
31234
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31234
31235
|
--pf-v6-c-wizard__header--ZIndex: auto;
|
|
31235
31236
|
--pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -31350,10 +31351,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31350
31351
|
position: relative;
|
|
31351
31352
|
display: flex;
|
|
31352
31353
|
flex-direction: column;
|
|
31353
|
-
height: var(--pf-v6-c-wizard--Height);
|
|
31354
|
+
height: var(--pf-v6-c-wizard--Height, var(--pf-v6-c-wizard--Height--base));
|
|
31354
31355
|
}
|
|
31355
31356
|
.pf-v6-c-modal-box .pf-v6-c-wizard {
|
|
31356
|
-
flex: 1 1 var(--pf-v6-c-modal-box--c-wizard--
|
|
31357
|
+
flex: 1 1 var(--pf-v6-c-wizard--Height, var(--pf-v6-c-modal-box--c-wizard--Height--base));
|
|
31357
31358
|
min-height: 0;
|
|
31358
31359
|
}
|
|
31359
31360
|
.pf-v6-c-wizard > :not(.pf-v6-c-wizard__outer-wrap):not(.pf-v6-c-drawer) {
|