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

package/RELEASE-NOTES.md

@@ -3,6 +3,23 @@ id: Release notes
 section: developer-resources
 releaseNoteTOC: true
 ---
+## 2023.01 release notes (2023-01-25)
+Packages released:
+- [@patternfly/patternfly@v4.224.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.224.2)
+
+### Components
+- **Calendar month:** Updated year width to not truncate ([#5316](https://github.com/patternfly/patternfly/pull/5316))
+- **Card:** Removed unnecessary class from labels in demos ([#5306](https://github.com/patternfly/patternfly/pull/5306))
+- **Charts:** Removed dupe vars ([#5312](https://github.com/patternfly/patternfly/pull/5312))
+- **Content:** Added plain list variation ([#5337](https://github.com/patternfly/patternfly/pull/5337))
+- **Tabs:** Removed help action specific styling ([#5330](https://github.com/patternfly/patternfly/pull/5330))
+- **Wizard:** Fixed demo footer layout ([#5317](https://github.com/patternfly/patternfly/pull/5317))
+
+### Other
+- **Icons:** Added data-processor icon ([#5284](https://github.com/patternfly/patternfly/pull/5284))
+- **Workspace:** Cleaned up beta tags for v4 ([#5329](https://github.com/patternfly/patternfly/pull/5329))
+
+
 ## 2022.16 release notes (2022-12-09)
 Packages released:
 - [@patternfly/patternfly@v4.222.4](https://www.npmjs.com/package/@patternfly/patternfly/v/4.222.4)

package/assets/icons/iconUnicodes.json

@@ -21,6 +21,7 @@
   "pf-icon-container-node": "E621",
   "pf-icon-cpu": "E927",
   "pf-icon-critical-risk": "E976",
+  "pf-icon-data-processor": "E97B",
   "pf-icon-data-sink": "E978",
   "pf-icon-data-source": "E979",
   "pf-icon-degraded": "E91B",

package/assets/pficon/pficon.scss

@@ -89,6 +89,9 @@
 	@if $filename == critical-risk {
 		$char: '\E976';
 	}
+	@if $filename == data-processor {
+		$char: '\E97B';
+	}
 	@if $filename == data-sink {
 		$char: '\E978';
 	}
@@ -485,6 +488,9 @@
 .pf-icon-critical-risk {
 	@include pf-icon(critical-risk);
 }
+.pf-icon-data-processor {
+	@include pf-icon(data-processor);
+}
 .pf-icon-data-sink {
 	@include pf-icon(data-sink);
 }

package/base/_chart-globals.scss

@@ -164,10 +164,6 @@ $pf-chart-bullet--comparative-measure--warning--Fill--Color: $pf-chart-global--w
 $pf-chart-bullet--comparative-measure--warning--stroke--Color: $pf-chart-global--warning--Color--100;
 $pf-chart-bullet--comparative-measure--warning--stroke--Width: $pf-chart-global--stroke--Width--sm;
 $pf-chart-bullet--comparative-measure--warning--Width: 30;
-$pf-chart-bullet--comparative-measure--Fill--Color: $pf-chart-global--Fill--Color--700;
-$pf-chart-bullet--comparative-measure--stroke--Color: $pf-chart-global--Fill--Color--700;
-$pf-chart-bullet--comparative-measure--stroke--Width: $pf-chart-global--stroke--Width--xs;
-$pf-chart-bullet--comparative-measure--Width: 30;
 $pf-chart-bullet--group-title--divider--Fill--Color: $pf-color-black-200;
 $pf-chart-bullet--group-title--divider--stroke--Color: $pf-color-black-200;
 $pf-chart-bullet--group-title--divider--stroke--Width: $pf-chart-global--stroke--Width--sm;

package/base/patternfly-icons.css

@@ -4190,7 +4190,7 @@
   font-family: "pficon";
   src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
 }
-.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 {
+.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 {
   font-family: "pficon";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -4289,6 +4289,10 @@
   content: "\e976";
 }
 
+.pf-icon-data-processor:before {
+  content: "\e97b";
+}
+
 .pf-icon-data-sink:before {
   content: "\e978";
 }

package/base/patternfly-pf-icons.css

@@ -2,7 +2,7 @@
   font-family: "pficon";
   src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
 }
-.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 {
+.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 {
   font-family: "pficon";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -101,6 +101,10 @@
   content: "\e976";
 }
 
+.pf-icon-data-processor:before {
+  content: "\e97b";
+}
+
 .pf-icon-data-sink:before {
   content: "\e978";
 }

package/components/CalendarMonth/calendar-month.css

@@ -16,7 +16,7 @@
   --pf-c-calendar-month--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-calendar-month--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-calendar-month__header-year--Width: 8ch;
+  --pf-c-calendar-month__header-year--Width: 8.5ch;
   --pf-c-calendar-month__header-nav-control--MarginRight: 0;
   --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
   --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;

package/components/CalendarMonth/calendar-month.scss

@@ -8,7 +8,7 @@
 
   // header
   --pf-c-calendar-month__header--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-calendar-month__header-year--Width: 8ch;
+  --pf-c-calendar-month__header-year--Width: 8.5ch;
   --pf-c-calendar-month__header-nav-control--MarginRight: 0;
   --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
   --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0; // remove in breaking change

package/components/ChipGroup/chip-group.css

@@ -15,7 +15,7 @@
   --pf-c-chip-group--PaddingBottom: 0;
   --pf-c-chip-group--PaddingLeft: 0;
   --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
-  --pf-c-chip-group--ColumnGap: var(--pf-global--spacer--sm);
+  --pf-c-chip-group--ColumnGap: 0;
   --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
   --pf-c-chip-group__main--ColumnGap: var(--pf-global--spacer--sm);
   --pf-c-chip-group__list--RowGap: var(--pf-global--spacer--xs);
@@ -30,7 +30,6 @@
   --pf-c-chip-group__label--MaxWidth: 18ch;
   --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
   --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
   max-width: 100%;
   padding-top: var(--pf-c-chip-group--PaddingTop);
   padding-right: var(--pf-c-chip-group--PaddingRight);
@@ -89,5 +88,4 @@
   align-self: flex-start;
   margin-top: var(--pf-c-chip-group__close--MarginTop);
   margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
-  margin-left: var(--pf-c-chip-group__close--MarginLeft);
 }

package/components/ChipGroup/chip-group.scss

@@ -8,7 +8,7 @@
   --pf-c-chip-group--PaddingBottom: 0;
   --pf-c-chip-group--PaddingLeft: 0;
   --pf-c-chip-group--RowGap: var(--pf-global--spacer--sm);
-  --pf-c-chip-group--ColumnGap: var(--pf-global--spacer--sm);
+  --pf-c-chip-group--ColumnGap: 0;
 
   // Chip group main - spaces the category label and list
   --pf-c-chip-group__main--RowGap: var(--pf-global--spacer--xs);
@@ -31,10 +31,8 @@
   --pf-c-chip-group__label--MaxWidth: 18ch;
 
   // Chip group close - negative margin stretches height for click area
-  // margin-left supports legacy chip group
   --pf-c-chip-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
   --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-chip-group__close--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
 
   max-width: 100%;
   padding-top: var(--pf-c-chip-group--PaddingTop);
@@ -95,5 +93,4 @@
   align-self: flex-start;
   margin-top: var(--pf-c-chip-group__close--MarginTop);
   margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
-  margin-left: var(--pf-c-chip-group__close--MarginLeft);
 }

package/components/Content/content.css

@@ -127,6 +127,12 @@
 .pf-c-content ul {
   margin: 0;
 }
+.pf-c-content ol.pf-m-plain,
+.pf-c-content ul.pf-m-plain {
+  padding-left: 0;
+  margin-left: 0;
+  list-style: none;
+}
 .pf-c-content h1 {
   margin-top: var(--pf-c-content--h1--MarginTop);
   margin-bottom: var(--pf-c-content--h1--MarginBottom);

package/components/Content/content.scss

@@ -159,6 +159,14 @@
   ol,
   ul {
     margin: 0;
+
+    // stylelint-disable selector-no-qualifying-type
+    &.pf-m-plain {
+      padding-left: 0;
+      margin-left: 0;
+      list-style: none;
+    }
+    // stylelint-enable
   }
 
   h1 {

package/components/Pagination/pagination.css

@@ -247,24 +247,6 @@
 .pf-c-pagination.pf-m-inset-2xl {
   --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
 }
-.pf-c-pagination.pf-m-inset-none {
-  --pf-c-pagination--inset: 0;
-}
-.pf-c-pagination.pf-m-inset-sm {
-  --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-}
-.pf-c-pagination.pf-m-inset-md {
-  --pf-c-pagination--inset: var(--pf-global--spacer--md);
-}
-.pf-c-pagination.pf-m-inset-lg {
-  --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-}
-.pf-c-pagination.pf-m-inset-xl {
-  --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-}
-.pf-c-pagination.pf-m-inset-2xl {
-  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-}
 @media (min-width: 576px) {
   .pf-c-pagination.pf-m-display-summary-on-sm {
     --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -294,24 +276,6 @@
   .pf-c-pagination.pf-m-inset-2xl-on-sm {
     --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
   }
-  .pf-c-pagination.pf-m-inset-none-on-sm {
-    --pf-c-pagination--inset: 0;
-  }
-  .pf-c-pagination.pf-m-inset-sm-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-  }
-  .pf-c-pagination.pf-m-inset-md-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
-  }
-  .pf-c-pagination.pf-m-inset-lg-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-  }
-  .pf-c-pagination.pf-m-inset-xl-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-  }
-  .pf-c-pagination.pf-m-inset-2xl-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-  }
 }
 @media (min-width: 768px) {
   .pf-c-pagination.pf-m-display-summary-on-md {
@@ -342,24 +306,6 @@
   .pf-c-pagination.pf-m-inset-2xl-on-md {
     --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
   }
-  .pf-c-pagination.pf-m-inset-none-on-md {
-    --pf-c-pagination--inset: 0;
-  }
-  .pf-c-pagination.pf-m-inset-sm-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-  }
-  .pf-c-pagination.pf-m-inset-md-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
-  }
-  .pf-c-pagination.pf-m-inset-lg-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-  }
-  .pf-c-pagination.pf-m-inset-xl-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-  }
-  .pf-c-pagination.pf-m-inset-2xl-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-  }
 }
 @media (min-width: 992px) {
   .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -390,24 +336,6 @@
   .pf-c-pagination.pf-m-inset-2xl-on-lg {
     --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
   }
-  .pf-c-pagination.pf-m-inset-none-on-lg {
-    --pf-c-pagination--inset: 0;
-  }
-  .pf-c-pagination.pf-m-inset-sm-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-  }
-  .pf-c-pagination.pf-m-inset-md-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
-  }
-  .pf-c-pagination.pf-m-inset-lg-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-  }
-  .pf-c-pagination.pf-m-inset-xl-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-  }
-  .pf-c-pagination.pf-m-inset-2xl-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-  }
 }
 @media (min-width: 1200px) {
   .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -438,24 +366,6 @@
   .pf-c-pagination.pf-m-inset-2xl-on-xl {
     --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
   }
-  .pf-c-pagination.pf-m-inset-none-on-xl {
-    --pf-c-pagination--inset: 0;
-  }
-  .pf-c-pagination.pf-m-inset-sm-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-  }
-  .pf-c-pagination.pf-m-inset-md-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
-  }
-  .pf-c-pagination.pf-m-inset-lg-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-  }
-  .pf-c-pagination.pf-m-inset-xl-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-  }
-  .pf-c-pagination.pf-m-inset-2xl-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-  }
 }
 @media (min-width: 1450px) {
   .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -486,24 +396,6 @@
   .pf-c-pagination.pf-m-inset-2xl-on-2xl {
     --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
   }
-  .pf-c-pagination.pf-m-inset-none-on-2xl {
-    --pf-c-pagination--inset: 0;
-  }
-  .pf-c-pagination.pf-m-inset-sm-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
-  }
-  .pf-c-pagination.pf-m-inset-md-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
-  }
-  .pf-c-pagination.pf-m-inset-lg-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
-  }
-  .pf-c-pagination.pf-m-inset-xl-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
-  }
-  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
-  }
 }
 
 :where(.pf-theme-dark) .pf-c-pagination {

package/components/Pagination/pagination.scss

@@ -291,12 +291,6 @@ $pf-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "xl",
           --pf-c-pagination--inset: #{$spacer-value};
         }
       }
-
-      @each $spacer, $spacer-value in $pf-c-pagination--variable-map {
-        &.pf-m-inset-#{$spacer}#{$breakpoint-name} {
-          --pf-c-pagination--inset: #{$spacer-value};
-        }
-      }
     }
   }
 }

package/components/Popover/popover.css

@@ -173,7 +173,7 @@
 
 :where(.pf-theme-dark) .pf-c-popover {
   --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
+  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
   --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
   --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
   --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);

package/components/Popover/themes/dark/popover.scss

@@ -3,7 +3,7 @@
 @mixin pf-theme-dark-popover() {
   .pf-c-popover {
     --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
-    --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
+    --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
     --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
     --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
     --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);

package/components/Tabs/tabs.css

@@ -115,7 +115,6 @@
   --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
   --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
-  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
   --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -589,9 +588,6 @@
   --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
   outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
 }
-.pf-c-tabs__item-action.pf-m-help {
-  --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
-}
 .pf-c-tabs__item-action:last-child {
   --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
 }

package/components/Tabs/tabs.scss

@@ -147,9 +147,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
   --pf-c-tabs__item-action--c-button--OutlineOffset: #{pf-size-prem(-3px)};
   --pf-c-tabs__item-action-icon--MarginTop: #{pf-size-prem(2px)};
 
-  // Item help
-  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
-
   // Add button
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --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");
     outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
   }
 
-  &.pf-m-help {
-    --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
-  }
-
   &:last-child {
     --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
   }

package/components/Tooltip/themes/dark/tooltip.scss

@@ -3,13 +3,6 @@
 @mixin pf-theme-dark-tooltip() {
   .pf-c-tooltip {
     --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
-    --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
-  }
-
-  .pf-c-tooltip__arrow {
-    --pf-c-tooltip__arrow--Width: #{pf-size-prem(15px)};
-    --pf-c-tooltip__arrow--Height: #{pf-size-prem(15px)};
-
-    box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
+    --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
   }
 }

package/components/Tooltip/tooltip.css

@@ -8,8 +8,10 @@
   --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
   --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
   --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-tooltip__arrow--Width: 0.5rem;
-  --pf-c-tooltip__arrow--Height: 0.5rem;
+  --pf-c-tooltip__arrow--Width: 0.9375rem;
+  --pf-c-tooltip__arrow--Height: 0.9375rem;
+  --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
+  --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
   --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
   --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -79,15 +81,11 @@
   width: var(--pf-c-tooltip__arrow--Width);
   height: var(--pf-c-tooltip__arrow--Height);
   pointer-events: none;
-  background-color: var(--pf-c-tooltip__content--BackgroundColor);
+  background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
+  box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
 }
 
 :where(.pf-theme-dark) .pf-c-tooltip {
   --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
-}
-:where(.pf-theme-dark) .pf-c-tooltip__arrow {
-  --pf-c-tooltip__arrow--Width: 0.9375rem;
-  --pf-c-tooltip__arrow--Height: 0.9375rem;
-  box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
+  --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }

package/components/Tooltip/tooltip.scss

@@ -13,8 +13,10 @@
   --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
 
   // Arrow variables
-  --pf-c-tooltip__arrow--Width: #{pf-size-prem(8px)};
-  --pf-c-tooltip__arrow--Height: #{pf-size-prem(8px)};
+  --pf-c-tooltip__arrow--Width: #{pf-size-prem(15px)};
+  --pf-c-tooltip__arrow--Height: #{pf-size-prem(15px)};
+  --pf-c-tooltip__arrow--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
+  --pf-c-tooltip__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
   --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
   --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -122,7 +124,8 @@
   width: var(--pf-c-tooltip__arrow--Width);
   height: var(--pf-c-tooltip__arrow--Height);
   pointer-events: none;
-  background-color: var(--pf-c-tooltip__content--BackgroundColor);
+  background-color: var(--pf-c-tooltip__arrow--BackgroundColor);
+  box-shadow: var(--pf-c-tooltip__arrow--BoxShadow);
 }
 
 // stylelint-disable no-invalid-position-at-import-rule

package/docs/components/Check/examples/Check.md

@@ -97,22 +97,18 @@ cssPrefix: pf-c-check
     type="checkbox"
     id="check-disabled"
     name="check-disabled"
-    disabled
   />
 
-  <label
-    class="pf-c-check__label pf-m-disabled"
-    for="check-disabled"
-  >Check disabled</label>
+  <label class="pf-c-check__label" for="check-disabled">Check disabled</label>
 </div>
 <div class="pf-c-check">
   <input
     class="pf-c-check__input"
     type="checkbox"
+    disabled
     id="check-disabled-2"
     name="check-disabled-2"
     checked
-    disabled
   />
 
   <label