@patternfly/patternfly 6.6.0-prerelease.15 → 6.6.0-prerelease.17

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 (32) hide show
  1. package/components/AboutModalBox/about-modal-box.css +1 -1
  2. package/components/AboutModalBox/about-modal-box.scss +1 -1
  3. package/components/Alert/alert.css +2 -2
  4. package/components/Alert/alert.scss +2 -2
  5. package/components/Breadcrumb/breadcrumb.css +1 -1
  6. package/components/Breadcrumb/breadcrumb.scss +1 -1
  7. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  8. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  9. package/components/Menu/menu.css +1 -1
  10. package/components/Menu/menu.scss +1 -1
  11. package/components/ModalBox/modal-box.css +1 -1
  12. package/components/ModalBox/modal-box.scss +1 -1
  13. package/components/NotificationDrawer/notification-drawer.css +3 -3
  14. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  15. package/components/Progress/progress.css +2 -2
  16. package/components/Progress/progress.scss +2 -2
  17. package/components/Table/table.css +26 -18
  18. package/components/Table/table.scss +37 -27
  19. package/components/Title/title.css +1 -1
  20. package/components/Title/title.scss +1 -1
  21. package/components/Tooltip/tooltip.css +1 -1
  22. package/components/Tooltip/tooltip.scss +1 -1
  23. package/components/Wizard/wizard.css +3 -3
  24. package/components/Wizard/wizard.scss +3 -3
  25. package/components/_index.css +43 -35
  26. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  27. package/docs/components/Table/examples/Table.md +7 -0
  28. package/package.json +6 -6
  29. package/patternfly-no-globals.css +43 -35
  30. package/patternfly.css +43 -35
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -9575,7 +9575,7 @@ button) {
9575
9575
  overflow-x: hidden;
9576
9576
  overflow-y: auto;
9577
9577
  overscroll-behavior: contain;
9578
- overflow-wrap: break-word;
9578
+ overflow-wrap: anywhere;
9579
9579
  -webkit-overflow-scrolling: touch;
9580
9580
  }
9581
9581
  @media screen and (min-width: 36rem) {
@@ -10081,7 +10081,7 @@ button) {
10081
10081
  grid-area: title;
10082
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10083
10083
  color: var(--pf-v6-c-alert__title--Color);
10084
- overflow-wrap: break-word;
10084
+ overflow-wrap: anywhere;
10085
10085
  }
10086
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10087
10087
  display: -webkit-box;
@@ -10093,7 +10093,7 @@ button) {
10093
10093
  .pf-v6-c-alert__description {
10094
10094
  grid-area: description;
10095
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10096
- overflow-wrap: break-word;
10096
+ overflow-wrap: anywhere;
10097
10097
  }
10098
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10099
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -11140,7 +11140,7 @@ div.pf-v6-c-avatar {
11140
11140
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
11141
11141
  line-height: inherit;
11142
11142
  color: var(--pf-v6-c-breadcrumb__link--Color);
11143
- overflow-wrap: break-word;
11143
+ overflow-wrap: anywhere;
11144
11144
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
11145
11145
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
11146
11146
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -12975,7 +12975,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12975
12975
  }
12976
12976
 
12977
12977
  .pf-v6-c-clipboard-copy__text {
12978
- overflow-wrap: break-word;
12978
+ overflow-wrap: anywhere;
12979
12979
  white-space: normal;
12980
12980
  }
12981
12981
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -21470,7 +21470,7 @@ ul.pf-v6-c-list {
21470
21470
  .pf-v6-c-menu__item-description {
21471
21471
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21472
21472
  color: var(--pf-v6-c-menu__item-description--Color);
21473
- overflow-wrap: break-word;
21473
+ overflow-wrap: anywhere;
21474
21474
  }
21475
21475
 
21476
21476
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -22267,7 +22267,7 @@ ul.pf-v6-c-list {
22267
22267
  overflow-x: hidden;
22268
22268
  overflow-y: auto;
22269
22269
  overscroll-behavior: contain;
22270
- overflow-wrap: break-word;
22270
+ overflow-wrap: anywhere;
22271
22271
  -webkit-overflow-scrolling: touch;
22272
22272
  }
22273
22273
  .pf-v6-c-modal-box__body:last-child {
@@ -23141,7 +23141,7 @@ ul.pf-v6-c-list {
23141
23141
 
23142
23142
  .pf-v6-c-notification-drawer__list-item-header-title {
23143
23143
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
23144
- overflow-wrap: break-word;
23144
+ overflow-wrap: anywhere;
23145
23145
  }
23146
23146
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
23147
23147
  display: -webkit-box;
@@ -23163,7 +23163,7 @@ ul.pf-v6-c-list {
23163
23163
  grid-row: 2/3;
23164
23164
  grid-column: 1/2;
23165
23165
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
23166
- overflow-wrap: break-word;
23166
+ overflow-wrap: anywhere;
23167
23167
  }
23168
23168
 
23169
23169
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23208,7 +23208,7 @@ ul.pf-v6-c-list {
23208
23208
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23209
23209
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23210
23210
  text-align: start;
23211
- overflow-wrap: break-word;
23211
+ overflow-wrap: anywhere;
23212
23212
  }
23213
23213
 
23214
23214
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -25343,7 +25343,7 @@ ul.pf-v6-c-list {
25343
25343
 
25344
25344
  .pf-v6-c-progress__description {
25345
25345
  grid-column: 1/2;
25346
- overflow-wrap: break-word;
25346
+ overflow-wrap: anywhere;
25347
25347
  }
25348
25348
  .pf-v6-c-progress__description.pf-m-truncate {
25349
25349
  overflow: hidden;
@@ -25359,7 +25359,7 @@ ul.pf-v6-c-list {
25359
25359
  align-items: flex-start;
25360
25360
  justify-content: flex-end;
25361
25361
  text-align: end;
25362
- overflow-wrap: break-word;
25362
+ overflow-wrap: anywhere;
25363
25363
  }
25364
25364
 
25365
25365
  .pf-v6-c-progress__status-icon {
@@ -29040,7 +29040,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29040
29040
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29041
29041
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
29042
29042
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
29043
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
29043
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
29044
29044
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
29045
29045
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
29046
29046
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -29083,16 +29083,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29083
29083
  .pf-v6-c-table.pf-m-fixed {
29084
29084
  table-layout: fixed;
29085
29085
  }
29086
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29086
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29087
29087
  opacity: 0;
29088
29088
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
29089
29089
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
29090
29090
  transition-property: opacity;
29091
29091
  }
29092
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
29093
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29094
- }
29095
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
29092
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29096
29093
  opacity: 1;
29097
29094
  }
29098
29095
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -29103,27 +29100,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29103
29100
  inset-block-start: 0;
29104
29101
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
29105
29102
  }
29106
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
29103
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29107
29104
  position: absolute;
29108
29105
  inset: 0;
29109
29106
  z-index: -1;
29110
29107
  pointer-events: none;
29111
29108
  content: "";
29112
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29113
29109
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29114
29110
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
29115
29111
  }
29116
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
29117
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29118
- }
29119
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29112
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29120
29113
  position: absolute;
29121
29114
  inset: 0;
29122
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29115
+ z-index: -1;
29123
29116
  pointer-events: none;
29124
29117
  content: "";
29118
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29125
29119
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
29126
29120
  }
29121
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
29122
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29123
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29124
+ }
29125
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
29126
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29127
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29128
+ }
29129
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
29130
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29131
+ }
29132
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
29133
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29134
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29135
+ }
29127
29136
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
29128
29137
  border-block-end: 0;
29129
29138
  }
@@ -29834,14 +29843,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29834
29843
  vertical-align: bottom;
29835
29844
  }
29836
29845
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29846
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29837
29847
  position: relative;
29838
29848
  }
29839
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29840
- position: absolute;
29841
- inset: 0;
29849
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29842
29850
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29843
29851
  pointer-events: none;
29844
- content: "";
29845
29852
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29846
29853
  }
29847
29854
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29882,7 +29889,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29882
29889
  border-block-end: 0;
29883
29890
  }
29884
29891
  .pf-v6-c-table__tr.pf-m-border-row {
29885
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29892
+ height: var(--pf-v6-c-table--border-width--base);
29893
+ background-color: var(--pf-v6-c-table--BorderColor);
29886
29894
  }
29887
29895
 
29888
29896
  .pf-v6-c-table__tfoot {
@@ -32165,7 +32173,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32165
32173
 
32166
32174
  .pf-v6-c-title {
32167
32175
  font-family: var(--pf-v6-c-title--FontFamily);
32168
- overflow-wrap: break-word;
32176
+ overflow-wrap: anywhere;
32169
32177
  }
32170
32178
  .pf-v6-c-title.pf-m-4xl {
32171
32179
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34587,7 +34595,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34587
34595
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34588
34596
  color: var(--pf-v6-c-tooltip__content--Color);
34589
34597
  text-align: center;
34590
- overflow-wrap: break-word;
34598
+ overflow-wrap: anywhere;
34591
34599
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34592
34600
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34593
34601
  }
@@ -35499,7 +35507,7 @@ label.pf-v6-c-tree-view__node-text {
35499
35507
  align-items: baseline;
35500
35508
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35501
35509
  text-align: start;
35502
- overflow-wrap: break-word;
35510
+ overflow-wrap: anywhere;
35503
35511
  }
35504
35512
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35505
35513
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35635,7 +35643,7 @@ label.pf-v6-c-tree-view__node-text {
35635
35643
  padding-inline: 0;
35636
35644
  color: var(--pf-v6-c-wizard__nav-link--Color);
35637
35645
  text-align: start;
35638
- overflow-wrap: break-word;
35646
+ overflow-wrap: anywhere;
35639
35647
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35640
35648
  counter-increment: wizard-nav-count;
35641
35649
  background-color: transparent;
@@ -35754,7 +35762,7 @@ label.pf-v6-c-tree-view__node-text {
35754
35762
  flex-direction: column;
35755
35763
  overflow-x: hidden;
35756
35764
  overflow-y: auto;
35757
- overflow-wrap: break-word;
35765
+ overflow-wrap: anywhere;
35758
35766
  }
35759
35767
 
35760
35768
  .pf-v6-c-wizard__main-body {