@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: 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) {
@@ -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
 
@@ -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: 100%;
25175
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
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--FlexBasis);
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.124",
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.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",
@@ -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: 100%;
31115
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
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--FlexBasis);
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: 100%;
31232
- --pf-v6-c-modal-box--c-wizard--FlexBasis: 47.625rem;
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--FlexBasis);
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) {