@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.
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Alert/alert.css +2 -2
- package/components/Alert/alert.scss +2 -2
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/Menu/menu.css +1 -1
- package/components/Menu/menu.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Table/table.css +26 -18
- package/components/Table/table.scss +37 -27
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/Wizard/wizard.css +3 -3
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +43 -35
- package/docs/components/InputGroup/examples/InputGroup.md +1 -1
- package/docs/components/Table/examples/Table.md +7 -0
- package/package.json +6 -6
- package/patternfly-no-globals.css +43 -35
- package/patternfly.css +43 -35
- package/patternfly.min.css +1 -1
- 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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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::
|
|
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::
|
|
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
|
|
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:
|
|
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
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
35765
|
+
overflow-wrap: anywhere;
|
|
35758
35766
|
}
|
|
35759
35767
|
|
|
35760
35768
|
.pf-v6-c-wizard__main-body {
|