@patternfly/patternfly 5.0.0-alpha.11 → 5.0.0-alpha.12

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/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_chart-globals.scss +0 -4
  7. package/base/patternfly-icons.css +5 -1
  8. package/base/patternfly-pf-icons.css +5 -1
  9. package/components/CalendarMonth/calendar-month.css +1 -1
  10. package/components/CalendarMonth/calendar-month.scss +1 -1
  11. package/components/Content/content.css +6 -0
  12. package/components/Content/content.scss +8 -0
  13. package/components/Pagination/pagination.css +0 -108
  14. package/components/Pagination/pagination.scss +0 -6
  15. package/components/Tabs/tabs.css +0 -4
  16. package/components/Tabs/tabs.scss +0 -7
  17. package/docs/components/Content/examples/Content.md +28 -0
  18. package/docs/components/Tabs/examples/Tabs.md +102 -102
  19. package/docs/demos/Banner/examples/Banner.md +0 -1
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -1
  21. package/docs/demos/HelperText/examples/HelperText.md +0 -1
  22. package/docs/demos/Page/examples/Page.md +1 -1
  23. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +0 -1
  24. package/docs/demos/Wizard/examples/Wizard.md +179 -171
  25. package/icons/pf-icons.json +1 -0
  26. package/package.json +5 -5
  27. package/patternfly-base-no-reset.css +5 -1
  28. package/patternfly-base.css +5 -1
  29. package/patternfly-no-reset.css +12 -114
  30. package/patternfly.css +12 -114
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
package/RELEASE-NOTES.md CHANGED
@@ -3,6 +3,23 @@ id: Release notes
3
3
  section: developer-resources
4
4
  releaseNoteTOC: true
5
5
  ---
6
+ ## 2023.01 release notes (2023-01-25)
7
+ Packages released:
8
+ - [@patternfly/patternfly@v4.224.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.224.2)
9
+
10
+ ### Components
11
+ - **Calendar month:** Updated year width to not truncate ([#5316](https://github.com/patternfly/patternfly/pull/5316))
12
+ - **Card:** Removed unnecessary class from labels in demos ([#5306](https://github.com/patternfly/patternfly/pull/5306))
13
+ - **Charts:** Removed dupe vars ([#5312](https://github.com/patternfly/patternfly/pull/5312))
14
+ - **Content:** Added plain list variation ([#5337](https://github.com/patternfly/patternfly/pull/5337))
15
+ - **Tabs:** Removed help action specific styling ([#5330](https://github.com/patternfly/patternfly/pull/5330))
16
+ - **Wizard:** Fixed demo footer layout ([#5317](https://github.com/patternfly/patternfly/pull/5317))
17
+
18
+ ### Other
19
+ - **Icons:** Added data-processor icon ([#5284](https://github.com/patternfly/patternfly/pull/5284))
20
+ - **Workspace:** Cleaned up beta tags for v4 ([#5329](https://github.com/patternfly/patternfly/pull/5329))
21
+
22
+
6
23
  ## 2022.16 release notes (2022-12-09)
7
24
  Packages released:
8
25
  - [@patternfly/patternfly@v4.222.4](https://www.npmjs.com/package/@patternfly/patternfly/v/4.222.4)
package/assets/icons/iconUnicodes.json CHANGED
@@ -21,6 +21,7 @@
21
21
  "pf-icon-container-node": "E621",
22
22
  "pf-icon-cpu": "E927",
23
23
  "pf-icon-critical-risk": "E976",
24
+ "pf-icon-data-processor": "E97B",
24
25
  "pf-icon-data-sink": "E978",
25
26
  "pf-icon-data-source": "E979",
26
27
  "pf-icon-degraded": "E91B",
package/assets/pficon/pficon.scss CHANGED
@@ -89,6 +89,9 @@
89
89
  @if $filename == critical-risk {
90
90
  $char: '\E976';
91
91
  }
92
+ @if $filename == data-processor {
93
+ $char: '\E97B';
94
+ }
92
95
  @if $filename == data-sink {
93
96
  $char: '\E978';
94
97
  }
@@ -485,6 +488,9 @@
485
488
  .pf-icon-critical-risk {
486
489
  @include pf-icon(critical-risk);
487
490
  }
491
+ .pf-icon-data-processor {
492
+ @include pf-icon(data-processor);
493
+ }
488
494
  .pf-icon-data-sink {
489
495
  @include pf-icon(data-sink);
490
496
  }
package/assets/pficon/pficon.woff CHANGED
Binary file
package/assets/pficon/pficon.woff2 CHANGED
Binary file
package/base/_chart-globals.scss CHANGED
@@ -164,10 +164,6 @@ $pf-chart-bullet--comparative-measure--warning--Fill--Color: $pf-chart-global--w
164
164
  $pf-chart-bullet--comparative-measure--warning--stroke--Color: $pf-chart-global--warning--Color--100;
165
165
  $pf-chart-bullet--comparative-measure--warning--stroke--Width: $pf-chart-global--stroke--Width--sm;
166
166
  $pf-chart-bullet--comparative-measure--warning--Width: 30;
167
- $pf-chart-bullet--comparative-measure--Fill--Color: $pf-chart-global--Fill--Color--700;
168
- $pf-chart-bullet--comparative-measure--stroke--Color: $pf-chart-global--Fill--Color--700;
169
- $pf-chart-bullet--comparative-measure--stroke--Width: $pf-chart-global--stroke--Width--xs;
170
- $pf-chart-bullet--comparative-measure--Width: 30;
171
167
  $pf-chart-bullet--group-title--divider--Fill--Color: $pf-color-black-200;
172
168
  $pf-chart-bullet--group-title--divider--stroke--Color: $pf-color-black-200;
173
169
  $pf-chart-bullet--group-title--divider--stroke--Width: $pf-chart-global--stroke--Width--sm;
package/base/patternfly-icons.css CHANGED
@@ -4190,7 +4190,7 @@
4190
4190
  font-family: "pficon";
4191
4191
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4192
4192
  }
4193
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4193
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4194
4194
  font-family: "pficon";
4195
4195
  -webkit-font-smoothing: antialiased;
4196
4196
  -moz-osx-font-smoothing: grayscale;
@@ -4289,6 +4289,10 @@
4289
4289
  content: "\e976";
4290
4290
  }
4291
4291
 
4292
+ .pf-icon-data-processor:before {
4293
+ content: "\e97b";
4294
+ }
4295
+
4292
4296
  .pf-icon-data-sink:before {
4293
4297
  content: "\e978";
4294
4298
  }
package/base/patternfly-pf-icons.css CHANGED
@@ -2,7 +2,7 @@
2
2
  font-family: "pficon";
3
3
  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4
4
  }
5
- .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
5
+ .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
6
6
  font-family: "pficon";
7
7
  -webkit-font-smoothing: antialiased;
8
8
  -moz-osx-font-smoothing: grayscale;
@@ -101,6 +101,10 @@
101
101
  content: "\e976";
102
102
  }
103
103
 
104
+ .pf-icon-data-processor:before {
105
+ content: "\e97b";
106
+ }
107
+
104
108
  .pf-icon-data-sink:before {
105
109
  content: "\e978";
106
110
  }
package/components/CalendarMonth/calendar-month.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
17
17
  --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
18
18
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
19
- --pf-c-calendar-month__header-year--Width: 8ch;
19
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
20
20
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
21
21
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
22
22
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
package/components/CalendarMonth/calendar-month.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  // header
10
10
  --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
11
- --pf-c-calendar-month__header-year--Width: 8ch;
11
+ --pf-c-calendar-month__header-year--Width: 8.5ch;
12
12
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
13
13
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
14
14
  --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0; // remove in breaking change
package/components/Content/content.css CHANGED
@@ -127,6 +127,12 @@
127
127
  .pf-c-content ul {
128
128
  margin: 0;
129
129
  }
130
+ .pf-c-content ol.pf-m-plain,
131
+ .pf-c-content ul.pf-m-plain {
132
+ padding-left: 0;
133
+ margin-left: 0;
134
+ list-style: none;
135
+ }
130
136
  .pf-c-content h1 {
131
137
  margin-top: var(--pf-c-content--h1--MarginTop);
132
138
  margin-bottom: var(--pf-c-content--h1--MarginBottom);
package/components/Content/content.scss CHANGED
@@ -159,6 +159,14 @@
159
159
  ol,
160
160
  ul {
161
161
  margin: 0;
162
+
163
+ // stylelint-disable selector-no-qualifying-type
164
+ &.pf-m-plain {
165
+ padding-left: 0;
166
+ margin-left: 0;
167
+ list-style: none;
168
+ }
169
+ // stylelint-enable
162
170
  }
163
171
 
164
172
  h1 {
package/components/Pagination/pagination.css CHANGED
@@ -247,24 +247,6 @@
247
247
  .pf-c-pagination.pf-m-inset-2xl {
248
248
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
249
249
  }
250
- .pf-c-pagination.pf-m-inset-none {
251
- --pf-c-pagination--inset: 0;
252
- }
253
- .pf-c-pagination.pf-m-inset-sm {
254
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
255
- }
256
- .pf-c-pagination.pf-m-inset-md {
257
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
258
- }
259
- .pf-c-pagination.pf-m-inset-lg {
260
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
261
- }
262
- .pf-c-pagination.pf-m-inset-xl {
263
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
264
- }
265
- .pf-c-pagination.pf-m-inset-2xl {
266
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
267
- }
268
250
  @media (min-width: 576px) {
269
251
  .pf-c-pagination.pf-m-display-summary-on-sm {
270
252
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -294,24 +276,6 @@
294
276
  .pf-c-pagination.pf-m-inset-2xl-on-sm {
295
277
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
296
278
  }
297
- .pf-c-pagination.pf-m-inset-none-on-sm {
298
- --pf-c-pagination--inset: 0;
299
- }
300
- .pf-c-pagination.pf-m-inset-sm-on-sm {
301
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
302
- }
303
- .pf-c-pagination.pf-m-inset-md-on-sm {
304
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
305
- }
306
- .pf-c-pagination.pf-m-inset-lg-on-sm {
307
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
308
- }
309
- .pf-c-pagination.pf-m-inset-xl-on-sm {
310
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
311
- }
312
- .pf-c-pagination.pf-m-inset-2xl-on-sm {
313
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
314
- }
315
279
  }
316
280
  @media (min-width: 768px) {
317
281
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -342,24 +306,6 @@
342
306
  .pf-c-pagination.pf-m-inset-2xl-on-md {
343
307
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
344
308
  }
345
- .pf-c-pagination.pf-m-inset-none-on-md {
346
- --pf-c-pagination--inset: 0;
347
- }
348
- .pf-c-pagination.pf-m-inset-sm-on-md {
349
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
350
- }
351
- .pf-c-pagination.pf-m-inset-md-on-md {
352
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
353
- }
354
- .pf-c-pagination.pf-m-inset-lg-on-md {
355
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
356
- }
357
- .pf-c-pagination.pf-m-inset-xl-on-md {
358
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
359
- }
360
- .pf-c-pagination.pf-m-inset-2xl-on-md {
361
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
362
- }
363
309
  }
364
310
  @media (min-width: 992px) {
365
311
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -390,24 +336,6 @@
390
336
  .pf-c-pagination.pf-m-inset-2xl-on-lg {
391
337
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
392
338
  }
393
- .pf-c-pagination.pf-m-inset-none-on-lg {
394
- --pf-c-pagination--inset: 0;
395
- }
396
- .pf-c-pagination.pf-m-inset-sm-on-lg {
397
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
398
- }
399
- .pf-c-pagination.pf-m-inset-md-on-lg {
400
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
401
- }
402
- .pf-c-pagination.pf-m-inset-lg-on-lg {
403
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
404
- }
405
- .pf-c-pagination.pf-m-inset-xl-on-lg {
406
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
407
- }
408
- .pf-c-pagination.pf-m-inset-2xl-on-lg {
409
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
410
- }
411
339
  }
412
340
  @media (min-width: 1200px) {
413
341
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -438,24 +366,6 @@
438
366
  .pf-c-pagination.pf-m-inset-2xl-on-xl {
439
367
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
440
368
  }
441
- .pf-c-pagination.pf-m-inset-none-on-xl {
442
- --pf-c-pagination--inset: 0;
443
- }
444
- .pf-c-pagination.pf-m-inset-sm-on-xl {
445
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
446
- }
447
- .pf-c-pagination.pf-m-inset-md-on-xl {
448
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
449
- }
450
- .pf-c-pagination.pf-m-inset-lg-on-xl {
451
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
452
- }
453
- .pf-c-pagination.pf-m-inset-xl-on-xl {
454
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
455
- }
456
- .pf-c-pagination.pf-m-inset-2xl-on-xl {
457
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
458
- }
459
369
  }
460
370
  @media (min-width: 1450px) {
461
371
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -486,24 +396,6 @@
486
396
  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
487
397
  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
488
398
  }
489
- .pf-c-pagination.pf-m-inset-none-on-2xl {
490
- --pf-c-pagination--inset: 0;
491
- }
492
- .pf-c-pagination.pf-m-inset-sm-on-2xl {
493
- --pf-c-pagination--inset: var(--pf-global--spacer--sm);
494
- }
495
- .pf-c-pagination.pf-m-inset-md-on-2xl {
496
- --pf-c-pagination--inset: var(--pf-global--spacer--md);
497
- }
498
- .pf-c-pagination.pf-m-inset-lg-on-2xl {
499
- --pf-c-pagination--inset: var(--pf-global--spacer--lg);
500
- }
501
- .pf-c-pagination.pf-m-inset-xl-on-2xl {
502
- --pf-c-pagination--inset: var(--pf-global--spacer--xl);
503
- }
504
- .pf-c-pagination.pf-m-inset-2xl-on-2xl {
505
- --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
506
- }
507
399
  }
508
400
 
509
401
  :where(.pf-theme-dark) .pf-c-pagination {
package/components/Pagination/pagination.scss CHANGED
@@ -291,12 +291,6 @@ $pf-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "xl",
291
291
  --pf-c-pagination--inset: #{$spacer-value};
292
292
  }
293
293
  }
294
-
295
- @each $spacer, $spacer-value in $pf-c-pagination--variable-map {
296
- &.pf-m-inset-#{$spacer}#{$breakpoint-name} {
297
- --pf-c-pagination--inset: #{$spacer-value};
298
- }
299
- }
300
294
  }
301
295
  }
302
296
  }
package/components/Tabs/tabs.css CHANGED
@@ -115,7 +115,6 @@
115
115
  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
116
116
  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
117
117
  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
118
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
119
118
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
120
119
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
121
120
  --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -589,9 +588,6 @@
589
588
  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
590
589
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
591
590
  }
592
- .pf-c-tabs__item-action.pf-m-help {
593
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
594
- }
595
591
  .pf-c-tabs__item-action:last-child {
596
592
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
597
593
  }
package/components/Tabs/tabs.scss CHANGED
@@ -147,9 +147,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
147
147
  --pf-c-tabs__item-action--c-button--OutlineOffset: #{pf-size-prem(-3px)};
148
148
  --pf-c-tabs__item-action-icon--MarginTop: #{pf-size-prem(2px)};
149
149
 
150
- // Item help
151
- --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
152
-
153
150
  // Add button
154
151
  --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
155
152
  --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
@@ -707,10 +704,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
707
704
  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
708
705
  }
709
706
 
710
- &.pf-m-help {
711
- --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
712
- }
713
-
714
707
  &:last-child {
715
708
  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
716
709
  }
package/docs/components/Content/examples/Content.md CHANGED
@@ -75,6 +75,33 @@ cssPrefix: pf-c-content
75
75
  <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.
76
76
  </p>
77
77
  <hr />
78
+ <h3>Plain list example</h3>
79
+ <ol class="pf-m-plain">
80
+ <li>Donec blandit a lorem id convallis.</li>
81
+ <li>Cras gravida arcu at diam gravida gravida.</li>
82
+ <li>Integer in volutpat libero.</li>
83
+ <li>Donec a diam tellus.</li>
84
+ <li>
85
+ Etiam auctor nisl et.
86
+ <ul>
87
+ <li>Regular list</li>
88
+ <li>Donec blandit a lorem id convallis.</li>
89
+ <li>Cras gravida arcu at diam gravida gravida.</li>
90
+ <li>
91
+ Integer in volutpat libero.
92
+ <ol class="pf-m-plain">
93
+ <li>Nested plain list</li>
94
+ <li>Donec blandit a lorem id convallis.</li>
95
+ <li>Cras gravida arcu at diam gravida gravida.</li>
96
+ </ol>
97
+ </li>
98
+ </ul>
99
+ </li>
100
+ <li>Aenean nec tortor orci.</li>
101
+ <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
102
+ <li>Vivamus maximus ultricies pulvinar.</li>
103
+ </ol>
104
+ <hr />
78
105
  <h3>Visited link example</h3>
79
106
  <p>
80
107
  <a class="pf-m-visited" href>Visited link</a>
@@ -152,3 +179,4 @@ This component is an exception to the variable system since we style type select
152
179
  | --------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
153
180
  | `.pf-c-content` | `<div>`, `<section>`, or `<article>` | Generates vertical rhythm and typographic treatment to html elements. |
154
181
  | `.pf-m-visited` | `.pf-c-content`, `<a>` | Modifies all links in a content block to include visited styles. Can also be applied to a single link in a content block. |
182
+ | `.pf-m-plain` | `<ul>`, `<ol>` | Removes the list marker and indentation. |