@patternfly/patternfly 6.0.0-alpha.172 → 6.0.0-alpha.173

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 (8) hide show
  1. package/components/Wizard/wizard.css +5 -2
  2. package/components/Wizard/wizard.scss +5 -2
  3. package/components/_index.css +5 -2
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +5 -2
  6. package/patternfly.css +5 -2
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Wizard/wizard.css CHANGED
@@ -8,6 +8,8 @@
8
8
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
9
9
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10
10
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
12
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
11
13
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
12
14
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
13
15
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -61,7 +63,7 @@
61
63
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
62
64
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
63
65
  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
64
- --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
66
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
65
67
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
66
68
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
67
69
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -82,7 +84,7 @@
82
84
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
83
85
  --pf-v6-c-wizard__nav--Width: 100%;
84
86
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
85
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
87
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
86
88
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
87
89
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
88
90
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -145,6 +147,7 @@
145
147
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
146
148
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
147
149
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
150
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
148
151
  }
149
152
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
150
153
  position: absolute;
package/components/Wizard/wizard.scss CHANGED
@@ -12,6 +12,8 @@
12
12
  --#{$wizard}__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13
13
  --#{$wizard}__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14
14
  --#{$wizard}__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15
+ --#{$wizard}__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
16
+ --#{$wizard}__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
15
17
 
16
18
  // Close
17
19
  --#{$wizard}__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--#{$button}--m-plain--PaddingBlockStart));
@@ -91,7 +93,7 @@
91
93
  --#{$wizard}__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
92
94
  --#{$wizard}__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
93
95
  --#{$wizard}__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
94
- --#{$wizard}__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
96
+ --#{$wizard}__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
95
97
  --#{$wizard}__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
96
98
 
97
99
  // Toggle number
@@ -126,7 +128,7 @@
126
128
  --#{$wizard}__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
127
129
  --#{$wizard}__nav--Width: 100%;
128
130
  --#{$wizard}__nav--lg--Width: #{pf-size-prem(250px)};
129
- --#{$wizard}__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
131
+ --#{$wizard}__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
130
132
  --#{$wizard}__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
131
133
 
132
134
  @media screen and (min-width: $pf-v6-global--breakpoint--lg) {
@@ -207,6 +209,7 @@
207
209
  padding-inline-start: var(--#{$wizard}__header--PaddingInlineStart);
208
210
  padding-inline-end: var(--#{$wizard}__header--PaddingInlineEnd);
209
211
  background-color: var(--#{$wizard}__header--BackgroundColor);
212
+ border-block-end: var(--#{$wizard}__header--BorderBlockEndWidth) solid var(--#{$wizard}__header--BorderBlockEndColor);
210
213
 
211
214
  // Nested selector to match button component color specificity
212
215
  .#{$wizard}__close {
package/components/_index.css CHANGED
@@ -22410,6 +22410,8 @@ label.pf-v6-c-tree-view__node-text {
22410
22410
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22411
22411
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22412
22412
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22413
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22414
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22413
22415
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
22414
22416
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
22415
22417
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -22463,7 +22465,7 @@ label.pf-v6-c-tree-view__node-text {
22463
22465
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22464
22466
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22465
22467
  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22466
- --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
22468
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22467
22469
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22468
22470
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
22469
22471
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -22484,7 +22486,7 @@ label.pf-v6-c-tree-view__node-text {
22484
22486
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22485
22487
  --pf-v6-c-wizard__nav--Width: 100%;
22486
22488
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
22487
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
22489
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
22488
22490
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
22489
22491
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
22490
22492
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -22547,6 +22549,7 @@ label.pf-v6-c-tree-view__node-text {
22547
22549
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
22548
22550
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
22549
22551
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
22552
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
22550
22553
  }
22551
22554
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
22552
22555
  position: absolute;
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.172",
4
+ "version": "6.0.0-alpha.173",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -28449,6 +28449,8 @@ label.pf-v6-c-tree-view__node-text {
28449
28449
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
28450
28450
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28451
28451
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28452
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28453
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28452
28454
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
28453
28455
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
28454
28456
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -28502,7 +28504,7 @@ label.pf-v6-c-tree-view__node-text {
28502
28504
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28503
28505
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28504
28506
  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28505
- --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
28507
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28506
28508
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28507
28509
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
28508
28510
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -28523,7 +28525,7 @@ label.pf-v6-c-tree-view__node-text {
28523
28525
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
28524
28526
  --pf-v6-c-wizard__nav--Width: 100%;
28525
28527
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
28526
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
28528
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
28527
28529
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
28528
28530
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
28529
28531
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -28586,6 +28588,7 @@ label.pf-v6-c-tree-view__node-text {
28586
28588
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
28587
28589
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
28588
28590
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
28591
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
28589
28592
  }
28590
28593
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
28591
28594
  position: absolute;
package/patternfly.css CHANGED
@@ -28570,6 +28570,8 @@ label.pf-v6-c-tree-view__node-text {
28570
28570
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
28571
28571
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28572
28572
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28573
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28574
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28573
28575
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
28574
28576
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
28575
28577
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -28623,7 +28625,7 @@ label.pf-v6-c-tree-view__node-text {
28623
28625
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28624
28626
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28625
28627
  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28626
- --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
28628
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28627
28629
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28628
28630
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
28629
28631
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -28644,7 +28646,7 @@ label.pf-v6-c-tree-view__node-text {
28644
28646
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
28645
28647
  --pf-v6-c-wizard__nav--Width: 100%;
28646
28648
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
28647
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
28649
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
28648
28650
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
28649
28651
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
28650
28652
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -28707,6 +28709,7 @@ label.pf-v6-c-tree-view__node-text {
28707
28709
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
28708
28710
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
28709
28711
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
28712
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
28710
28713
  }
28711
28714
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
28712
28715
  position: absolute;