@patternfly/patternfly 6.3.0-prerelease.60 → 6.3.0-prerelease.62

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 (15) hide show
  1. package/components/Menu/menu.css +7 -0
  2. package/components/Menu/menu.scss +7 -0
  3. package/components/Panel/panel.css +7 -0
  4. package/components/Panel/panel.scss +7 -0
  5. package/components/Wizard/wizard.css +4 -0
  6. package/components/Wizard/wizard.scss +6 -2
  7. package/components/_index.css +18 -0
  8. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -0
  9. package/docs/components/ExpandableSection/examples/ExpandableSection.md +75 -7
  10. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +22 -4
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +18 -0
  13. package/patternfly.css +18 -0
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -18924,7 +18924,11 @@ ul.pf-v6-c-list {
18924
18924
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
18925
18925
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18926
18926
  --pf-v6-c-menu__footer--BoxShadow: none;
18927
+ --pf-v6-c-menu__footer--BorderColor: transparent;
18928
+ --pf-v6-c-menu__footer--BorderWidth: 0;
18927
18929
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
18930
+ --pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
18931
+ --pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18928
18932
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
18929
18933
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18930
18934
  --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -19244,6 +19248,8 @@ ul.pf-v6-c-list {
19244
19248
  .pf-v6-c-menu.pf-m-scrollable {
19245
19249
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
19246
19250
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
19251
+ --pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
19252
+ --pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
19247
19253
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
19248
19254
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
19249
19255
  overflow: hidden;
@@ -19285,6 +19291,7 @@ ul.pf-v6-c-list {
19285
19291
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
19286
19292
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
19287
19293
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
19294
+ border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
19288
19295
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
19289
19296
  }
19290
19297
 
@@ -22284,11 +22291,15 @@ ul.pf-v6-c-list {
22284
22291
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22285
22292
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22286
22293
  --pf-v6-c-panel__footer--BoxShadow: none;
22294
+ --pf-v6-c-panel__footer--BorderColor: transparent;
22295
+ --pf-v6-c-panel__footer--BorderWidth: 0;
22287
22296
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
22288
22297
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
22289
22298
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
22290
22299
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
22291
22300
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22301
+ --pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
22302
+ --pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22292
22303
  }
22293
22304
 
22294
22305
  .pf-v6-c-panel {
@@ -22327,6 +22338,8 @@ ul.pf-v6-c-list {
22327
22338
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
22328
22339
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
22329
22340
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
22341
+ --pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
22342
+ --pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
22330
22343
  }
22331
22344
 
22332
22345
  .pf-v6-c-panel__header {
@@ -22353,6 +22366,7 @@ ul.pf-v6-c-list {
22353
22366
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
22354
22367
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
22355
22368
  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
22369
+ border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
22356
22370
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
22357
22371
  }
22358
22372
 
@@ -32289,6 +32303,8 @@ label.pf-v6-c-tree-view__node-text {
32289
32303
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
32290
32304
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
32291
32305
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
32306
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
32307
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
32292
32308
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
32293
32309
  --pf-v6-c-wizard__nav--Width: 100%;
32294
32310
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -32322,6 +32338,7 @@ label.pf-v6-c-tree-view__node-text {
32322
32338
  .pf-v6-c-wizard {
32323
32339
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32324
32340
  --pf-v6-c-wizard__nav--BoxShadow: none;
32341
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32325
32342
  }
32326
32343
  }
32327
32344
 
@@ -32508,6 +32525,7 @@ label.pf-v6-c-tree-view__node-text {
32508
32525
  overflow-y: auto;
32509
32526
  -webkit-overflow-scrolling: touch;
32510
32527
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
32528
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
32511
32529
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
32512
32530
  }
32513
32531
  .pf-v6-c-wizard__nav.pf-m-expanded {
package/patternfly.css CHANGED
@@ -19064,7 +19064,11 @@ ul.pf-v6-c-list {
19064
19064
  --pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
19065
19065
  --pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19066
19066
  --pf-v6-c-menu__footer--BoxShadow: none;
19067
+ --pf-v6-c-menu__footer--BorderColor: transparent;
19068
+ --pf-v6-c-menu__footer--BorderWidth: 0;
19067
19069
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19070
+ --pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
19071
+ --pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
19068
19072
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
19069
19073
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19070
19074
  --pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -19384,6 +19388,8 @@ ul.pf-v6-c-list {
19384
19388
  .pf-v6-c-menu.pf-m-scrollable {
19385
19389
  --pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
19386
19390
  --pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
19391
+ --pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
19392
+ --pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
19387
19393
  --pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
19388
19394
  --pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
19389
19395
  overflow: hidden;
@@ -19425,6 +19431,7 @@ ul.pf-v6-c-list {
19425
19431
  padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
19426
19432
  padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
19427
19433
  padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
19434
+ border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
19428
19435
  box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
19429
19436
  }
19430
19437
 
@@ -22424,11 +22431,15 @@ ul.pf-v6-c-list {
22424
22431
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22425
22432
  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22426
22433
  --pf-v6-c-panel__footer--BoxShadow: none;
22434
+ --pf-v6-c-panel__footer--BorderColor: transparent;
22435
+ --pf-v6-c-panel__footer--BorderWidth: 0;
22427
22436
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
22428
22437
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
22429
22438
  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
22430
22439
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
22431
22440
  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22441
+ --pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
22442
+ --pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22432
22443
  }
22433
22444
 
22434
22445
  .pf-v6-c-panel {
@@ -22467,6 +22478,8 @@ ul.pf-v6-c-list {
22467
22478
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
22468
22479
  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
22469
22480
  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
22481
+ --pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
22482
+ --pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
22470
22483
  }
22471
22484
 
22472
22485
  .pf-v6-c-panel__header {
@@ -22493,6 +22506,7 @@ ul.pf-v6-c-list {
22493
22506
  padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
22494
22507
  padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
22495
22508
  padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
22509
+ border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
22496
22510
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
22497
22511
  }
22498
22512
 
@@ -32429,6 +32443,8 @@ label.pf-v6-c-tree-view__node-text {
32429
32443
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
32430
32444
  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
32431
32445
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
32446
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
32447
+ --pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
32432
32448
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
32433
32449
  --pf-v6-c-wizard__nav--Width: 100%;
32434
32450
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
@@ -32462,6 +32478,7 @@ label.pf-v6-c-tree-view__node-text {
32462
32478
  .pf-v6-c-wizard {
32463
32479
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
32464
32480
  --pf-v6-c-wizard__nav--BoxShadow: none;
32481
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
32465
32482
  }
32466
32483
  }
32467
32484
 
@@ -32648,6 +32665,7 @@ label.pf-v6-c-tree-view__node-text {
32648
32665
  overflow-y: auto;
32649
32666
  -webkit-overflow-scrolling: touch;
32650
32667
  background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
32668
+ border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
32651
32669
  box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
32652
32670
  }
32653
32671
  .pf-v6-c-wizard__nav.pf-m-expanded {