@patternfly/patternfly 4.166.0 → 4.166.4

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 (19) hide show
  1. package/components/LogViewer/log-viewer.css +14 -23
  2. package/components/LogViewer/log-viewer.scss +13 -10
  3. package/components/Table/table.css +1 -1
  4. package/components/Table/table.scss +1 -1
  5. package/docs/components/DescriptionList/examples/DescriptionList.md +9 -119
  6. package/docs/components/LogViewer/examples/LogViewer.md +1 -0
  7. package/docs/components/Table/examples/Table.md +25 -14
  8. package/docs/components/Toolbar/examples/Toolbar.md +0 -2
  9. package/docs/demos/CardView/examples/CardView.md +0 -1
  10. package/docs/demos/DataList/examples/DataList.md +0 -2
  11. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  12. package/docs/demos/Table/examples/Table.md +11 -23
  13. package/docs/demos/Tabs/examples/Tabs.md +0 -1
  14. package/docs/demos/Toolbar/examples/Toolbar.md +0 -1827
  15. package/package.json +1 -1
  16. package/patternfly-no-reset.css +16 -15
  17. package/patternfly.css +16 -15
  18. package/patternfly.min.css +1 -1
  19. 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.166.0",
4
+ "version": "4.166.4",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -15047,8 +15046,8 @@ ul.pf-c-list {
15047
15046
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15048
15047
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15049
15048
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15050
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15051
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15049
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15050
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15052
15051
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15053
15052
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15054
15053
  --pf-c-log-viewer__list--Height: auto;
@@ -15060,7 +15059,7 @@ ul.pf-c-list {
15060
15059
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15061
15060
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15062
15061
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15063
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15062
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15064
15063
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15065
15064
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15066
15065
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15088,9 +15087,16 @@ ul.pf-c-list {
15088
15087
  max-height: var(--pf-c-log-viewer--MaxHeight);
15089
15088
  }
15090
15089
  .pf-c-log-viewer.pf-m-dark {
15091
- color: var(--pf-global--Color--100);
15092
15090
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15093
15091
  }
15092
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15093
+ color: var(--pf-global--Color--100);
15094
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15095
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15096
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15097
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15098
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15099
+ }
15094
15100
  .pf-c-log-viewer.pf-m-wrap-text {
15095
15101
  word-break: break-all;
15096
15102
  }
@@ -15133,11 +15139,6 @@ ul.pf-c-list {
15133
15139
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15134
15140
  }
15135
15141
 
15136
- .pf-c-log-viewer__header,
15137
- .pf-c-log-viewer__footer {
15138
- color: var(--pf-global--Color--100);
15139
- }
15140
-
15141
15142
  .pf-c-log-viewer__main {
15142
15143
  display: flex;
15143
15144
  flex-direction: column;
@@ -24439,7 +24440,7 @@ svg.pf-c-spinner.pf-m-xl {
24439
24440
  .pf-c-table .pf-c-table__icon,
24440
24441
  .pf-c-table .pf-m-fit-content {
24441
24442
  --pf-c-table--cell--MinWidth: fit-content;
24442
- --pf-c-table--cell--MaxWidth: fit-content;
24443
+ --pf-c-table--cell--MaxWidth: none;
24443
24444
  --pf-c-table--cell--Width: 1%;
24444
24445
  --pf-c-table--cell--Overflow: visible;
24445
24446
  --pf-c-table--cell--TextOverflow: clip;
package/patternfly.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -15169,8 +15168,8 @@ ul.pf-c-list {
15169
15168
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15170
15169
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15171
15170
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15172
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15173
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15171
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15172
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15174
15173
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15175
15174
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15176
15175
  --pf-c-log-viewer__list--Height: auto;
@@ -15182,7 +15181,7 @@ ul.pf-c-list {
15182
15181
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15183
15182
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15184
15183
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15185
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15184
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15186
15185
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15187
15186
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15188
15187
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15210,9 +15209,16 @@ ul.pf-c-list {
15210
15209
  max-height: var(--pf-c-log-viewer--MaxHeight);
15211
15210
  }
15212
15211
  .pf-c-log-viewer.pf-m-dark {
15213
- color: var(--pf-global--Color--100);
15214
15212
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15215
15213
  }
15214
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15215
+ color: var(--pf-global--Color--100);
15216
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15217
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15218
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15219
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15220
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15221
+ }
15216
15222
  .pf-c-log-viewer.pf-m-wrap-text {
15217
15223
  word-break: break-all;
15218
15224
  }
@@ -15255,11 +15261,6 @@ ul.pf-c-list {
15255
15261
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15256
15262
  }
15257
15263
 
15258
- .pf-c-log-viewer__header,
15259
- .pf-c-log-viewer__footer {
15260
- color: var(--pf-global--Color--100);
15261
- }
15262
-
15263
15264
  .pf-c-log-viewer__main {
15264
15265
  display: flex;
15265
15266
  flex-direction: column;
@@ -24561,7 +24562,7 @@ svg.pf-c-spinner.pf-m-xl {
24561
24562
  .pf-c-table .pf-c-table__icon,
24562
24563
  .pf-c-table .pf-m-fit-content {
24563
24564
  --pf-c-table--cell--MinWidth: fit-content;
24564
- --pf-c-table--cell--MaxWidth: fit-content;
24565
+ --pf-c-table--cell--MaxWidth: none;
24565
24566
  --pf-c-table--cell--Width: 1%;
24566
24567
  --pf-c-table--cell--Overflow: visible;
24567
24568
  --pf-c-table--cell--TextOverflow: clip;