@patternfly/patternfly 4.150.0 → 4.151.3

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.
@@ -4082,7 +4082,7 @@ As the toolbar component is a hybrid layout and component, some of its elements
4082
4082
  | `.pf-c-toolbar__content` | `<div>` | Initiates a toolbar content container. **Required** |
4083
4083
  | `.pf-c-toolbar__content-section` | `<div>` | Initiates a toolbar content section. This is used to separate static elements from dynamic elements within a content container. There should be no more than one `.pf-c-toolbar__content-section` per `.pf-c-toolbar__content` **Required** |
4084
4084
  | `.pf-c-toolbar__expandable-content` | `<div>` | Initiates a toolbar expandable content section. |
4085
- | `.pf-m-sticky-top` | `.pf-c-toolbar` | Modifies toolbar component to be sticky to the top of its container. |
4085
+ | `.pf-m-sticky` | `.pf-c-toolbar` | Modifies toolbar component to be sticky to the top of its container. |
4086
4086
  | `.pf-m-full-height` | `.pf-c-toolbar` | Modifies toolbar component to full height of its container and removes vertical padding. |
4087
4087
  | `.pf-m-static` | `.pf-c-toolbar` | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar. |
4088
4088
  | `.pf-m-expanded` | `.pf-c-toolbar__expandable-content` | Modifies expandable content section for the expanded state. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.150.0",
4
+ "version": "4.151.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -9949,8 +9949,8 @@ label.pf-c-check, .pf-c-check__label,
9949
9949
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
9950
9950
  --pf-c-toolbar__item--Display: block;
9951
9951
  --pf-c-toolbar__group--Display: flex;
9952
- --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
9953
- --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
9952
+ --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
9953
+ --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
9954
9954
  --pf-c-toolbar__content--Display: flex;
9955
9955
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
9956
9956
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -10021,11 +10021,11 @@ label.pf-c-check, .pf-c-check__label,
10021
10021
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
10022
10022
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
10023
10023
  }
10024
- .pf-c-toolbar.pf-m-sticky-top {
10024
+ .pf-c-toolbar.pf-m-sticky {
10025
10025
  position: sticky;
10026
10026
  top: 0;
10027
- z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
10028
- box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
10027
+ z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
10028
+ box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
10029
10029
  }
10030
10030
  .pf-c-toolbar.pf-m-full-height {
10031
10031
  --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
@@ -16510,7 +16510,7 @@ ul.pf-c-list {
16510
16510
  --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
16511
16511
  --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
16512
16512
  --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
16513
- --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
16513
+ --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
16514
16514
  --pf-c-nav__item__toggle-icon--Rotate: 0;
16515
16515
  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
16516
16516
  --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
@@ -23240,17 +23240,19 @@ svg.pf-c-spinner.pf-m-xl {
23240
23240
  --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
23241
23241
  --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
23242
23242
  --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
23243
+ --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
23243
23244
  --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
23244
23245
  --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
23245
23246
  --pf-c-table--cell--Color: var(--pf-global--Color--100);
23246
- --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
23247
- --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
23248
- --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
23249
- --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
23247
+ --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
23248
+ --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
23249
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
23250
+ --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
23250
23251
  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
23251
23252
  --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
23252
23253
  --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
23253
23254
  --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
23255
+ --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
23254
23256
  --pf-c-table--cell--MinWidth: 0;
23255
23257
  --pf-c-table--cell--MaxWidth: none;
23256
23258
  --pf-c-table--cell--Width: auto;
@@ -23258,6 +23260,10 @@ svg.pf-c-spinner.pf-m-xl {
23258
23260
  --pf-c-table--cell--TextOverflow: clip;
23259
23261
  --pf-c-table--cell--WhiteSpace: normal;
23260
23262
  --pf-c-table--cell--WordBreak: normal;
23263
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
23264
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
23265
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
23266
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
23261
23267
  --pf-c-table--cell--m-help--MinWidth: 11ch;
23262
23268
  --pf-c-table--m-truncate--cell--MaxWidth: 1px;
23263
23269
  --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));
@@ -23416,6 +23422,10 @@ svg.pf-c-spinner.pf-m-xl {
23416
23422
  --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
23417
23423
  --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
23418
23424
  --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
23425
+ --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
23426
+ --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
23427
+ --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
23428
+ --pf-c-table__subhead--Color: var(--pf-global--Color--200);
23419
23429
  color: var(--pf-global--Color--100);
23420
23430
  width: 100%;
23421
23431
  background-color: var(--pf-c-table--BackgroundColor);
@@ -23502,6 +23512,21 @@ svg.pf-c-spinner.pf-m-xl {
23502
23512
  --pf-c-table--cell--MaxWidth: fit-content;
23503
23513
  --pf-c-table--cell--Overflow: visible;
23504
23514
  }
23515
+ .pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {
23516
+ position: absolute;
23517
+ top: 0;
23518
+ right: 0;
23519
+ bottom: 0;
23520
+ left: 0;
23521
+ pointer-events: none;
23522
+ content: "";
23523
+ }
23524
+ .pf-c-table tr > *.pf-m-border-right::before {
23525
+ border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
23526
+ }
23527
+ .pf-c-table tr > *.pf-m-border-left::before {
23528
+ border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
23529
+ }
23505
23530
  .pf-c-table caption {
23506
23531
  padding-top: var(--pf-c-table-caption--PaddingTop);
23507
23532
  padding-bottom: var(--pf-c-table-caption--PaddingBottom);
@@ -23516,6 +23541,28 @@ svg.pf-c-spinner.pf-m-xl {
23516
23541
  --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
23517
23542
  vertical-align: bottom;
23518
23543
  }
23544
+ .pf-c-table thead.pf-m-nested-column-header button {
23545
+ outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
23546
+ }
23547
+ .pf-c-table thead.pf-m-nested-column-header th,
23548
+ .pf-c-table thead.pf-m-nested-column-header td {
23549
+ vertical-align: middle;
23550
+ }
23551
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
23552
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
23553
+ --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
23554
+ }
23555
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
23556
+ --pf-c-table--border-width--base: 0;
23557
+ }
23558
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
23559
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
23560
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
23561
+ }
23562
+ .pf-c-table thead .pf-c-table__subhead {
23563
+ --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
23564
+ color: var(--pf-c-table__subhead--Color);
23565
+ }
23519
23566
  .pf-c-table tbody {
23520
23567
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
23521
23568
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
@@ -23634,6 +23681,9 @@ svg.pf-c-spinner.pf-m-xl {
23634
23681
  .pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
23635
23682
  box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
23636
23683
  }
23684
+ .pf-c-table tr.pf-m-first-cell-offset-reset {
23685
+ --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
23686
+ }
23637
23687
  .pf-c-table tbody.pf-m-hoverable {
23638
23688
  cursor: pointer;
23639
23689
  background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
@@ -24162,14 +24212,12 @@ svg.pf-c-spinner.pf-m-xl {
24162
24212
  background-clip: padding-box;
24163
24213
  }
24164
24214
  .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
24165
- position: absolute;
24166
- top: 0;
24167
- right: 0;
24168
- bottom: 0;
24169
- left: 0;
24170
- pointer-events: none;
24171
- content: "";
24172
- border-right: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth) solid var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
24215
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
24216
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
24217
+ }
24218
+ .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
24219
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
24220
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
24173
24221
  }
24174
24222
  .pf-c-table.pf-m-sticky-header {
24175
24223
  --pf-c-table--cell--Overflow: visible;
@@ -25744,11 +25792,11 @@ svg.pf-c-spinner.pf-m-xl {
25744
25792
  --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
25745
25793
  --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
25746
25794
  --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
25795
+ --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
25747
25796
  --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
25748
25797
  --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
25749
25798
  --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
25750
25799
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
25751
- --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
25752
25800
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
25753
25801
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
25754
25802
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
@@ -25766,9 +25814,6 @@ svg.pf-c-spinner.pf-m-xl {
25766
25814
  .pf-c-text-input-group:hover {
25767
25815
  --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
25768
25816
  }
25769
- .pf-c-text-input-group.pf-m-icon {
25770
- --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
25771
- }
25772
25817
 
25773
25818
  .pf-c-text-input-group__main {
25774
25819
  display: flex;
@@ -25776,6 +25821,9 @@ svg.pf-c-spinner.pf-m-xl {
25776
25821
  gap: var(--pf-global--spacer--sm);
25777
25822
  min-width: 0;
25778
25823
  }
25824
+ .pf-c-text-input-group__main.pf-m-icon {
25825
+ --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
25826
+ }
25779
25827
  .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
25780
25828
  margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
25781
25829
  }
package/patternfly.css CHANGED
@@ -10085,8 +10085,8 @@ label.pf-c-check, .pf-c-check__label,
10085
10085
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
10086
10086
  --pf-c-toolbar__item--Display: block;
10087
10087
  --pf-c-toolbar__group--Display: flex;
10088
- --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
10089
- --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
10088
+ --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
10089
+ --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
10090
10090
  --pf-c-toolbar__content--Display: flex;
10091
10091
  --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
10092
10092
  --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -10157,11 +10157,11 @@ label.pf-c-check, .pf-c-check__label,
10157
10157
  --pf-c-toolbar__content--PaddingRight: var(--pf-c-toolbar--m-page-insets--inset);
10158
10158
  --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
10159
10159
  }
10160
- .pf-c-toolbar.pf-m-sticky-top {
10160
+ .pf-c-toolbar.pf-m-sticky {
10161
10161
  position: sticky;
10162
10162
  top: 0;
10163
- z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
10164
- box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
10163
+ z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
10164
+ box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
10165
10165
  }
10166
10166
  .pf-c-toolbar.pf-m-full-height {
10167
10167
  --pf-c-toolbar--PaddingTop: var(--pf-c-toolbar--m-full-height--PaddingTop);
@@ -16646,7 +16646,7 @@ ul.pf-c-list {
16646
16646
  --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
16647
16647
  --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
16648
16648
  --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
16649
- --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--icon--FontSize--xs);
16649
+ --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
16650
16650
  --pf-c-nav__item__toggle-icon--Rotate: 0;
16651
16651
  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
16652
16652
  --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
@@ -23376,17 +23376,19 @@ svg.pf-c-spinner.pf-m-xl {
23376
23376
  --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
23377
23377
  --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
23378
23378
  --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
23379
+ --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
23379
23380
  --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
23380
23381
  --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
23381
23382
  --pf-c-table--cell--Color: var(--pf-global--Color--100);
23382
- --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
23383
- --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
23384
- --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
23385
- --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
23383
+ --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
23384
+ --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
23385
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
23386
+ --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
23386
23387
  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
23387
23388
  --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
23388
23389
  --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
23389
23390
  --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
23391
+ --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
23390
23392
  --pf-c-table--cell--MinWidth: 0;
23391
23393
  --pf-c-table--cell--MaxWidth: none;
23392
23394
  --pf-c-table--cell--Width: auto;
@@ -23394,6 +23396,10 @@ svg.pf-c-spinner.pf-m-xl {
23394
23396
  --pf-c-table--cell--TextOverflow: clip;
23395
23397
  --pf-c-table--cell--WhiteSpace: normal;
23396
23398
  --pf-c-table--cell--WordBreak: normal;
23399
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
23400
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
23401
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
23402
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
23397
23403
  --pf-c-table--cell--m-help--MinWidth: 11ch;
23398
23404
  --pf-c-table--m-truncate--cell--MaxWidth: 1px;
23399
23405
  --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));
@@ -23552,6 +23558,10 @@ svg.pf-c-spinner.pf-m-xl {
23552
23558
  --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
23553
23559
  --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
23554
23560
  --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
23561
+ --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
23562
+ --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
23563
+ --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
23564
+ --pf-c-table__subhead--Color: var(--pf-global--Color--200);
23555
23565
  color: var(--pf-global--Color--100);
23556
23566
  width: 100%;
23557
23567
  background-color: var(--pf-c-table--BackgroundColor);
@@ -23638,6 +23648,21 @@ svg.pf-c-spinner.pf-m-xl {
23638
23648
  --pf-c-table--cell--MaxWidth: fit-content;
23639
23649
  --pf-c-table--cell--Overflow: visible;
23640
23650
  }
23651
+ .pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {
23652
+ position: absolute;
23653
+ top: 0;
23654
+ right: 0;
23655
+ bottom: 0;
23656
+ left: 0;
23657
+ pointer-events: none;
23658
+ content: "";
23659
+ }
23660
+ .pf-c-table tr > *.pf-m-border-right::before {
23661
+ border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
23662
+ }
23663
+ .pf-c-table tr > *.pf-m-border-left::before {
23664
+ border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
23665
+ }
23641
23666
  .pf-c-table caption {
23642
23667
  padding-top: var(--pf-c-table-caption--PaddingTop);
23643
23668
  padding-bottom: var(--pf-c-table-caption--PaddingBottom);
@@ -23652,6 +23677,28 @@ svg.pf-c-spinner.pf-m-xl {
23652
23677
  --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight);
23653
23678
  vertical-align: bottom;
23654
23679
  }
23680
+ .pf-c-table thead.pf-m-nested-column-header button {
23681
+ outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
23682
+ }
23683
+ .pf-c-table thead.pf-m-nested-column-header th,
23684
+ .pf-c-table thead.pf-m-nested-column-header td {
23685
+ vertical-align: middle;
23686
+ }
23687
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
23688
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
23689
+ --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
23690
+ }
23691
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
23692
+ --pf-c-table--border-width--base: 0;
23693
+ }
23694
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
23695
+ .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
23696
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
23697
+ }
23698
+ .pf-c-table thead .pf-c-table__subhead {
23699
+ --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
23700
+ color: var(--pf-c-table__subhead--Color);
23701
+ }
23655
23702
  .pf-c-table tbody {
23656
23703
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
23657
23704
  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
@@ -23770,6 +23817,9 @@ svg.pf-c-spinner.pf-m-xl {
23770
23817
  .pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected {
23771
23818
  box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
23772
23819
  }
23820
+ .pf-c-table tr.pf-m-first-cell-offset-reset {
23821
+ --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
23822
+ }
23773
23823
  .pf-c-table tbody.pf-m-hoverable {
23774
23824
  cursor: pointer;
23775
23825
  background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
@@ -24298,14 +24348,12 @@ svg.pf-c-spinner.pf-m-xl {
24298
24348
  background-clip: padding-box;
24299
24349
  }
24300
24350
  .pf-c-table .pf-c-table__sticky-column.pf-m-border-right::before {
24301
- position: absolute;
24302
- top: 0;
24303
- right: 0;
24304
- bottom: 0;
24305
- left: 0;
24306
- pointer-events: none;
24307
- content: "";
24308
- border-right: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth) solid var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
24351
+ --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth);
24352
+ --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor);
24353
+ }
24354
+ .pf-c-table .pf-c-table__sticky-column.pf-m-border-left::before {
24355
+ --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth);
24356
+ --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor);
24309
24357
  }
24310
24358
  .pf-c-table.pf-m-sticky-header {
24311
24359
  --pf-c-table--cell--Overflow: visible;
@@ -25880,11 +25928,11 @@ svg.pf-c-spinner.pf-m-xl {
25880
25928
  --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
25881
25929
  --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
25882
25930
  --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
25931
+ --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
25883
25932
  --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
25884
25933
  --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
25885
25934
  --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
25886
25935
  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
25887
- --pf-c-text-input-group--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
25888
25936
  --pf-c-text-input-group__text-input--MinWidth: 12ch;
25889
25937
  --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
25890
25938
  --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
@@ -25902,9 +25950,6 @@ svg.pf-c-spinner.pf-m-xl {
25902
25950
  .pf-c-text-input-group:hover {
25903
25951
  --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
25904
25952
  }
25905
- .pf-c-text-input-group.pf-m-icon {
25906
- --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group--m-icon__text-input--PaddingLeft);
25907
- }
25908
25953
 
25909
25954
  .pf-c-text-input-group__main {
25910
25955
  display: flex;
@@ -25912,6 +25957,9 @@ svg.pf-c-spinner.pf-m-xl {
25912
25957
  gap: var(--pf-global--spacer--sm);
25913
25958
  min-width: 0;
25914
25959
  }
25960
+ .pf-c-text-input-group__main.pf-m-icon {
25961
+ --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
25962
+ }
25915
25963
  .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
25916
25964
  margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
25917
25965
  }