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

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 (12) hide show
  1. package/components/Content/content.css +19 -43
  2. package/components/Content/content.scss +17 -60
  3. package/components/List/list.css +33 -40
  4. package/components/List/list.scss +39 -48
  5. package/components/Wizard/wizard.css +5 -2
  6. package/components/Wizard/wizard.scss +5 -2
  7. package/components/_index.css +57 -85
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +57 -85
  10. package/patternfly.css +57 -85
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/components/_index.css CHANGED
@@ -2979,16 +2979,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2979
2979
  --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
2980
2980
  --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2981
2981
  --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
2982
- --pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2983
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
2984
- --pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
2985
- --pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
2986
- --pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2987
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
2988
- --pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
2989
- --pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
2982
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
2983
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2984
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
2990
2985
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
2991
- --pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
2992
2986
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
2993
2987
  --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
2994
2988
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -3058,17 +3052,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3058
3052
  margin-block-end: 0;
3059
3053
  }
3060
3054
 
3061
- :is(.pf-v6-c-content--ol,
3062
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
3063
- margin: 0;
3064
- }
3065
- :is(.pf-v6-c-content--ol,
3066
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
3067
- padding-inline-start: 0;
3068
- margin-inline-start: 0;
3069
- list-style: none;
3070
- }
3071
-
3072
3055
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
3073
3056
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
3074
3057
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -3142,36 +3125,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3142
3125
  border: none;
3143
3126
  }
3144
3127
 
3145
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
3146
- padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
3147
- margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
3128
+ :is(.pf-v6-c-content--ol,
3129
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
3130
+ display: flex;
3131
+ flex-direction: column;
3132
+ gap: var(--pf-v6-c-content--list--Gap);
3133
+ padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
3148
3134
  }
3149
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
3150
- ul) {
3151
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
3152
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
3135
+ :is(.pf-v6-c-content--ol,
3136
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
3137
+ padding-inline-start: 0;
3138
+ list-style: none;
3153
3139
  }
3154
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
3155
- ol) {
3156
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
3157
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
3140
+ :is(.pf-v6-c-content--ol,
3141
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
3142
+ .pf-v6-c-content--ul,
3143
+ ol,
3144
+ ul) {
3145
+ margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
3158
3146
  }
3159
3147
 
3160
3148
  :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
3161
- padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
3162
- margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
3163
3149
  list-style: var(--pf-v6-c-content--ul--ListStyle);
3164
3150
  }
3165
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
3166
- ul) {
3167
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
3168
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
3169
- }
3170
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
3171
- ol) {
3172
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
3173
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
3174
- }
3175
3151
 
3176
3152
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
3177
3153
  display: grid;
@@ -8478,14 +8454,16 @@ input.pf-v6-c-label__content {
8478
8454
 
8479
8455
  :where(:root, .pf-v6-c-list) {
8480
8456
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8481
- --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
8482
- --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
8483
8457
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8484
- --pf-v6-c-list--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
8485
- --pf-v6-c-list--m-inline--li--MarginInlineEnd: var(--pf-t--global--spacer--lg);
8486
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8487
- --pf-v6-c-list--m-bordered--li--BorderBlockEndColor: var(--pf-t--global--border--color--default);
8488
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
8458
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8459
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8460
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8461
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8462
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8463
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8464
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8465
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8466
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8489
8467
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8490
8468
  --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8491
8469
  --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8497,32 +8475,18 @@ input.pf-v6-c-label__content {
8497
8475
  }
8498
8476
 
8499
8477
  .pf-v6-c-list {
8478
+ display: flex;
8479
+ flex-direction: column;
8480
+ gap: var(--pf-v6-c-list--Gap);
8500
8481
  padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8501
8482
  }
8502
- .pf-v6-c-list ol,
8503
- .pf-v6-c-list ul {
8504
- margin-block-start: var(--pf-v6-c-list--nested--MarginBlockStart);
8505
- margin-inline-start: var(--pf-v6-c-list--nested--MarginInlineStart);
8506
- }
8507
- .pf-v6-c-list li + li {
8508
- margin-block-start: var(--pf-v6-c-list--li--MarginBlockStart);
8483
+ .pf-v6-c-list .pf-v6-c-list {
8484
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8509
8485
  }
8510
8486
  ul.pf-v6-c-list {
8511
8487
  list-style: var(--pf-v6-c-list--ul--ListStyle);
8512
8488
  }
8513
8489
 
8514
- .pf-v6-c-list .pf-v6-c-list__item {
8515
- display: flex;
8516
- }
8517
- .pf-v6-c-list .pf-v6-c-list__item-icon {
8518
- flex-shrink: 0;
8519
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8520
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8521
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8522
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
8523
- line-height: 1;
8524
- color: var(--pf-v6-c-list__item-icon--Color);
8525
- }
8526
8490
  .pf-v6-c-list.pf-m-icon-lg {
8527
8491
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8528
8492
  --pf-v6-c-list__item-icon--MarginBlockStart: 0;
@@ -8530,28 +8494,33 @@ ul.pf-v6-c-list {
8530
8494
  --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8531
8495
  }
8532
8496
  .pf-v6-c-list.pf-m-plain {
8533
- --pf-v6-c-list--PaddingInlineStart: 0;
8497
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8534
8498
  list-style: none;
8535
8499
  }
8536
8500
  .pf-v6-c-list.pf-m-inline {
8537
- --pf-v6-c-list--PaddingInlineStart: 0;
8538
- display: flex;
8501
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8502
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8503
+ flex-direction: row;
8539
8504
  flex-wrap: wrap;
8540
8505
  list-style: none;
8541
8506
  }
8542
- .pf-v6-c-list.pf-m-inline li {
8543
- --pf-v6-c-list--li--MarginBlockStart: 0;
8507
+ .pf-v6-c-list.pf-m-bordered > * + * {
8508
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8509
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8544
8510
  }
8545
- .pf-v6-c-list.pf-m-inline li:not(:last-child) {
8546
- margin-inline-end: var(--pf-v6-c-list--m-inline--li--MarginInlineEnd);
8547
- }
8548
- .pf-v6-c-list.pf-m-bordered > * {
8549
- padding-block-end: var(--pf-v6-c-list--m-bordered--li--PaddingBlockEnd);
8550
- border-block-end: var(--pf-v6-c-list--m-bordered--li--BorderBlockEndWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockEndColor);
8511
+
8512
+ .pf-v6-c-list__item {
8513
+ display: flex;
8551
8514
  }
8552
- .pf-v6-c-list.pf-m-bordered > :last-child {
8553
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: 0;
8554
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
8515
+
8516
+ .pf-v6-c-list__item-icon {
8517
+ flex-shrink: 0;
8518
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8519
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8520
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8521
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8522
+ line-height: 1;
8523
+ color: var(--pf-v6-c-list__item-icon--Color);
8555
8524
  }
8556
8525
 
8557
8526
  :where(:root, .pf-v6-c-log-viewer) {
@@ -22410,6 +22379,8 @@ label.pf-v6-c-tree-view__node-text {
22410
22379
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22411
22380
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22412
22381
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22382
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22383
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22413
22384
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
22414
22385
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
22415
22386
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -22463,7 +22434,7 @@ label.pf-v6-c-tree-view__node-text {
22463
22434
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22464
22435
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22465
22436
  --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);
22437
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
22467
22438
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
22468
22439
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
22469
22440
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -22484,7 +22455,7 @@ label.pf-v6-c-tree-view__node-text {
22484
22455
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22485
22456
  --pf-v6-c-wizard__nav--Width: 100%;
22486
22457
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
22487
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
22458
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
22488
22459
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
22489
22460
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
22490
22461
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -22547,6 +22518,7 @@ label.pf-v6-c-tree-view__node-text {
22547
22518
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
22548
22519
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
22549
22520
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
22521
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
22550
22522
  }
22551
22523
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
22552
22524
  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.174",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9018,16 +9018,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9018
9018
  --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
9019
9019
  --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9020
9020
  --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
9021
- --pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9022
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
9023
- --pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
9024
- --pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
9025
- --pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9026
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
9027
- --pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
9028
- --pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
9021
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
9022
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9023
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
9029
9024
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
9030
- --pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
9031
9025
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9032
9026
  --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9033
9027
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -9097,17 +9091,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9097
9091
  margin-block-end: 0;
9098
9092
  }
9099
9093
 
9100
- :is(.pf-v6-c-content--ol,
9101
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
9102
- margin: 0;
9103
- }
9104
- :is(.pf-v6-c-content--ol,
9105
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
9106
- padding-inline-start: 0;
9107
- margin-inline-start: 0;
9108
- list-style: none;
9109
- }
9110
-
9111
9094
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
9112
9095
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
9113
9096
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -9181,36 +9164,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9181
9164
  border: none;
9182
9165
  }
9183
9166
 
9184
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
9185
- padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
9186
- margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
9167
+ :is(.pf-v6-c-content--ol,
9168
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
9169
+ display: flex;
9170
+ flex-direction: column;
9171
+ gap: var(--pf-v6-c-content--list--Gap);
9172
+ padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
9187
9173
  }
9188
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
9189
- ul) {
9190
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
9191
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
9174
+ :is(.pf-v6-c-content--ol,
9175
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
9176
+ padding-inline-start: 0;
9177
+ list-style: none;
9192
9178
  }
9193
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
9194
- ol) {
9195
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
9196
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
9179
+ :is(.pf-v6-c-content--ol,
9180
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
9181
+ .pf-v6-c-content--ul,
9182
+ ol,
9183
+ ul) {
9184
+ margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
9197
9185
  }
9198
9186
 
9199
9187
  :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
9200
- padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
9201
- margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
9202
9188
  list-style: var(--pf-v6-c-content--ul--ListStyle);
9203
9189
  }
9204
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
9205
- ul) {
9206
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
9207
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
9208
- }
9209
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
9210
- ol) {
9211
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
9212
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
9213
- }
9214
9190
 
9215
9191
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
9216
9192
  display: grid;
@@ -14517,14 +14493,16 @@ input.pf-v6-c-label__content {
14517
14493
 
14518
14494
  :where(:root, .pf-v6-c-list) {
14519
14495
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14520
- --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
14521
- --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
14522
14496
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
14523
- --pf-v6-c-list--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
14524
- --pf-v6-c-list--m-inline--li--MarginInlineEnd: var(--pf-t--global--spacer--lg);
14525
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14526
- --pf-v6-c-list--m-bordered--li--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14527
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
14497
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
14498
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
14499
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
14500
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
14501
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
14502
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
14503
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
14504
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
14505
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
14528
14506
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
14529
14507
  --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
14530
14508
  --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -14536,32 +14514,18 @@ input.pf-v6-c-label__content {
14536
14514
  }
14537
14515
 
14538
14516
  .pf-v6-c-list {
14517
+ display: flex;
14518
+ flex-direction: column;
14519
+ gap: var(--pf-v6-c-list--Gap);
14539
14520
  padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
14540
14521
  }
14541
- .pf-v6-c-list ol,
14542
- .pf-v6-c-list ul {
14543
- margin-block-start: var(--pf-v6-c-list--nested--MarginBlockStart);
14544
- margin-inline-start: var(--pf-v6-c-list--nested--MarginInlineStart);
14545
- }
14546
- .pf-v6-c-list li + li {
14547
- margin-block-start: var(--pf-v6-c-list--li--MarginBlockStart);
14522
+ .pf-v6-c-list .pf-v6-c-list {
14523
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
14548
14524
  }
14549
14525
  ul.pf-v6-c-list {
14550
14526
  list-style: var(--pf-v6-c-list--ul--ListStyle);
14551
14527
  }
14552
14528
 
14553
- .pf-v6-c-list .pf-v6-c-list__item {
14554
- display: flex;
14555
- }
14556
- .pf-v6-c-list .pf-v6-c-list__item-icon {
14557
- flex-shrink: 0;
14558
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
14559
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
14560
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
14561
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
14562
- line-height: 1;
14563
- color: var(--pf-v6-c-list__item-icon--Color);
14564
- }
14565
14529
  .pf-v6-c-list.pf-m-icon-lg {
14566
14530
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
14567
14531
  --pf-v6-c-list__item-icon--MarginBlockStart: 0;
@@ -14569,28 +14533,33 @@ ul.pf-v6-c-list {
14569
14533
  --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
14570
14534
  }
14571
14535
  .pf-v6-c-list.pf-m-plain {
14572
- --pf-v6-c-list--PaddingInlineStart: 0;
14536
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
14573
14537
  list-style: none;
14574
14538
  }
14575
14539
  .pf-v6-c-list.pf-m-inline {
14576
- --pf-v6-c-list--PaddingInlineStart: 0;
14577
- display: flex;
14540
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
14541
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
14542
+ flex-direction: row;
14578
14543
  flex-wrap: wrap;
14579
14544
  list-style: none;
14580
14545
  }
14581
- .pf-v6-c-list.pf-m-inline li {
14582
- --pf-v6-c-list--li--MarginBlockStart: 0;
14546
+ .pf-v6-c-list.pf-m-bordered > * + * {
14547
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
14548
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
14583
14549
  }
14584
- .pf-v6-c-list.pf-m-inline li:not(:last-child) {
14585
- margin-inline-end: var(--pf-v6-c-list--m-inline--li--MarginInlineEnd);
14586
- }
14587
- .pf-v6-c-list.pf-m-bordered > * {
14588
- padding-block-end: var(--pf-v6-c-list--m-bordered--li--PaddingBlockEnd);
14589
- border-block-end: var(--pf-v6-c-list--m-bordered--li--BorderBlockEndWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockEndColor);
14550
+
14551
+ .pf-v6-c-list__item {
14552
+ display: flex;
14590
14553
  }
14591
- .pf-v6-c-list.pf-m-bordered > :last-child {
14592
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: 0;
14593
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
14554
+
14555
+ .pf-v6-c-list__item-icon {
14556
+ flex-shrink: 0;
14557
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
14558
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
14559
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
14560
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
14561
+ line-height: 1;
14562
+ color: var(--pf-v6-c-list__item-icon--Color);
14594
14563
  }
14595
14564
 
14596
14565
  :where(:root, .pf-v6-c-log-viewer) {
@@ -28449,6 +28418,8 @@ label.pf-v6-c-tree-view__node-text {
28449
28418
  --pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
28450
28419
  --pf-v6-c-wizard__header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28451
28420
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
28421
+ --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28422
+ --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28452
28423
  --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
28453
28424
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
28454
28425
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
@@ -28502,7 +28473,7 @@ label.pf-v6-c-tree-view__node-text {
28502
28473
  --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28503
28474
  --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
28504
28475
  --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);
28476
+ --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
28506
28477
  --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28507
28478
  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
28508
28479
  --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -28523,7 +28494,7 @@ label.pf-v6-c-tree-view__node-text {
28523
28494
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
28524
28495
  --pf-v6-c-wizard__nav--Width: 100%;
28525
28496
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
28526
- --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
28497
+ --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
28527
28498
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
28528
28499
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
28529
28500
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -28586,6 +28557,7 @@ label.pf-v6-c-tree-view__node-text {
28586
28557
  padding-inline-start: var(--pf-v6-c-wizard__header--PaddingInlineStart);
28587
28558
  padding-inline-end: var(--pf-v6-c-wizard__header--PaddingInlineEnd);
28588
28559
  background-color: var(--pf-v6-c-wizard__header--BackgroundColor);
28560
+ border-block-end: var(--pf-v6-c-wizard__header--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__header--BorderBlockEndColor);
28589
28561
  }
28590
28562
  .pf-v6-c-wizard__header .pf-v6-c-wizard__close {
28591
28563
  position: absolute;