@patternfly/patternfly 5.0.0-alpha.50 → 5.0.0-alpha.52

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 (75) hide show
  1. package/UPGRADE-GUIDE.md +1 -1
  2. package/assets/icons/iconUnicodes.json +129 -128
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +402 -267
  5. package/base/_icons.scss +1 -1
  6. package/base/patternfly-icons.css +136 -132
  7. package/base/patternfly-pf-icons.css +136 -132
  8. package/base/patternfly-pf-icons.scss +1 -1
  9. package/base/patternfly-variables.css +2 -2
  10. package/components/AboutModalBox/about-modal-box.css +1 -20
  11. package/components/AboutModalBox/about-modal-box.scss +3 -24
  12. package/components/BackgroundImage/background-image.css +1 -2
  13. package/components/BackgroundImage/background-image.scss +1 -2
  14. package/components/FormControl/form-control.css +0 -7
  15. package/components/FormControl/form-control.scss +7 -7
  16. package/components/Icon/icon.css +25 -24
  17. package/components/Icon/icon.scss +30 -31
  18. package/components/NotificationBadge/notification-badge.css +2 -2
  19. package/components/NotificationBadge/notification-badge.scss +2 -2
  20. package/components/ProgressStepper/progress-stepper.css +1 -1
  21. package/components/ProgressStepper/progress-stepper.scss +1 -1
  22. package/components/_all.scss +1 -1
  23. package/docs/components/AboutModalBox/examples/AboutModalBox.md +7 -9
  24. package/docs/components/Avatar/examples/Avatar.css +1 -1
  25. package/docs/components/BackgroundImage/examples/BackgroundImage.md +7 -11
  26. package/docs/components/CodeEditor/examples/CodeEditor.md +1 -1
  27. package/docs/components/Form/examples/Form.md +11 -11
  28. package/docs/components/Label/examples/Label.md +1220 -1
  29. package/docs/components/Login/examples/Login.md +20 -5
  30. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  31. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  32. package/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  33. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  34. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  35. package/docs/components/Table/examples/Table.md +2 -2
  36. package/docs/components/Tabs/examples/Tabs.md +102 -102
  37. package/docs/demos/AboutModal/examples/AboutModal.md +6 -3
  38. package/docs/demos/Alert/examples/Alert.md +6 -6
  39. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  40. package/docs/demos/Banner/examples/Banner.md +4 -4
  41. package/docs/demos/CardView/examples/CardView.md +2 -2
  42. package/docs/demos/ContextSelector/examples/ContextSelector.md +6 -6
  43. package/docs/demos/Dashboard/examples/Dashboard.md +7 -7
  44. package/docs/demos/DataList/examples/DataList.md +8 -8
  45. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  46. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  47. package/docs/demos/Form/examples/BasicForms.md +10 -10
  48. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  49. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  50. package/docs/demos/Modal/examples/Modal.md +15 -15
  51. package/docs/demos/Nav/examples/Nav.md +16 -16
  52. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +15 -15
  53. package/docs/demos/Page/examples/Page.md +18 -18
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -14
  57. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  58. package/docs/demos/Table/examples/Table.md +32 -32
  59. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  60. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  61. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  62. package/icons/{pf-icons.mjs → pficons.mjs} +1 -0
  63. package/package.json +1 -1
  64. package/patternfly-base-no-globals.css +138 -134
  65. package/patternfly-base.css +138 -134
  66. package/patternfly-no-globals.css +168 -190
  67. package/patternfly.css +168 -190
  68. package/patternfly.min.css +1 -1
  69. package/patternfly.min.css.map +1 -1
  70. package/sass-utilities/scss-variables.scss +2 -5
  71. package/assets/pficon/pficon.woff2 +0 -0
  72. package/docs/components/LabelGroup/examples/LabelGroup.md +0 -1222
  73. /package/base/{_pf-icons.scss → _pficons.scss} +0 -0
  74. /package/components/{LabelGroup → Label}/label-group.css +0 -0
  75. /package/components/{LabelGroup → Label}/label-group.scss +0 -0
@@ -276,8 +276,8 @@
276
276
  --pf-v5-global--BorderRadius--lg: 30em;
277
277
  --pf-v5-global--icon--Color--light: #6a6e73;
278
278
  --pf-v5-global--icon--Color--dark: #151515;
279
- --pf-v5-global--icon--FontSize--sm: 0.625rem;
280
- --pf-v5-global--icon--FontSize--md: 1.125rem;
279
+ --pf-v5-global--icon--FontSize--sm: 0.75rem;
280
+ --pf-v5-global--icon--FontSize--md: 1rem;
281
281
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
282
282
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
283
283
  --pf-v5-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
@@ -4786,11 +4786,11 @@
4786
4786
  }
4787
4787
 
4788
4788
  @font-face {
4789
- font-family: "pficon";
4790
- src: url("./assets/pficon/pficon.woff2") format("woff2");
4789
+ font-family: "pf-v5-pficon";
4790
+ src: url("./assets/pficon/pf-v5-pficon.woff2") format("woff2");
4791
4791
  }
4792
- .pf-v5-c-icon-zone:before, .pf-v5-c-icon-warning-triangle:before, .pf-v5-c-icon-volume:before, .pf-v5-c-icon-virtual-machine:before, .pf-v5-c-icon-users:before, .pf-v5-c-icon-user:before, .pf-v5-c-icon-unplugged:before, .pf-v5-c-icon-unlocked:before, .pf-v5-c-icon-unknown:before, .pf-v5-c-icon-trend-up:before, .pf-v5-c-icon-trend-down:before, .pf-v5-c-icon-topology:before, .pf-v5-c-icon-thumb-tack:before, .pf-v5-c-icon-tenant:before, .pf-v5-c-icon-task:before, .pf-v5-c-icon-storage-domain:before, .pf-v5-c-icon-spinner2:before, .pf-v5-c-icon-spinner:before, .pf-v5-c-icon-services:before, .pf-v5-c-icon-service:before, .pf-v5-c-icon-service-catalog:before, .pf-v5-c-icon-server:before, .pf-v5-c-icon-server-group:before, .pf-v5-c-icon-security:before, .pf-v5-c-icon-screen:before, .pf-v5-c-icon-save:before, .pf-v5-c-icon-running:before, .pf-v5-c-icon-resources-full:before, .pf-v5-c-icon-resources-empty:before, .pf-v5-c-icon-resources-almost-full:before, .pf-v5-c-icon-resources-almost-empty:before, .pf-v5-c-icon-resource-pool:before, .pf-v5-c-icon-repository:before, .pf-v5-c-icon-replicator:before, .pf-v5-c-icon-remove2:before, .pf-v5-c-icon-registry:before, .pf-v5-c-icon-regions:before, .pf-v5-c-icon-rebooting:before, .pf-v5-c-icon-rebalance:before, .pf-v5-c-icon-project:before, .pf-v5-c-icon-process-automation:before, .pf-v5-c-icon-private:before, .pf-v5-c-icon-print:before, .pf-v5-c-icon-port:before, .pf-v5-c-icon-plugged:before, .pf-v5-c-icon-pficon-vcenter:before, .pf-v5-c-icon-pficon-template:before, .pf-v5-c-icon-pficon-sort-common-desc:before, .pf-v5-c-icon-pficon-sort-common-asc:before, .pf-v5-c-icon-pficon-satellite:before, .pf-v5-c-icon-pficon-network-range:before, .pf-v5-c-icon-pficon-history:before, .pf-v5-c-icon-pficon-dragdrop:before, .pf-v5-c-icon-pending:before, .pf-v5-c-icon-paused:before, .pf-v5-c-icon-panel-open:before, .pf-v5-c-icon-panel-close:before, .pf-v5-c-icon-package:before, .pf-v5-c-icon-os-image:before, .pf-v5-c-icon-orders:before, .pf-v5-c-icon-optimize:before, .pf-v5-c-icon-openstack:before, .pf-v5-c-icon-openshift:before, .pf-v5-c-icon-open-drawer-right:before, .pf-v5-c-icon-on:before, .pf-v5-c-icon-on-running:before, .pf-v5-c-icon-ok:before, .pf-v5-c-icon-off:before, .pf-v5-c-icon-not-started:before, .pf-v5-c-icon-new-process:before, .pf-v5-c-icon-network:before, .pf-v5-c-icon-namespaces:before, .pf-v5-c-icon-monitoring:before, .pf-v5-c-icon-module:before, .pf-v5-c-icon-migration:before, .pf-v5-c-icon-middleware:before, .pf-v5-c-icon-messages:before, .pf-v5-c-icon-memory:before, .pf-v5-c-icon-maintenance:before, .pf-v5-c-icon-locked:before, .pf-v5-c-icon-key:before, .pf-v5-c-icon-integration:before, .pf-v5-c-icon-infrastructure:before, .pf-v5-c-icon-info:before, .pf-v5-c-icon-in-progress:before, .pf-v5-c-icon-import:before, .pf-v5-c-icon-home:before, .pf-v5-c-icon-history:before, .pf-v5-c-icon-help:before, .pf-v5-c-icon-globe-route:before, .pf-v5-c-icon-folder-open:before, .pf-v5-c-icon-folder-close:before, .pf-v5-c-icon-flavor:before, .pf-v5-c-icon-filter:before, .pf-v5-c-icon-export:before, .pf-v5-c-icon-error-circle-o:before, .pf-v5-c-icon-equalizer:before, .pf-v5-c-icon-enterprise:before, .pf-v5-c-icon-enhancement:before, .pf-v5-c-icon-edit:before, .pf-v5-c-icon-domain:before, .pf-v5-c-icon-disconnected:before, .pf-v5-c-icon-degraded:before, .pf-v5-c-icon-data-source:before, .pf-v5-c-icon-data-sink:before, .pf-v5-c-icon-data-processor:before, .pf-v5-c-icon-critical-risk:before, .pf-v5-c-icon-cpu:before, .pf-v5-c-icon-container-node:before, .pf-v5-c-icon-connected:before, .pf-v5-c-icon-cluster:before, .pf-v5-c-icon-cloud-tenant:before, .pf-v5-c-icon-cloud-security:before, .pf-v5-c-icon-close:before, .pf-v5-c-icon-chat:before, .pf-v5-c-icon-catalog:before, .pf-v5-c-icon-bundle:before, .pf-v5-c-icon-builder-image:before, .pf-v5-c-icon-build:before, .pf-v5-c-icon-blueprint:before, .pf-v5-c-icon-bell:before, .pf-v5-c-icon-automation:before, .pf-v5-c-icon-attention-bell:before, .pf-v5-c-icon-asleep:before, .pf-v5-c-icon-arrow:before, .pf-v5-c-icon-applications:before, .pf-v5-c-icon-ansible-tower:before, .pf-v5-c-icon-add-circle-o:before {
4793
- font-family: "pficon";
4792
+ .pf-v5-pficon-zone:before, .pf-v5-pficon-warning-triangle:before, .pf-v5-pficon-volume:before, .pf-v5-pficon-virtual-machine:before, .pf-v5-pficon-users:before, .pf-v5-pficon-user:before, .pf-v5-pficon-unplugged:before, .pf-v5-pficon-unlocked:before, .pf-v5-pficon-unknown:before, .pf-v5-pficon-trend-up:before, .pf-v5-pficon-trend-down:before, .pf-v5-pficon-topology:before, .pf-v5-pficon-thumb-tack:before, .pf-v5-pficon-tenant:before, .pf-v5-pficon-task:before, .pf-v5-pficon-storage-domain:before, .pf-v5-pficon-spinner2:before, .pf-v5-pficon-spinner:before, .pf-v5-pficon-services:before, .pf-v5-pficon-service:before, .pf-v5-pficon-service-catalog:before, .pf-v5-pficon-server:before, .pf-v5-pficon-server-group:before, .pf-v5-pficon-security:before, .pf-v5-pficon-screen:before, .pf-v5-pficon-save:before, .pf-v5-pficon-running:before, .pf-v5-pficon-resources-full:before, .pf-v5-pficon-resources-empty:before, .pf-v5-pficon-resources-almost-full:before, .pf-v5-pficon-resources-almost-empty:before, .pf-v5-pficon-resource-pool:before, .pf-v5-pficon-repository:before, .pf-v5-pficon-replicator:before, .pf-v5-pficon-remove2:before, .pf-v5-pficon-registry:before, .pf-v5-pficon-regions:before, .pf-v5-pficon-rebooting:before, .pf-v5-pficon-rebalance:before, .pf-v5-pficon-project:before, .pf-v5-pficon-process-automation:before, .pf-v5-pficon-private:before, .pf-v5-pficon-print:before, .pf-v5-pficon-port:before, .pf-v5-pficon-plugged:before, .pf-v5-pficon-pficon-vcenter:before, .pf-v5-pficon-pficon-template:before, .pf-v5-pficon-pficon-sort-common-desc:before, .pf-v5-pficon-pficon-sort-common-asc:before, .pf-v5-pficon-pficon-satellite:before, .pf-v5-pficon-pficon-network-range:before, .pf-v5-pficon-pficon-history:before, .pf-v5-pficon-pficon-dragdrop:before, .pf-v5-pficon-pending:before, .pf-v5-pficon-paused:before, .pf-v5-pficon-panel-open:before, .pf-v5-pficon-panel-close:before, .pf-v5-pficon-package:before, .pf-v5-pficon-os-image:before, .pf-v5-pficon-orders:before, .pf-v5-pficon-optimize:before, .pf-v5-pficon-openstack:before, .pf-v5-pficon-openshift:before, .pf-v5-pficon-open-drawer-right:before, .pf-v5-pficon-on:before, .pf-v5-pficon-on-running:before, .pf-v5-pficon-ok:before, .pf-v5-pficon-off:before, .pf-v5-pficon-not-started:before, .pf-v5-pficon-new-process:before, .pf-v5-pficon-network:before, .pf-v5-pficon-namespaces:before, .pf-v5-pficon-multicluster:before, .pf-v5-pficon-monitoring:before, .pf-v5-pficon-module:before, .pf-v5-pficon-migration:before, .pf-v5-pficon-middleware:before, .pf-v5-pficon-messages:before, .pf-v5-pficon-memory:before, .pf-v5-pficon-maintenance:before, .pf-v5-pficon-locked:before, .pf-v5-pficon-key:before, .pf-v5-pficon-integration:before, .pf-v5-pficon-infrastructure:before, .pf-v5-pficon-info:before, .pf-v5-pficon-in-progress:before, .pf-v5-pficon-import:before, .pf-v5-pficon-home:before, .pf-v5-pficon-history:before, .pf-v5-pficon-help:before, .pf-v5-pficon-globe-route:before, .pf-v5-pficon-folder-open:before, .pf-v5-pficon-folder-close:before, .pf-v5-pficon-flavor:before, .pf-v5-pficon-filter:before, .pf-v5-pficon-export:before, .pf-v5-pficon-error-circle-o:before, .pf-v5-pficon-equalizer:before, .pf-v5-pficon-enterprise:before, .pf-v5-pficon-enhancement:before, .pf-v5-pficon-edit:before, .pf-v5-pficon-domain:before, .pf-v5-pficon-disconnected:before, .pf-v5-pficon-degraded:before, .pf-v5-pficon-data-source:before, .pf-v5-pficon-data-sink:before, .pf-v5-pficon-data-processor:before, .pf-v5-pficon-critical-risk:before, .pf-v5-pficon-cpu:before, .pf-v5-pficon-container-node:before, .pf-v5-pficon-connected:before, .pf-v5-pficon-cluster:before, .pf-v5-pficon-cloud-tenant:before, .pf-v5-pficon-cloud-security:before, .pf-v5-pficon-close:before, .pf-v5-pficon-chat:before, .pf-v5-pficon-catalog:before, .pf-v5-pficon-bundle:before, .pf-v5-pficon-builder-image:before, .pf-v5-pficon-build:before, .pf-v5-pficon-blueprint:before, .pf-v5-pficon-bell:before, .pf-v5-pficon-automation:before, .pf-v5-pficon-attention-bell:before, .pf-v5-pficon-asleep:before, .pf-v5-pficon-arrow:before, .pf-v5-pficon-applications:before, .pf-v5-pficon-ansible-tower:before, .pf-v5-pficon-add-circle-o:before {
4793
+ font-family: "pf-v5-pficon";
4794
4794
  -webkit-font-smoothing: antialiased;
4795
4795
  -moz-osx-font-smoothing: grayscale;
4796
4796
  font-style: normal;
@@ -4800,515 +4800,519 @@
4800
4800
  text-transform: none;
4801
4801
  }
4802
4802
 
4803
- .pf-v5-c-icon-add-circle-o:before {
4803
+ .pf-v5-pficon-add-circle-o:before {
4804
4804
  content: "\e61b";
4805
4805
  }
4806
4806
 
4807
- .pf-v5-c-icon-ansible-tower:before {
4807
+ .pf-v5-pficon-ansible-tower:before {
4808
4808
  content: "\e950";
4809
4809
  }
4810
4810
 
4811
- .pf-v5-c-icon-applications:before {
4811
+ .pf-v5-pficon-applications:before {
4812
4812
  content: "\e936";
4813
4813
  }
4814
4814
 
4815
- .pf-v5-c-icon-arrow:before {
4815
+ .pf-v5-pficon-arrow:before {
4816
4816
  content: "\e929";
4817
4817
  }
4818
4818
 
4819
- .pf-v5-c-icon-asleep:before {
4819
+ .pf-v5-pficon-asleep:before {
4820
4820
  content: "\e92e";
4821
4821
  }
4822
4822
 
4823
- .pf-v5-c-icon-attention-bell:before {
4823
+ .pf-v5-pficon-attention-bell:before {
4824
4824
  content: "\e951";
4825
4825
  }
4826
4826
 
4827
- .pf-v5-c-icon-automation:before {
4827
+ .pf-v5-pficon-automation:before {
4828
4828
  content: "\e937";
4829
4829
  }
4830
4830
 
4831
- .pf-v5-c-icon-bell:before {
4831
+ .pf-v5-pficon-bell:before {
4832
4832
  content: "\e952";
4833
4833
  }
4834
4834
 
4835
- .pf-v5-c-icon-blueprint:before {
4835
+ .pf-v5-pficon-blueprint:before {
4836
4836
  content: "\e915";
4837
4837
  }
4838
4838
 
4839
- .pf-v5-c-icon-build:before {
4839
+ .pf-v5-pficon-build:before {
4840
4840
  content: "\e902";
4841
4841
  }
4842
4842
 
4843
- .pf-v5-c-icon-builder-image:before {
4843
+ .pf-v5-pficon-builder-image:before {
4844
4844
  content: "\e800";
4845
4845
  }
4846
4846
 
4847
- .pf-v5-c-icon-bundle:before {
4847
+ .pf-v5-pficon-bundle:before {
4848
4848
  content: "\e918";
4849
4849
  }
4850
4850
 
4851
- .pf-v5-c-icon-catalog:before {
4851
+ .pf-v5-pficon-catalog:before {
4852
4852
  content: "\e953";
4853
4853
  }
4854
4854
 
4855
- .pf-v5-c-icon-chat:before {
4855
+ .pf-v5-pficon-chat:before {
4856
4856
  content: "\e954";
4857
4857
  }
4858
4858
 
4859
- .pf-v5-c-icon-close:before {
4859
+ .pf-v5-pficon-close:before {
4860
4860
  content: "\e60b";
4861
4861
  }
4862
4862
 
4863
- .pf-v5-c-icon-cloud-security:before {
4863
+ .pf-v5-pficon-cloud-security:before {
4864
4864
  content: "\e903";
4865
4865
  }
4866
4866
 
4867
- .pf-v5-c-icon-cloud-tenant:before {
4867
+ .pf-v5-pficon-cloud-tenant:before {
4868
4868
  content: "\e904";
4869
4869
  }
4870
4870
 
4871
- .pf-v5-c-icon-cluster:before {
4871
+ .pf-v5-pficon-cluster:before {
4872
4872
  content: "\e620";
4873
4873
  }
4874
4874
 
4875
- .pf-v5-c-icon-connected:before {
4875
+ .pf-v5-pficon-connected:before {
4876
4876
  content: "\e938";
4877
4877
  }
4878
4878
 
4879
- .pf-v5-c-icon-container-node:before {
4879
+ .pf-v5-pficon-container-node:before {
4880
4880
  content: "\e621";
4881
4881
  }
4882
4882
 
4883
- .pf-v5-c-icon-cpu:before {
4883
+ .pf-v5-pficon-cpu:before {
4884
4884
  content: "\e927";
4885
4885
  }
4886
4886
 
4887
- .pf-v5-c-icon-critical-risk:before {
4887
+ .pf-v5-pficon-critical-risk:before {
4888
4888
  content: "\e976";
4889
4889
  }
4890
4890
 
4891
- .pf-v5-c-icon-data-processor:before {
4891
+ .pf-v5-pficon-data-processor:before {
4892
4892
  content: "\e97b";
4893
4893
  }
4894
4894
 
4895
- .pf-v5-c-icon-data-sink:before {
4895
+ .pf-v5-pficon-data-sink:before {
4896
4896
  content: "\e978";
4897
4897
  }
4898
4898
 
4899
- .pf-v5-c-icon-data-source:before {
4899
+ .pf-v5-pficon-data-source:before {
4900
4900
  content: "\e979";
4901
4901
  }
4902
4902
 
4903
- .pf-v5-c-icon-degraded:before {
4903
+ .pf-v5-pficon-degraded:before {
4904
4904
  content: "\e91b";
4905
4905
  }
4906
4906
 
4907
- .pf-v5-c-icon-disconnected:before {
4907
+ .pf-v5-pficon-disconnected:before {
4908
4908
  content: "\e955";
4909
4909
  }
4910
4910
 
4911
- .pf-v5-c-icon-domain:before {
4911
+ .pf-v5-pficon-domain:before {
4912
4912
  content: "\e919";
4913
4913
  }
4914
4914
 
4915
- .pf-v5-c-icon-edit:before {
4915
+ .pf-v5-pficon-edit:before {
4916
4916
  content: "\e60a";
4917
4917
  }
4918
4918
 
4919
- .pf-v5-c-icon-enhancement:before {
4919
+ .pf-v5-pficon-enhancement:before {
4920
4920
  content: "\e93a";
4921
4921
  }
4922
4922
 
4923
- .pf-v5-c-icon-enterprise:before {
4923
+ .pf-v5-pficon-enterprise:before {
4924
4924
  content: "\e906";
4925
4925
  }
4926
4926
 
4927
- .pf-v5-c-icon-equalizer:before {
4927
+ .pf-v5-pficon-equalizer:before {
4928
4928
  content: "\e956";
4929
4929
  }
4930
4930
 
4931
- .pf-v5-c-icon-error-circle-o:before {
4931
+ .pf-v5-pficon-error-circle-o:before {
4932
4932
  content: "\e926";
4933
4933
  }
4934
4934
 
4935
- .pf-v5-c-icon-export:before {
4935
+ .pf-v5-pficon-export:before {
4936
4936
  content: "\e616";
4937
4937
  }
4938
4938
 
4939
- .pf-v5-c-icon-filter:before {
4939
+ .pf-v5-pficon-filter:before {
4940
4940
  content: "\e943";
4941
4941
  }
4942
4942
 
4943
- .pf-v5-c-icon-flavor:before {
4943
+ .pf-v5-pficon-flavor:before {
4944
4944
  content: "\e957";
4945
4945
  }
4946
4946
 
4947
- .pf-v5-c-icon-folder-close:before {
4947
+ .pf-v5-pficon-folder-close:before {
4948
4948
  content: "\e607";
4949
4949
  }
4950
4950
 
4951
- .pf-v5-c-icon-folder-open:before {
4951
+ .pf-v5-pficon-folder-open:before {
4952
4952
  content: "\e606";
4953
4953
  }
4954
4954
 
4955
- .pf-v5-c-icon-globe-route:before {
4955
+ .pf-v5-pficon-globe-route:before {
4956
4956
  content: "\e958";
4957
4957
  }
4958
4958
 
4959
- .pf-v5-c-icon-help:before {
4959
+ .pf-v5-pficon-help:before {
4960
4960
  content: "\e605";
4961
4961
  }
4962
4962
 
4963
- .pf-v5-c-icon-history:before {
4963
+ .pf-v5-pficon-history:before {
4964
4964
  content: "\e617";
4965
4965
  }
4966
4966
 
4967
- .pf-v5-c-icon-home:before {
4967
+ .pf-v5-pficon-home:before {
4968
4968
  content: "\e618";
4969
4969
  }
4970
4970
 
4971
- .pf-v5-c-icon-import:before {
4971
+ .pf-v5-pficon-import:before {
4972
4972
  content: "\e615";
4973
4973
  }
4974
4974
 
4975
- .pf-v5-c-icon-in-progress:before {
4975
+ .pf-v5-pficon-in-progress:before {
4976
4976
  content: "\e933";
4977
4977
  }
4978
4978
 
4979
- .pf-v5-c-icon-info:before {
4979
+ .pf-v5-pficon-info:before {
4980
4980
  content: "\e92b";
4981
4981
  }
4982
4982
 
4983
- .pf-v5-c-icon-infrastructure:before {
4983
+ .pf-v5-pficon-infrastructure:before {
4984
4984
  content: "\e93d";
4985
4985
  }
4986
4986
 
4987
- .pf-v5-c-icon-integration:before {
4987
+ .pf-v5-pficon-integration:before {
4988
4988
  content: "\e948";
4989
4989
  }
4990
4990
 
4991
- .pf-v5-c-icon-key:before {
4991
+ .pf-v5-pficon-key:before {
4992
4992
  content: "\e924";
4993
4993
  }
4994
4994
 
4995
- .pf-v5-c-icon-locked:before {
4995
+ .pf-v5-pficon-locked:before {
4996
4996
  content: "\e923";
4997
4997
  }
4998
4998
 
4999
- .pf-v5-c-icon-maintenance:before {
4999
+ .pf-v5-pficon-maintenance:before {
5000
5000
  content: "\e932";
5001
5001
  }
5002
5002
 
5003
- .pf-v5-c-icon-memory:before {
5003
+ .pf-v5-pficon-memory:before {
5004
5004
  content: "\e908";
5005
5005
  }
5006
5006
 
5007
- .pf-v5-c-icon-messages:before {
5007
+ .pf-v5-pficon-messages:before {
5008
5008
  content: "\e603";
5009
5009
  }
5010
5010
 
5011
- .pf-v5-c-icon-middleware:before {
5011
+ .pf-v5-pficon-middleware:before {
5012
5012
  content: "\e917";
5013
5013
  }
5014
5014
 
5015
- .pf-v5-c-icon-migration:before {
5015
+ .pf-v5-pficon-migration:before {
5016
5016
  content: "\e931";
5017
5017
  }
5018
5018
 
5019
- .pf-v5-c-icon-module:before {
5019
+ .pf-v5-pficon-module:before {
5020
5020
  content: "\e959";
5021
5021
  }
5022
5022
 
5023
- .pf-v5-c-icon-monitoring:before {
5023
+ .pf-v5-pficon-monitoring:before {
5024
5024
  content: "\e95a";
5025
5025
  }
5026
5026
 
5027
- .pf-v5-c-icon-namespaces:before {
5027
+ .pf-v5-pficon-multicluster:before {
5028
+ content: "\e97c";
5029
+ }
5030
+
5031
+ .pf-v5-pficon-namespaces:before {
5028
5032
  content: "\e95b";
5029
5033
  }
5030
5034
 
5031
- .pf-v5-c-icon-network:before {
5035
+ .pf-v5-pficon-network:before {
5032
5036
  content: "\e909";
5033
5037
  }
5034
5038
 
5035
- .pf-v5-c-icon-new-process:before {
5039
+ .pf-v5-pficon-new-process:before {
5036
5040
  content: "\e95c";
5037
5041
  }
5038
5042
 
5039
- .pf-v5-c-icon-not-started:before {
5043
+ .pf-v5-pficon-not-started:before {
5040
5044
  content: "\e95d";
5041
5045
  }
5042
5046
 
5043
- .pf-v5-c-icon-off:before {
5047
+ .pf-v5-pficon-off:before {
5044
5048
  content: "\e92d";
5045
5049
  }
5046
5050
 
5047
- .pf-v5-c-icon-ok:before {
5051
+ .pf-v5-pficon-ok:before {
5048
5052
  content: "\e602";
5049
5053
  }
5050
5054
 
5051
- .pf-v5-c-icon-on-running:before {
5055
+ .pf-v5-pficon-on-running:before {
5052
5056
  content: "\e925";
5053
5057
  }
5054
5058
 
5055
- .pf-v5-c-icon-on:before {
5059
+ .pf-v5-pficon-on:before {
5056
5060
  content: "\e92c";
5057
5061
  }
5058
5062
 
5059
- .pf-v5-c-icon-open-drawer-right:before {
5063
+ .pf-v5-pficon-open-drawer-right:before {
5060
5064
  content: "\e977";
5061
5065
  }
5062
5066
 
5063
- .pf-v5-c-icon-openshift:before {
5067
+ .pf-v5-pficon-openshift:before {
5064
5068
  content: "\e95e";
5065
5069
  }
5066
5070
 
5067
- .pf-v5-c-icon-openstack:before {
5071
+ .pf-v5-pficon-openstack:before {
5068
5072
  content: "\e95f";
5069
5073
  }
5070
5074
 
5071
- .pf-v5-c-icon-optimize:before {
5075
+ .pf-v5-pficon-optimize:before {
5072
5076
  content: "\e93e";
5073
5077
  }
5074
5078
 
5075
- .pf-v5-c-icon-orders:before {
5079
+ .pf-v5-pficon-orders:before {
5076
5080
  content: "\e93f";
5077
5081
  }
5078
5082
 
5079
- .pf-v5-c-icon-os-image:before {
5083
+ .pf-v5-pficon-os-image:before {
5080
5084
  content: "\e960";
5081
5085
  }
5082
5086
 
5083
- .pf-v5-c-icon-package:before {
5087
+ .pf-v5-pficon-package:before {
5084
5088
  content: "\e961";
5085
5089
  }
5086
5090
 
5087
- .pf-v5-c-icon-panel-close:before {
5091
+ .pf-v5-pficon-panel-close:before {
5088
5092
  content: "\e962";
5089
5093
  }
5090
5094
 
5091
- .pf-v5-c-icon-panel-open:before {
5095
+ .pf-v5-pficon-panel-open:before {
5092
5096
  content: "\e963";
5093
5097
  }
5094
5098
 
5095
- .pf-v5-c-icon-paused:before {
5099
+ .pf-v5-pficon-paused:before {
5096
5100
  content: "\e92f";
5097
5101
  }
5098
5102
 
5099
- .pf-v5-c-icon-pending:before {
5103
+ .pf-v5-pficon-pending:before {
5100
5104
  content: "\e964";
5101
5105
  }
5102
5106
 
5103
- .pf-v5-c-icon-pficon-dragdrop:before {
5107
+ .pf-v5-pficon-pficon-dragdrop:before {
5104
5108
  content: "\e965";
5105
5109
  }
5106
5110
 
5107
- .pf-v5-c-icon-pficon-history:before {
5111
+ .pf-v5-pficon-pficon-history:before {
5108
5112
  content: "\e966";
5109
5113
  }
5110
5114
 
5111
- .pf-v5-c-icon-pficon-network-range:before {
5115
+ .pf-v5-pficon-pficon-network-range:before {
5112
5116
  content: "\e967";
5113
5117
  }
5114
5118
 
5115
- .pf-v5-c-icon-pficon-satellite:before {
5119
+ .pf-v5-pficon-pficon-satellite:before {
5116
5120
  content: "\e968";
5117
5121
  }
5118
5122
 
5119
- .pf-v5-c-icon-pficon-sort-common-asc:before {
5123
+ .pf-v5-pficon-pficon-sort-common-asc:before {
5120
5124
  content: "\e94e";
5121
5125
  }
5122
5126
 
5123
- .pf-v5-c-icon-pficon-sort-common-desc:before {
5127
+ .pf-v5-pficon-pficon-sort-common-desc:before {
5124
5128
  content: "\e94f";
5125
5129
  }
5126
5130
 
5127
- .pf-v5-c-icon-pficon-template:before {
5131
+ .pf-v5-pficon-pficon-template:before {
5128
5132
  content: "\e94c";
5129
5133
  }
5130
5134
 
5131
- .pf-v5-c-icon-pficon-vcenter:before {
5135
+ .pf-v5-pficon-pficon-vcenter:before {
5132
5136
  content: "\e969";
5133
5137
  }
5134
5138
 
5135
- .pf-v5-c-icon-plugged:before {
5139
+ .pf-v5-pficon-plugged:before {
5136
5140
  content: "\e96a";
5137
5141
  }
5138
5142
 
5139
- .pf-v5-c-icon-port:before {
5143
+ .pf-v5-pficon-port:before {
5140
5144
  content: "\e96b";
5141
5145
  }
5142
5146
 
5143
- .pf-v5-c-icon-print:before {
5147
+ .pf-v5-pficon-print:before {
5144
5148
  content: "\e612";
5145
5149
  }
5146
5150
 
5147
- .pf-v5-c-icon-private:before {
5151
+ .pf-v5-pficon-private:before {
5148
5152
  content: "\e914";
5149
5153
  }
5150
5154
 
5151
- .pf-v5-c-icon-process-automation:before {
5155
+ .pf-v5-pficon-process-automation:before {
5152
5156
  content: "\e949";
5153
5157
  }
5154
5158
 
5155
- .pf-v5-c-icon-project:before {
5159
+ .pf-v5-pficon-project:before {
5156
5160
  content: "\e96c";
5157
5161
  }
5158
5162
 
5159
- .pf-v5-c-icon-rebalance:before {
5163
+ .pf-v5-pficon-rebalance:before {
5160
5164
  content: "\e91c";
5161
5165
  }
5162
5166
 
5163
- .pf-v5-c-icon-rebooting:before {
5167
+ .pf-v5-pficon-rebooting:before {
5164
5168
  content: "\e96d";
5165
5169
  }
5166
5170
 
5167
- .pf-v5-c-icon-regions:before {
5171
+ .pf-v5-pficon-regions:before {
5168
5172
  content: "\e90a";
5169
5173
  }
5170
5174
 
5171
- .pf-v5-c-icon-registry:before {
5175
+ .pf-v5-pficon-registry:before {
5172
5176
  content: "\e623";
5173
5177
  }
5174
5178
 
5175
- .pf-v5-c-icon-remove2:before {
5179
+ .pf-v5-pficon-remove2:before {
5176
5180
  content: "\e96e";
5177
5181
  }
5178
5182
 
5179
- .pf-v5-c-icon-replicator:before {
5183
+ .pf-v5-pficon-replicator:before {
5180
5184
  content: "\e624";
5181
5185
  }
5182
5186
 
5183
- .pf-v5-c-icon-repository:before {
5187
+ .pf-v5-pficon-repository:before {
5184
5188
  content: "\e90b";
5185
5189
  }
5186
5190
 
5187
- .pf-v5-c-icon-resource-pool:before {
5191
+ .pf-v5-pficon-resource-pool:before {
5188
5192
  content: "\e90c";
5189
5193
  }
5190
5194
 
5191
- .pf-v5-c-icon-resources-almost-empty:before {
5195
+ .pf-v5-pficon-resources-almost-empty:before {
5192
5196
  content: "\e91d";
5193
5197
  }
5194
5198
 
5195
- .pf-v5-c-icon-resources-almost-full:before {
5199
+ .pf-v5-pficon-resources-almost-full:before {
5196
5200
  content: "\e912";
5197
5201
  }
5198
5202
 
5199
- .pf-v5-c-icon-resources-empty:before {
5203
+ .pf-v5-pficon-resources-empty:before {
5200
5204
  content: "\e96f";
5201
5205
  }
5202
5206
 
5203
- .pf-v5-c-icon-resources-full:before {
5207
+ .pf-v5-pficon-resources-full:before {
5204
5208
  content: "\e913";
5205
5209
  }
5206
5210
 
5207
- .pf-v5-c-icon-running:before {
5211
+ .pf-v5-pficon-running:before {
5208
5212
  content: "\e970";
5209
5213
  }
5210
5214
 
5211
- .pf-v5-c-icon-save:before {
5215
+ .pf-v5-pficon-save:before {
5212
5216
  content: "\e601";
5213
5217
  }
5214
5218
 
5215
- .pf-v5-c-icon-screen:before {
5219
+ .pf-v5-pficon-screen:before {
5216
5220
  content: "\e971";
5217
5221
  }
5218
5222
 
5219
- .pf-v5-c-icon-security:before {
5223
+ .pf-v5-pficon-security:before {
5220
5224
  content: "\e946";
5221
5225
  }
5222
5226
 
5223
- .pf-v5-c-icon-server-group:before {
5227
+ .pf-v5-pficon-server-group:before {
5224
5228
  content: "\e91a";
5225
5229
  }
5226
5230
 
5227
- .pf-v5-c-icon-server:before {
5231
+ .pf-v5-pficon-server:before {
5228
5232
  content: "\e90d";
5229
5233
  }
5230
5234
 
5231
- .pf-v5-c-icon-service-catalog:before {
5235
+ .pf-v5-pficon-service-catalog:before {
5232
5236
  content: "\e972";
5233
5237
  }
5234
5238
 
5235
- .pf-v5-c-icon-service:before {
5239
+ .pf-v5-pficon-service:before {
5236
5240
  content: "\e61e";
5237
5241
  }
5238
5242
 
5239
- .pf-v5-c-icon-services:before {
5243
+ .pf-v5-pficon-services:before {
5240
5244
  content: "\e947";
5241
5245
  }
5242
5246
 
5243
- .pf-v5-c-icon-spinner:before {
5247
+ .pf-v5-pficon-spinner:before {
5244
5248
  content: "\e973";
5245
5249
  }
5246
5250
 
5247
- .pf-v5-c-icon-spinner2:before {
5251
+ .pf-v5-pficon-spinner2:before {
5248
5252
  content: "\e613";
5249
5253
  }
5250
5254
 
5251
- .pf-v5-c-icon-storage-domain:before {
5255
+ .pf-v5-pficon-storage-domain:before {
5252
5256
  content: "\e90e";
5253
5257
  }
5254
5258
 
5255
- .pf-v5-c-icon-task:before {
5259
+ .pf-v5-pficon-task:before {
5256
5260
  content: "\e974";
5257
5261
  }
5258
5262
 
5259
- .pf-v5-c-icon-tenant:before {
5263
+ .pf-v5-pficon-tenant:before {
5260
5264
  content: "\e916";
5261
5265
  }
5262
5266
 
5263
- .pf-v5-c-icon-thumb-tack:before {
5267
+ .pf-v5-pficon-thumb-tack:before {
5264
5268
  content: "\e920";
5265
5269
  }
5266
5270
 
5267
- .pf-v5-c-icon-topology:before {
5271
+ .pf-v5-pficon-topology:before {
5268
5272
  content: "\e608";
5269
5273
  }
5270
5274
 
5271
- .pf-v5-c-icon-trend-down:before {
5275
+ .pf-v5-pficon-trend-down:before {
5272
5276
  content: "\e900";
5273
5277
  }
5274
5278
 
5275
- .pf-v5-c-icon-trend-up:before {
5279
+ .pf-v5-pficon-trend-up:before {
5276
5280
  content: "\e901";
5277
5281
  }
5278
5282
 
5279
- .pf-v5-c-icon-unknown:before {
5283
+ .pf-v5-pficon-unknown:before {
5280
5284
  content: "\e935";
5281
5285
  }
5282
5286
 
5283
- .pf-v5-c-icon-unlocked:before {
5287
+ .pf-v5-pficon-unlocked:before {
5284
5288
  content: "\e922";
5285
5289
  }
5286
5290
 
5287
- .pf-v5-c-icon-unplugged:before {
5291
+ .pf-v5-pficon-unplugged:before {
5288
5292
  content: "\e942";
5289
5293
  }
5290
5294
 
5291
- .pf-v5-c-icon-user:before {
5295
+ .pf-v5-pficon-user:before {
5292
5296
  content: "\e91e";
5293
5297
  }
5294
5298
 
5295
- .pf-v5-c-icon-users:before {
5299
+ .pf-v5-pficon-users:before {
5296
5300
  content: "\e91f";
5297
5301
  }
5298
5302
 
5299
- .pf-v5-c-icon-virtual-machine:before {
5303
+ .pf-v5-pficon-virtual-machine:before {
5300
5304
  content: "\e90f";
5301
5305
  }
5302
5306
 
5303
- .pf-v5-c-icon-volume:before {
5307
+ .pf-v5-pficon-volume:before {
5304
5308
  content: "\e910";
5305
5309
  }
5306
5310
 
5307
- .pf-v5-c-icon-warning-triangle:before {
5311
+ .pf-v5-pficon-warning-triangle:before {
5308
5312
  content: "\e975";
5309
5313
  }
5310
5314
 
5311
- .pf-v5-c-icon-zone:before {
5315
+ .pf-v5-pficon-zone:before {
5312
5316
  content: "\e911";
5313
5317
  }
5314
5318
 
@@ -5320,7 +5324,6 @@
5320
5324
 
5321
5325
  .pf-v5-c-about-modal-box {
5322
5326
  --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5323
- --pf-v5-c-about-modal-box--BackgroundImage: url("./assets/images/pfbg-icon.svg");
5324
5327
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5325
5328
  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
5326
5329
  --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
@@ -5351,9 +5354,6 @@
5351
5354
  --pf-v5-c-about-modal-box__close--c-button--Height: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
5352
5355
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5353
5356
  --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
5354
- --pf-v5-c-about-modal-box__hero--sm--BackgroundImage: url("./assets/images/pfbg_992@2x.jpg");
5355
- --pf-v5-c-about-modal-box__hero--sm--BackgroundPosition: top left;
5356
- --pf-v5-c-about-modal-box__hero--sm--BackgroundSize: cover;
5357
5357
  --pf-v5-c-about-modal-box__brand-image--Height: 2.5rem;
5358
5358
  --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--xl);
5359
5359
  --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -5381,7 +5381,7 @@
5381
5381
  overflow-x: hidden;
5382
5382
  overflow-y: auto;
5383
5383
  background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
5384
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
5384
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage, none);
5385
5385
  background-repeat: no-repeat;
5386
5386
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5387
5387
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
@@ -5518,21 +5518,6 @@
5518
5518
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5519
5519
  }
5520
5520
 
5521
- .pf-v5-c-about-modal-box__hero {
5522
- display: none;
5523
- }
5524
- @media only screen and (min-width: 576px) {
5525
- .pf-v5-c-about-modal-box__hero {
5526
- display: block;
5527
- grid-area: hero;
5528
- background-image: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundImage);
5529
- background-repeat: no-repeat;
5530
- background-attachment: fixed;
5531
- background-position: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition);
5532
- background-size: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundSize);
5533
- }
5534
- }
5535
-
5536
5521
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
5537
5522
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5538
5523
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header, :where(.pf-v5-theme-dark) .pf-v5-c-masthead, :where(.pf-v5-theme-dark) .pf-v5-c-login__header,
@@ -6607,7 +6592,6 @@
6607
6592
 
6608
6593
  .pf-v5-c-background-image {
6609
6594
  --pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
6610
- --pf-v5-c-background-image--BackgroundImage: url("./assets/images/pfbg-icon.svg");
6611
6595
  --pf-v5-c-background-image--BackgroundPosition: bottom right;
6612
6596
  --pf-v5-c-background-image--BackgroundSize--min-width: 200px;
6613
6597
  --pf-v5-c-background-image--BackgroundSize--width: 60%;
@@ -6620,7 +6604,7 @@
6620
6604
  width: 100%;
6621
6605
  height: 100%;
6622
6606
  background-color: var(--pf-v5-c-background-image--BackgroundColor);
6623
- background-image: var(--pf-v5-c-background-image--BackgroundImage);
6607
+ background-image: var(--pf-v5-c-background-image--BackgroundImage, none);
6624
6608
  background-repeat: no-repeat;
6625
6609
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6626
6610
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
@@ -14831,13 +14815,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14831
14815
  --pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14832
14816
  --pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14833
14817
  --pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14834
- --pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14835
- --pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14836
- --pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14837
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14838
- --pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14839
- --pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14840
- --pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14841
14818
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
14842
14819
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 7px);
14843
14820
  --pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-v5-global--spacer--md) + 1px - var(--pf-v5-global--spacer--lg));
@@ -15237,31 +15214,32 @@ textarea.pf-v5-c-form-control {
15237
15214
  }
15238
15215
 
15239
15216
  .pf-v5-c-icon {
15240
- --pf-v5-c-icon--Width: var(--pf-v5-global--icon--FontSize--md);
15241
- --pf-v5-c-icon--Height: var(--pf-v5-global--icon--FontSize--md);
15242
- --pf-v5-c-icon--m-inline--Width: 1em;
15243
- --pf-v5-c-icon--m-inline--Height: 1em;
15217
+ --pf-v5-c-icon--Width: 1em;
15218
+ --pf-v5-c-icon--Height: 1em;
15244
15219
  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
15245
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15246
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15247
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15248
15220
  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
15221
+ --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15249
15222
  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
15223
+ --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15250
15224
  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
15225
+ --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15251
15226
  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
15252
- --pf-v5-c-icon__content--Color: var(--pf-v5-global--icon--Color--dark);
15227
+ --pf-v5-c-icon--m-inline--Width: 1em;
15228
+ --pf-v5-c-icon--m-inline--Height: 1em;
15229
+ --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15230
+ --pf-v5-c-icon__content--Color: initial;
15253
15231
  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
15254
15232
  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
15255
15233
  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
15256
15234
  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
15257
15235
  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
15258
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15236
+ --pf-v5-c-icon--m-inline__content--Color: initial;
15237
+ --pf-v5-c-icon__content--FontSize: 1em;
15238
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15239
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15240
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15241
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15259
15242
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
15260
- --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15261
- --pf-v5-c-icon--m-sm--content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15262
- --pf-v5-c-icon--m-md--content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15263
- --pf-v5-c-icon--m-lg--content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15264
- --pf-v5-c-icon--m-xl--content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15265
15243
  position: relative;
15266
15244
  display: inline-flex;
15267
15245
  align-items: center;
@@ -15273,7 +15251,7 @@ textarea.pf-v5-c-form-control {
15273
15251
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
15274
15252
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
15275
15253
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
15276
- --pf-v5-c-icon__content--Color: currentcolor;
15254
+ --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
15277
15255
  line-height: 1;
15278
15256
  }
15279
15257
  .pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
@@ -15282,22 +15260,22 @@ textarea.pf-v5-c-form-control {
15282
15260
  .pf-v5-c-icon.pf-m-sm {
15283
15261
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
15284
15262
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
15285
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15263
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15286
15264
  }
15287
15265
  .pf-v5-c-icon.pf-m-md {
15288
15266
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
15289
15267
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
15290
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15268
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15291
15269
  }
15292
15270
  .pf-v5-c-icon.pf-m-lg {
15293
15271
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
15294
15272
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
15295
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15273
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15296
15274
  }
15297
15275
  .pf-v5-c-icon.pf-m-xl {
15298
15276
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
15299
15277
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
15300
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15278
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15301
15279
  }
15302
15280
  .pf-v5-c-icon.pf-m-in-progress {
15303
15281
  --pf-v5-c-icon__content--Opacity: 0;
@@ -15314,23 +15292,23 @@ textarea.pf-v5-c-form-control {
15314
15292
  }
15315
15293
  .pf-v5-c-icon__content.pf-m-sm,
15316
15294
  .pf-v5-c-icon__progress.pf-m-sm {
15317
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15295
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15318
15296
  }
15319
15297
  .pf-v5-c-icon__content.pf-m-md,
15320
15298
  .pf-v5-c-icon__progress.pf-m-md {
15321
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15299
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15322
15300
  }
15323
15301
  .pf-v5-c-icon__content.pf-m-lg,
15324
15302
  .pf-v5-c-icon__progress.pf-m-lg {
15325
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15303
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15326
15304
  }
15327
15305
  .pf-v5-c-icon__content.pf-m-xl,
15328
15306
  .pf-v5-c-icon__progress.pf-m-xl {
15329
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15307
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15330
15308
  }
15331
15309
 
15332
15310
  .pf-v5-c-icon__content {
15333
- color: var(--pf-v5-c-icon__content--Color);
15311
+ color: var(--pf-v5-c-icon__content--Color, inherit);
15334
15312
  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
15335
15313
  }
15336
15314
  .pf-v5-c-icon__content.pf-m-danger {
@@ -20000,7 +19978,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20000
19978
  --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20001
19979
  --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20002
19980
  --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
20003
- --pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
19981
+ --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
20004
19982
  position: relative;
20005
19983
  display: inline-block;
20006
19984
  padding: var(--pf-v5-c-notification-badge--PaddingTop) var(--pf-v5-c-notification-badge--PaddingRight) var(--pf-v5-c-notification-badge--PaddingBottom) var(--pf-v5-c-notification-badge--PaddingLeft);
@@ -20031,7 +20009,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20031
20009
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
20032
20010
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
20033
20011
  display: inline-block;
20034
- line-height: var(--pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight);
20012
+ line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
20035
20013
  }
20036
20014
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
20037
20015
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
@@ -22793,7 +22771,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22793
22771
  border: var(--pf-v5-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v5-c-progress-stepper__step-icon--BorderColor);
22794
22772
  border-radius: 50%;
22795
22773
  }
22796
- .pf-v5-c-progress-stepper__step-icon .pf-v5-c-icon {
22774
+ .pf-v5-c-progress-stepper__step-icon .pf-v5-pficon {
22797
22775
  margin-top: var(--pf-v5-c-progress-stepper__pficon--MarginTop);
22798
22776
  }
22799
22777
  .pf-v5-c-progress-stepper__step-icon .fa-exclamation-triangle {