@patternfly/patternfly 4.198.0 → 4.198.1

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 (8) hide show
  1. package/components/Table/table.css +25 -9
  2. package/components/Table/table.scss +46 -11
  3. package/docs/components/Table/examples/Table.md +1176 -5
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +25 -9
  6. package/patternfly.css +25 -9
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
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.198.0",
4
+ "version": "4.198.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -27084,12 +27084,14 @@ svg.pf-c-spinner.pf-m-xl {
27084
27084
  border-bottom: 0;
27085
27085
  }
27086
27086
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
27087
+ z-index: var(--pf-global--ZIndex--xs);
27088
+ }
27089
+ .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
27087
27090
  position: sticky;
27088
27091
  top: 0;
27089
- z-index: var(--pf-global--ZIndex--xs);
27090
27092
  background: var(--pf-c-table--BackgroundColor);
27091
27093
  }
27092
- .pf-c-table.pf-m-sticky-header > thead > tr > *::after {
27094
+ .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
27093
27095
  position: absolute;
27094
27096
  right: 0;
27095
27097
  bottom: 0;
@@ -27097,6 +27099,27 @@ svg.pf-c-spinner.pf-m-xl {
27097
27099
  content: "";
27098
27100
  border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
27099
27101
  }
27102
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
27103
+ position: sticky;
27104
+ top: 0;
27105
+ z-index: var(--pf-global--ZIndex--xs);
27106
+ background: var(--pf-c-table--BackgroundColor);
27107
+ }
27108
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
27109
+ height: var(--pf-c-table--border-width--base);
27110
+ background-color: var(--pf-c-table--BorderColor);
27111
+ }
27112
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
27113
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
27114
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27115
+ }
27116
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
27117
+ border-bottom: 0;
27118
+ }
27119
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
27120
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
27121
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27122
+ }
27100
27123
  .pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),
27101
27124
  .pf-c-table > .pf-m-striped > tr:nth-child(odd),
27102
27125
  .pf-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -27194,13 +27217,6 @@ svg.pf-c-spinner.pf-m-xl {
27194
27217
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
27195
27218
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
27196
27219
  }
27197
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
27198
- --pf-c-table--border-width--base: 0;
27199
- }
27200
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
27201
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
27202
- --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27203
- }
27204
27220
  .pf-c-table thead .pf-c-table__subhead {
27205
27221
  --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
27206
27222
  color: var(--pf-c-table__subhead--Color);
package/patternfly.css CHANGED
@@ -27211,12 +27211,14 @@ svg.pf-c-spinner.pf-m-xl {
27211
27211
  border-bottom: 0;
27212
27212
  }
27213
27213
  .pf-c-table.pf-m-sticky-header > thead > tr > * {
27214
+ z-index: var(--pf-global--ZIndex--xs);
27215
+ }
27216
+ .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > * {
27214
27217
  position: sticky;
27215
27218
  top: 0;
27216
- z-index: var(--pf-global--ZIndex--xs);
27217
27219
  background: var(--pf-c-table--BackgroundColor);
27218
27220
  }
27219
- .pf-c-table.pf-m-sticky-header > thead > tr > *::after {
27221
+ .pf-c-table.pf-m-sticky-header > thead:not(.pf-m-nested-column-header) > tr > *::after {
27220
27222
  position: absolute;
27221
27223
  right: 0;
27222
27224
  bottom: 0;
@@ -27224,6 +27226,27 @@ svg.pf-c-spinner.pf-m-xl {
27224
27226
  content: "";
27225
27227
  border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor);
27226
27228
  }
27229
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
27230
+ position: sticky;
27231
+ top: 0;
27232
+ z-index: var(--pf-global--ZIndex--xs);
27233
+ background: var(--pf-c-table--BackgroundColor);
27234
+ }
27235
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header > .pf-m-border-row {
27236
+ height: var(--pf-c-table--border-width--base);
27237
+ background-color: var(--pf-c-table--BorderColor);
27238
+ }
27239
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) th:not([rowspan]),
27240
+ .pf-c-table.pf-m-sticky-header > .pf-m-nested-column-header tr:not(:nth-last-child(2)) td:not([rowspan]) {
27241
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27242
+ }
27243
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) {
27244
+ border-bottom: 0;
27245
+ }
27246
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
27247
+ .pf-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
27248
+ --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27249
+ }
27227
27250
  .pf-c-table.pf-m-striped:not(.pf-m-expandable) > tbody > tr:nth-child(odd), .pf-c-table.pf-m-striped.pf-m-expandable > tbody:nth-of-type(odd) > tr:not(.pf-c-table__expandable-row),
27228
27251
  .pf-c-table > .pf-m-striped > tr:nth-child(odd),
27229
27252
  .pf-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -27321,13 +27344,6 @@ svg.pf-c-spinner.pf-m-xl {
27321
27344
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
27322
27345
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
27323
27346
  }
27324
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
27325
- --pf-c-table--border-width--base: 0;
27326
- }
27327
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
27328
- .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
27329
- --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
27330
- }
27331
27347
  .pf-c-table thead .pf-c-table__subhead {
27332
27348
  --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
27333
27349
  color: var(--pf-c-table__subhead--Color);