@patternfly/patternfly 6.5.0-prerelease.56 → 6.5.0-prerelease.58

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 (26) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/DataList/data-list.css +1 -1
  4. package/components/DataList/data-list.scss +1 -1
  5. package/components/Drawer/drawer.css +1 -1
  6. package/components/Drawer/drawer.scss +1 -1
  7. package/components/JumpLinks/jump-links.css +11 -1
  8. package/components/JumpLinks/jump-links.scss +11 -1
  9. package/components/Page/page.css +6 -6
  10. package/components/Page/page.scss +1 -1
  11. package/components/Table/table.css +1 -1
  12. package/components/Table/table.scss +1 -1
  13. package/components/Wizard/wizard.css +2 -2
  14. package/components/Wizard/wizard.scss +1 -1
  15. package/components/_index.css +23 -13
  16. package/docs/components/Accordion/examples/Accordion.md +1 -0
  17. package/docs/components/DataList/examples/DataList.md +1 -0
  18. package/docs/components/Drawer/examples/Drawer.md +2 -0
  19. package/docs/components/Page/examples/Page.md +2 -0
  20. package/docs/components/Table/examples/Table.md +1 -0
  21. package/docs/components/Wizard/examples/Wizard.md +1 -1
  22. package/package.json +1 -1
  23. package/patternfly-no-globals.css +23 -13
  24. package/patternfly.css +23 -13
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -9594,7 +9594,7 @@ button) {
9594
9594
  row-gap: var(--pf-v6-c-accordion--RowGap);
9595
9595
  background-color: var(--pf-v6-c-accordion--BackgroundColor);
9596
9596
  }
9597
- :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
9597
+ :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
9598
9598
  --pf-v6-c-accordion--BackgroundColor: transparent;
9599
9599
  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
9600
9600
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
@@ -14116,7 +14116,7 @@ ul) {
14116
14116
  .pf-v6-c-data-list.pf-m-drag-over {
14117
14117
  overflow-anchor: none;
14118
14118
  }
14119
- :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
14119
+ :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
14120
14120
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
14121
14121
  }
14122
14122
 
@@ -16013,7 +16013,7 @@ ul) {
16013
16013
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
16014
16014
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
16015
16015
  }
16016
- :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
16016
+ :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
16017
16017
  background: transparent;
16018
16018
  }
16019
16019
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -18485,14 +18485,19 @@ label.pf-v6-c-input-group__text {
18485
18485
  --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
18486
18486
  --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18487
18487
  --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
18488
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
18489
+ --pf-v6-c-jump-links__link--before--Width: auto;
18488
18490
  --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
18489
18491
  --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
18490
18492
  --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
18491
18493
  --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
18492
18494
  --pf-v6-c-jump-links__link--before--BorderColor: transparent;
18495
+ --pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
18493
18496
  --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
18494
18497
  --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
18495
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
18498
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
18499
+ --pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
18500
+ --pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
18496
18501
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
18497
18502
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
18498
18503
  --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
@@ -18524,6 +18529,8 @@ label.pf-v6-c-input-group__text {
18524
18529
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
18525
18530
  --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
18526
18531
  --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
18532
+ --pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
18533
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
18527
18534
  --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
18528
18535
  --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
18529
18536
  --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
@@ -18654,6 +18661,8 @@ label.pf-v6-c-input-group__text {
18654
18661
  .pf-v6-c-jump-links__link::before {
18655
18662
  position: absolute;
18656
18663
  inset: 0;
18664
+ width: var(--pf-v6-c-jump-links__link--before--Width);
18665
+ height: var(--pf-v6-c-jump-links__link--before--Height);
18657
18666
  pointer-events: none;
18658
18667
  content: "";
18659
18668
  border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
@@ -18662,6 +18671,7 @@ label.pf-v6-c-input-group__text {
18662
18671
  border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
18663
18672
  border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
18664
18673
  border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
18674
+ border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
18665
18675
  }
18666
18676
 
18667
18677
  .pf-v6-c-jump-links__item {
@@ -23432,16 +23442,16 @@ ul.pf-v6-c-list {
23432
23442
  outline: 0;
23433
23443
  }
23434
23444
 
23435
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
23436
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
23445
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
23446
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23437
23447
  .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23438
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
23448
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23439
23449
  .pf-v6-c-page__main-tabs.pf-m-plain,
23440
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
23450
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23441
23451
  .pf-v6-c-page__main-section.pf-m-plain,
23442
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
23452
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23443
23453
  .pf-v6-c-page__main-wizard.pf-m-plain,
23444
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
23454
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
23445
23455
  .pf-v6-c-page__main-group.pf-m-plain {
23446
23456
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23447
23457
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -28191,7 +28201,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28191
28201
  width: 100%;
28192
28202
  background-color: var(--pf-v6-c-table--BackgroundColor);
28193
28203
  }
28194
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
28204
+ :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28195
28205
  --pf-v6-c-table--BackgroundColor: transparent;
28196
28206
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28197
28207
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -34316,14 +34326,14 @@ label.pf-v6-c-tree-view__node-text {
34316
34326
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34317
34327
  display: none;
34318
34328
  }
34319
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
34329
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34320
34330
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34321
34331
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34322
34332
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34323
34333
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34324
34334
  }
34325
34335
  @media screen and (min-width: 62rem) {
34326
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
34336
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34327
34337
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34328
34338
  }
34329
34339
  }