@patternfly/patternfly 6.5.0-prerelease.57 → 6.5.0-prerelease.59

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 (27) 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/Page/page.css +6 -6
  8. package/components/Page/page.scss +1 -1
  9. package/components/Progress/progress.css +3 -1
  10. package/components/Progress/progress.scss +3 -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 +15 -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/Progress/examples/Progress.md +91 -7
  21. package/docs/components/Table/examples/Table.md +1 -0
  22. package/docs/components/Wizard/examples/Wizard.md +1 -1
  23. package/package.json +1 -1
  24. package/patternfly-no-globals.css +15 -13
  25. package/patternfly.css +15 -13
  26. package/patternfly.min.css +1 -1
  27. 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 {
@@ -23442,16 +23442,16 @@ ul.pf-v6-c-list {
23442
23442
  outline: 0;
23443
23443
  }
23444
23444
 
23445
- :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,
23446
- :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),
23447
23447
  .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23448
- :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),
23449
23449
  .pf-v6-c-page__main-tabs.pf-m-plain,
23450
- :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),
23451
23451
  .pf-v6-c-page__main-section.pf-m-plain,
23452
- :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),
23453
23453
  .pf-v6-c-page__main-wizard.pf-m-plain,
23454
- :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),
23455
23455
  .pf-v6-c-page__main-group.pf-m-plain {
23456
23456
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23457
23457
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -24361,7 +24361,7 @@ ul.pf-v6-c-list {
24361
24361
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
24362
24362
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
24363
24363
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
24364
- --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
24364
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
24365
24365
  --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
24366
24366
  --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24367
24367
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -24371,6 +24371,7 @@ ul.pf-v6-c-list {
24371
24371
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
24372
24372
  --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
24373
24373
  --pf-v6-c-progress__indicator--BorderColor: transparent;
24374
+ --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
24374
24375
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
24375
24376
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
24376
24377
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -24540,6 +24541,7 @@ ul.pf-v6-c-list {
24540
24541
  position: absolute;
24541
24542
  height: var(--pf-v6-c-progress__indicator--Height);
24542
24543
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
24544
+ border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
24543
24545
  }
24544
24546
  .pf-v6-c-progress__indicator::before {
24545
24547
  position: absolute;
@@ -28201,7 +28203,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28201
28203
  width: 100%;
28202
28204
  background-color: var(--pf-v6-c-table--BackgroundColor);
28203
28205
  }
28204
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
28206
+ :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28205
28207
  --pf-v6-c-table--BackgroundColor: transparent;
28206
28208
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28207
28209
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -34326,14 +34328,14 @@ label.pf-v6-c-tree-view__node-text {
34326
34328
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34327
34329
  display: none;
34328
34330
  }
34329
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
34331
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34330
34332
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34331
34333
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34332
34334
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34333
34335
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34334
34336
  }
34335
34337
  @media screen and (min-width: 62rem) {
34336
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
34338
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34337
34339
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34338
34340
  }
34339
34341
  }