@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
package/patternfly.css CHANGED
@@ -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;
@@ -4903,11 +4903,11 @@ button) {
4903
4903
  }
4904
4904
 
4905
4905
  @font-face {
4906
- font-family: "pficon";
4907
- src: url("./assets/pficon/pficon.woff2") format("woff2");
4906
+ font-family: "pf-v5-pficon";
4907
+ src: url("./assets/pficon/pf-v5-pficon.woff2") format("woff2");
4908
4908
  }
4909
- .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 {
4910
- font-family: "pficon";
4909
+ .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 {
4910
+ font-family: "pf-v5-pficon";
4911
4911
  -webkit-font-smoothing: antialiased;
4912
4912
  -moz-osx-font-smoothing: grayscale;
4913
4913
  font-style: normal;
@@ -4917,515 +4917,519 @@ button) {
4917
4917
  text-transform: none;
4918
4918
  }
4919
4919
 
4920
- .pf-v5-c-icon-add-circle-o:before {
4920
+ .pf-v5-pficon-add-circle-o:before {
4921
4921
  content: "\e61b";
4922
4922
  }
4923
4923
 
4924
- .pf-v5-c-icon-ansible-tower:before {
4924
+ .pf-v5-pficon-ansible-tower:before {
4925
4925
  content: "\e950";
4926
4926
  }
4927
4927
 
4928
- .pf-v5-c-icon-applications:before {
4928
+ .pf-v5-pficon-applications:before {
4929
4929
  content: "\e936";
4930
4930
  }
4931
4931
 
4932
- .pf-v5-c-icon-arrow:before {
4932
+ .pf-v5-pficon-arrow:before {
4933
4933
  content: "\e929";
4934
4934
  }
4935
4935
 
4936
- .pf-v5-c-icon-asleep:before {
4936
+ .pf-v5-pficon-asleep:before {
4937
4937
  content: "\e92e";
4938
4938
  }
4939
4939
 
4940
- .pf-v5-c-icon-attention-bell:before {
4940
+ .pf-v5-pficon-attention-bell:before {
4941
4941
  content: "\e951";
4942
4942
  }
4943
4943
 
4944
- .pf-v5-c-icon-automation:before {
4944
+ .pf-v5-pficon-automation:before {
4945
4945
  content: "\e937";
4946
4946
  }
4947
4947
 
4948
- .pf-v5-c-icon-bell:before {
4948
+ .pf-v5-pficon-bell:before {
4949
4949
  content: "\e952";
4950
4950
  }
4951
4951
 
4952
- .pf-v5-c-icon-blueprint:before {
4952
+ .pf-v5-pficon-blueprint:before {
4953
4953
  content: "\e915";
4954
4954
  }
4955
4955
 
4956
- .pf-v5-c-icon-build:before {
4956
+ .pf-v5-pficon-build:before {
4957
4957
  content: "\e902";
4958
4958
  }
4959
4959
 
4960
- .pf-v5-c-icon-builder-image:before {
4960
+ .pf-v5-pficon-builder-image:before {
4961
4961
  content: "\e800";
4962
4962
  }
4963
4963
 
4964
- .pf-v5-c-icon-bundle:before {
4964
+ .pf-v5-pficon-bundle:before {
4965
4965
  content: "\e918";
4966
4966
  }
4967
4967
 
4968
- .pf-v5-c-icon-catalog:before {
4968
+ .pf-v5-pficon-catalog:before {
4969
4969
  content: "\e953";
4970
4970
  }
4971
4971
 
4972
- .pf-v5-c-icon-chat:before {
4972
+ .pf-v5-pficon-chat:before {
4973
4973
  content: "\e954";
4974
4974
  }
4975
4975
 
4976
- .pf-v5-c-icon-close:before {
4976
+ .pf-v5-pficon-close:before {
4977
4977
  content: "\e60b";
4978
4978
  }
4979
4979
 
4980
- .pf-v5-c-icon-cloud-security:before {
4980
+ .pf-v5-pficon-cloud-security:before {
4981
4981
  content: "\e903";
4982
4982
  }
4983
4983
 
4984
- .pf-v5-c-icon-cloud-tenant:before {
4984
+ .pf-v5-pficon-cloud-tenant:before {
4985
4985
  content: "\e904";
4986
4986
  }
4987
4987
 
4988
- .pf-v5-c-icon-cluster:before {
4988
+ .pf-v5-pficon-cluster:before {
4989
4989
  content: "\e620";
4990
4990
  }
4991
4991
 
4992
- .pf-v5-c-icon-connected:before {
4992
+ .pf-v5-pficon-connected:before {
4993
4993
  content: "\e938";
4994
4994
  }
4995
4995
 
4996
- .pf-v5-c-icon-container-node:before {
4996
+ .pf-v5-pficon-container-node:before {
4997
4997
  content: "\e621";
4998
4998
  }
4999
4999
 
5000
- .pf-v5-c-icon-cpu:before {
5000
+ .pf-v5-pficon-cpu:before {
5001
5001
  content: "\e927";
5002
5002
  }
5003
5003
 
5004
- .pf-v5-c-icon-critical-risk:before {
5004
+ .pf-v5-pficon-critical-risk:before {
5005
5005
  content: "\e976";
5006
5006
  }
5007
5007
 
5008
- .pf-v5-c-icon-data-processor:before {
5008
+ .pf-v5-pficon-data-processor:before {
5009
5009
  content: "\e97b";
5010
5010
  }
5011
5011
 
5012
- .pf-v5-c-icon-data-sink:before {
5012
+ .pf-v5-pficon-data-sink:before {
5013
5013
  content: "\e978";
5014
5014
  }
5015
5015
 
5016
- .pf-v5-c-icon-data-source:before {
5016
+ .pf-v5-pficon-data-source:before {
5017
5017
  content: "\e979";
5018
5018
  }
5019
5019
 
5020
- .pf-v5-c-icon-degraded:before {
5020
+ .pf-v5-pficon-degraded:before {
5021
5021
  content: "\e91b";
5022
5022
  }
5023
5023
 
5024
- .pf-v5-c-icon-disconnected:before {
5024
+ .pf-v5-pficon-disconnected:before {
5025
5025
  content: "\e955";
5026
5026
  }
5027
5027
 
5028
- .pf-v5-c-icon-domain:before {
5028
+ .pf-v5-pficon-domain:before {
5029
5029
  content: "\e919";
5030
5030
  }
5031
5031
 
5032
- .pf-v5-c-icon-edit:before {
5032
+ .pf-v5-pficon-edit:before {
5033
5033
  content: "\e60a";
5034
5034
  }
5035
5035
 
5036
- .pf-v5-c-icon-enhancement:before {
5036
+ .pf-v5-pficon-enhancement:before {
5037
5037
  content: "\e93a";
5038
5038
  }
5039
5039
 
5040
- .pf-v5-c-icon-enterprise:before {
5040
+ .pf-v5-pficon-enterprise:before {
5041
5041
  content: "\e906";
5042
5042
  }
5043
5043
 
5044
- .pf-v5-c-icon-equalizer:before {
5044
+ .pf-v5-pficon-equalizer:before {
5045
5045
  content: "\e956";
5046
5046
  }
5047
5047
 
5048
- .pf-v5-c-icon-error-circle-o:before {
5048
+ .pf-v5-pficon-error-circle-o:before {
5049
5049
  content: "\e926";
5050
5050
  }
5051
5051
 
5052
- .pf-v5-c-icon-export:before {
5052
+ .pf-v5-pficon-export:before {
5053
5053
  content: "\e616";
5054
5054
  }
5055
5055
 
5056
- .pf-v5-c-icon-filter:before {
5056
+ .pf-v5-pficon-filter:before {
5057
5057
  content: "\e943";
5058
5058
  }
5059
5059
 
5060
- .pf-v5-c-icon-flavor:before {
5060
+ .pf-v5-pficon-flavor:before {
5061
5061
  content: "\e957";
5062
5062
  }
5063
5063
 
5064
- .pf-v5-c-icon-folder-close:before {
5064
+ .pf-v5-pficon-folder-close:before {
5065
5065
  content: "\e607";
5066
5066
  }
5067
5067
 
5068
- .pf-v5-c-icon-folder-open:before {
5068
+ .pf-v5-pficon-folder-open:before {
5069
5069
  content: "\e606";
5070
5070
  }
5071
5071
 
5072
- .pf-v5-c-icon-globe-route:before {
5072
+ .pf-v5-pficon-globe-route:before {
5073
5073
  content: "\e958";
5074
5074
  }
5075
5075
 
5076
- .pf-v5-c-icon-help:before {
5076
+ .pf-v5-pficon-help:before {
5077
5077
  content: "\e605";
5078
5078
  }
5079
5079
 
5080
- .pf-v5-c-icon-history:before {
5080
+ .pf-v5-pficon-history:before {
5081
5081
  content: "\e617";
5082
5082
  }
5083
5083
 
5084
- .pf-v5-c-icon-home:before {
5084
+ .pf-v5-pficon-home:before {
5085
5085
  content: "\e618";
5086
5086
  }
5087
5087
 
5088
- .pf-v5-c-icon-import:before {
5088
+ .pf-v5-pficon-import:before {
5089
5089
  content: "\e615";
5090
5090
  }
5091
5091
 
5092
- .pf-v5-c-icon-in-progress:before {
5092
+ .pf-v5-pficon-in-progress:before {
5093
5093
  content: "\e933";
5094
5094
  }
5095
5095
 
5096
- .pf-v5-c-icon-info:before {
5096
+ .pf-v5-pficon-info:before {
5097
5097
  content: "\e92b";
5098
5098
  }
5099
5099
 
5100
- .pf-v5-c-icon-infrastructure:before {
5100
+ .pf-v5-pficon-infrastructure:before {
5101
5101
  content: "\e93d";
5102
5102
  }
5103
5103
 
5104
- .pf-v5-c-icon-integration:before {
5104
+ .pf-v5-pficon-integration:before {
5105
5105
  content: "\e948";
5106
5106
  }
5107
5107
 
5108
- .pf-v5-c-icon-key:before {
5108
+ .pf-v5-pficon-key:before {
5109
5109
  content: "\e924";
5110
5110
  }
5111
5111
 
5112
- .pf-v5-c-icon-locked:before {
5112
+ .pf-v5-pficon-locked:before {
5113
5113
  content: "\e923";
5114
5114
  }
5115
5115
 
5116
- .pf-v5-c-icon-maintenance:before {
5116
+ .pf-v5-pficon-maintenance:before {
5117
5117
  content: "\e932";
5118
5118
  }
5119
5119
 
5120
- .pf-v5-c-icon-memory:before {
5120
+ .pf-v5-pficon-memory:before {
5121
5121
  content: "\e908";
5122
5122
  }
5123
5123
 
5124
- .pf-v5-c-icon-messages:before {
5124
+ .pf-v5-pficon-messages:before {
5125
5125
  content: "\e603";
5126
5126
  }
5127
5127
 
5128
- .pf-v5-c-icon-middleware:before {
5128
+ .pf-v5-pficon-middleware:before {
5129
5129
  content: "\e917";
5130
5130
  }
5131
5131
 
5132
- .pf-v5-c-icon-migration:before {
5132
+ .pf-v5-pficon-migration:before {
5133
5133
  content: "\e931";
5134
5134
  }
5135
5135
 
5136
- .pf-v5-c-icon-module:before {
5136
+ .pf-v5-pficon-module:before {
5137
5137
  content: "\e959";
5138
5138
  }
5139
5139
 
5140
- .pf-v5-c-icon-monitoring:before {
5140
+ .pf-v5-pficon-monitoring:before {
5141
5141
  content: "\e95a";
5142
5142
  }
5143
5143
 
5144
- .pf-v5-c-icon-namespaces:before {
5144
+ .pf-v5-pficon-multicluster:before {
5145
+ content: "\e97c";
5146
+ }
5147
+
5148
+ .pf-v5-pficon-namespaces:before {
5145
5149
  content: "\e95b";
5146
5150
  }
5147
5151
 
5148
- .pf-v5-c-icon-network:before {
5152
+ .pf-v5-pficon-network:before {
5149
5153
  content: "\e909";
5150
5154
  }
5151
5155
 
5152
- .pf-v5-c-icon-new-process:before {
5156
+ .pf-v5-pficon-new-process:before {
5153
5157
  content: "\e95c";
5154
5158
  }
5155
5159
 
5156
- .pf-v5-c-icon-not-started:before {
5160
+ .pf-v5-pficon-not-started:before {
5157
5161
  content: "\e95d";
5158
5162
  }
5159
5163
 
5160
- .pf-v5-c-icon-off:before {
5164
+ .pf-v5-pficon-off:before {
5161
5165
  content: "\e92d";
5162
5166
  }
5163
5167
 
5164
- .pf-v5-c-icon-ok:before {
5168
+ .pf-v5-pficon-ok:before {
5165
5169
  content: "\e602";
5166
5170
  }
5167
5171
 
5168
- .pf-v5-c-icon-on-running:before {
5172
+ .pf-v5-pficon-on-running:before {
5169
5173
  content: "\e925";
5170
5174
  }
5171
5175
 
5172
- .pf-v5-c-icon-on:before {
5176
+ .pf-v5-pficon-on:before {
5173
5177
  content: "\e92c";
5174
5178
  }
5175
5179
 
5176
- .pf-v5-c-icon-open-drawer-right:before {
5180
+ .pf-v5-pficon-open-drawer-right:before {
5177
5181
  content: "\e977";
5178
5182
  }
5179
5183
 
5180
- .pf-v5-c-icon-openshift:before {
5184
+ .pf-v5-pficon-openshift:before {
5181
5185
  content: "\e95e";
5182
5186
  }
5183
5187
 
5184
- .pf-v5-c-icon-openstack:before {
5188
+ .pf-v5-pficon-openstack:before {
5185
5189
  content: "\e95f";
5186
5190
  }
5187
5191
 
5188
- .pf-v5-c-icon-optimize:before {
5192
+ .pf-v5-pficon-optimize:before {
5189
5193
  content: "\e93e";
5190
5194
  }
5191
5195
 
5192
- .pf-v5-c-icon-orders:before {
5196
+ .pf-v5-pficon-orders:before {
5193
5197
  content: "\e93f";
5194
5198
  }
5195
5199
 
5196
- .pf-v5-c-icon-os-image:before {
5200
+ .pf-v5-pficon-os-image:before {
5197
5201
  content: "\e960";
5198
5202
  }
5199
5203
 
5200
- .pf-v5-c-icon-package:before {
5204
+ .pf-v5-pficon-package:before {
5201
5205
  content: "\e961";
5202
5206
  }
5203
5207
 
5204
- .pf-v5-c-icon-panel-close:before {
5208
+ .pf-v5-pficon-panel-close:before {
5205
5209
  content: "\e962";
5206
5210
  }
5207
5211
 
5208
- .pf-v5-c-icon-panel-open:before {
5212
+ .pf-v5-pficon-panel-open:before {
5209
5213
  content: "\e963";
5210
5214
  }
5211
5215
 
5212
- .pf-v5-c-icon-paused:before {
5216
+ .pf-v5-pficon-paused:before {
5213
5217
  content: "\e92f";
5214
5218
  }
5215
5219
 
5216
- .pf-v5-c-icon-pending:before {
5220
+ .pf-v5-pficon-pending:before {
5217
5221
  content: "\e964";
5218
5222
  }
5219
5223
 
5220
- .pf-v5-c-icon-pficon-dragdrop:before {
5224
+ .pf-v5-pficon-pficon-dragdrop:before {
5221
5225
  content: "\e965";
5222
5226
  }
5223
5227
 
5224
- .pf-v5-c-icon-pficon-history:before {
5228
+ .pf-v5-pficon-pficon-history:before {
5225
5229
  content: "\e966";
5226
5230
  }
5227
5231
 
5228
- .pf-v5-c-icon-pficon-network-range:before {
5232
+ .pf-v5-pficon-pficon-network-range:before {
5229
5233
  content: "\e967";
5230
5234
  }
5231
5235
 
5232
- .pf-v5-c-icon-pficon-satellite:before {
5236
+ .pf-v5-pficon-pficon-satellite:before {
5233
5237
  content: "\e968";
5234
5238
  }
5235
5239
 
5236
- .pf-v5-c-icon-pficon-sort-common-asc:before {
5240
+ .pf-v5-pficon-pficon-sort-common-asc:before {
5237
5241
  content: "\e94e";
5238
5242
  }
5239
5243
 
5240
- .pf-v5-c-icon-pficon-sort-common-desc:before {
5244
+ .pf-v5-pficon-pficon-sort-common-desc:before {
5241
5245
  content: "\e94f";
5242
5246
  }
5243
5247
 
5244
- .pf-v5-c-icon-pficon-template:before {
5248
+ .pf-v5-pficon-pficon-template:before {
5245
5249
  content: "\e94c";
5246
5250
  }
5247
5251
 
5248
- .pf-v5-c-icon-pficon-vcenter:before {
5252
+ .pf-v5-pficon-pficon-vcenter:before {
5249
5253
  content: "\e969";
5250
5254
  }
5251
5255
 
5252
- .pf-v5-c-icon-plugged:before {
5256
+ .pf-v5-pficon-plugged:before {
5253
5257
  content: "\e96a";
5254
5258
  }
5255
5259
 
5256
- .pf-v5-c-icon-port:before {
5260
+ .pf-v5-pficon-port:before {
5257
5261
  content: "\e96b";
5258
5262
  }
5259
5263
 
5260
- .pf-v5-c-icon-print:before {
5264
+ .pf-v5-pficon-print:before {
5261
5265
  content: "\e612";
5262
5266
  }
5263
5267
 
5264
- .pf-v5-c-icon-private:before {
5268
+ .pf-v5-pficon-private:before {
5265
5269
  content: "\e914";
5266
5270
  }
5267
5271
 
5268
- .pf-v5-c-icon-process-automation:before {
5272
+ .pf-v5-pficon-process-automation:before {
5269
5273
  content: "\e949";
5270
5274
  }
5271
5275
 
5272
- .pf-v5-c-icon-project:before {
5276
+ .pf-v5-pficon-project:before {
5273
5277
  content: "\e96c";
5274
5278
  }
5275
5279
 
5276
- .pf-v5-c-icon-rebalance:before {
5280
+ .pf-v5-pficon-rebalance:before {
5277
5281
  content: "\e91c";
5278
5282
  }
5279
5283
 
5280
- .pf-v5-c-icon-rebooting:before {
5284
+ .pf-v5-pficon-rebooting:before {
5281
5285
  content: "\e96d";
5282
5286
  }
5283
5287
 
5284
- .pf-v5-c-icon-regions:before {
5288
+ .pf-v5-pficon-regions:before {
5285
5289
  content: "\e90a";
5286
5290
  }
5287
5291
 
5288
- .pf-v5-c-icon-registry:before {
5292
+ .pf-v5-pficon-registry:before {
5289
5293
  content: "\e623";
5290
5294
  }
5291
5295
 
5292
- .pf-v5-c-icon-remove2:before {
5296
+ .pf-v5-pficon-remove2:before {
5293
5297
  content: "\e96e";
5294
5298
  }
5295
5299
 
5296
- .pf-v5-c-icon-replicator:before {
5300
+ .pf-v5-pficon-replicator:before {
5297
5301
  content: "\e624";
5298
5302
  }
5299
5303
 
5300
- .pf-v5-c-icon-repository:before {
5304
+ .pf-v5-pficon-repository:before {
5301
5305
  content: "\e90b";
5302
5306
  }
5303
5307
 
5304
- .pf-v5-c-icon-resource-pool:before {
5308
+ .pf-v5-pficon-resource-pool:before {
5305
5309
  content: "\e90c";
5306
5310
  }
5307
5311
 
5308
- .pf-v5-c-icon-resources-almost-empty:before {
5312
+ .pf-v5-pficon-resources-almost-empty:before {
5309
5313
  content: "\e91d";
5310
5314
  }
5311
5315
 
5312
- .pf-v5-c-icon-resources-almost-full:before {
5316
+ .pf-v5-pficon-resources-almost-full:before {
5313
5317
  content: "\e912";
5314
5318
  }
5315
5319
 
5316
- .pf-v5-c-icon-resources-empty:before {
5320
+ .pf-v5-pficon-resources-empty:before {
5317
5321
  content: "\e96f";
5318
5322
  }
5319
5323
 
5320
- .pf-v5-c-icon-resources-full:before {
5324
+ .pf-v5-pficon-resources-full:before {
5321
5325
  content: "\e913";
5322
5326
  }
5323
5327
 
5324
- .pf-v5-c-icon-running:before {
5328
+ .pf-v5-pficon-running:before {
5325
5329
  content: "\e970";
5326
5330
  }
5327
5331
 
5328
- .pf-v5-c-icon-save:before {
5332
+ .pf-v5-pficon-save:before {
5329
5333
  content: "\e601";
5330
5334
  }
5331
5335
 
5332
- .pf-v5-c-icon-screen:before {
5336
+ .pf-v5-pficon-screen:before {
5333
5337
  content: "\e971";
5334
5338
  }
5335
5339
 
5336
- .pf-v5-c-icon-security:before {
5340
+ .pf-v5-pficon-security:before {
5337
5341
  content: "\e946";
5338
5342
  }
5339
5343
 
5340
- .pf-v5-c-icon-server-group:before {
5344
+ .pf-v5-pficon-server-group:before {
5341
5345
  content: "\e91a";
5342
5346
  }
5343
5347
 
5344
- .pf-v5-c-icon-server:before {
5348
+ .pf-v5-pficon-server:before {
5345
5349
  content: "\e90d";
5346
5350
  }
5347
5351
 
5348
- .pf-v5-c-icon-service-catalog:before {
5352
+ .pf-v5-pficon-service-catalog:before {
5349
5353
  content: "\e972";
5350
5354
  }
5351
5355
 
5352
- .pf-v5-c-icon-service:before {
5356
+ .pf-v5-pficon-service:before {
5353
5357
  content: "\e61e";
5354
5358
  }
5355
5359
 
5356
- .pf-v5-c-icon-services:before {
5360
+ .pf-v5-pficon-services:before {
5357
5361
  content: "\e947";
5358
5362
  }
5359
5363
 
5360
- .pf-v5-c-icon-spinner:before {
5364
+ .pf-v5-pficon-spinner:before {
5361
5365
  content: "\e973";
5362
5366
  }
5363
5367
 
5364
- .pf-v5-c-icon-spinner2:before {
5368
+ .pf-v5-pficon-spinner2:before {
5365
5369
  content: "\e613";
5366
5370
  }
5367
5371
 
5368
- .pf-v5-c-icon-storage-domain:before {
5372
+ .pf-v5-pficon-storage-domain:before {
5369
5373
  content: "\e90e";
5370
5374
  }
5371
5375
 
5372
- .pf-v5-c-icon-task:before {
5376
+ .pf-v5-pficon-task:before {
5373
5377
  content: "\e974";
5374
5378
  }
5375
5379
 
5376
- .pf-v5-c-icon-tenant:before {
5380
+ .pf-v5-pficon-tenant:before {
5377
5381
  content: "\e916";
5378
5382
  }
5379
5383
 
5380
- .pf-v5-c-icon-thumb-tack:before {
5384
+ .pf-v5-pficon-thumb-tack:before {
5381
5385
  content: "\e920";
5382
5386
  }
5383
5387
 
5384
- .pf-v5-c-icon-topology:before {
5388
+ .pf-v5-pficon-topology:before {
5385
5389
  content: "\e608";
5386
5390
  }
5387
5391
 
5388
- .pf-v5-c-icon-trend-down:before {
5392
+ .pf-v5-pficon-trend-down:before {
5389
5393
  content: "\e900";
5390
5394
  }
5391
5395
 
5392
- .pf-v5-c-icon-trend-up:before {
5396
+ .pf-v5-pficon-trend-up:before {
5393
5397
  content: "\e901";
5394
5398
  }
5395
5399
 
5396
- .pf-v5-c-icon-unknown:before {
5400
+ .pf-v5-pficon-unknown:before {
5397
5401
  content: "\e935";
5398
5402
  }
5399
5403
 
5400
- .pf-v5-c-icon-unlocked:before {
5404
+ .pf-v5-pficon-unlocked:before {
5401
5405
  content: "\e922";
5402
5406
  }
5403
5407
 
5404
- .pf-v5-c-icon-unplugged:before {
5408
+ .pf-v5-pficon-unplugged:before {
5405
5409
  content: "\e942";
5406
5410
  }
5407
5411
 
5408
- .pf-v5-c-icon-user:before {
5412
+ .pf-v5-pficon-user:before {
5409
5413
  content: "\e91e";
5410
5414
  }
5411
5415
 
5412
- .pf-v5-c-icon-users:before {
5416
+ .pf-v5-pficon-users:before {
5413
5417
  content: "\e91f";
5414
5418
  }
5415
5419
 
5416
- .pf-v5-c-icon-virtual-machine:before {
5420
+ .pf-v5-pficon-virtual-machine:before {
5417
5421
  content: "\e90f";
5418
5422
  }
5419
5423
 
5420
- .pf-v5-c-icon-volume:before {
5424
+ .pf-v5-pficon-volume:before {
5421
5425
  content: "\e910";
5422
5426
  }
5423
5427
 
5424
- .pf-v5-c-icon-warning-triangle:before {
5428
+ .pf-v5-pficon-warning-triangle:before {
5425
5429
  content: "\e975";
5426
5430
  }
5427
5431
 
5428
- .pf-v5-c-icon-zone:before {
5432
+ .pf-v5-pficon-zone:before {
5429
5433
  content: "\e911";
5430
5434
  }
5431
5435
 
@@ -5437,7 +5441,6 @@ button) {
5437
5441
 
5438
5442
  .pf-v5-c-about-modal-box {
5439
5443
  --pf-v5-c-about-modal-box--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5440
- --pf-v5-c-about-modal-box--BackgroundImage: url("./assets/images/pfbg-icon.svg");
5441
5444
  --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5442
5445
  --pf-v5-c-about-modal-box--BackgroundSize--min-width: 200px;
5443
5446
  --pf-v5-c-about-modal-box--BackgroundSize--width: 60%;
@@ -5468,9 +5471,6 @@ button) {
5468
5471
  --pf-v5-c-about-modal-box__close--c-button--Height: calc(var(--pf-v5-c-about-modal-box__close--c-button--FontSize) * 2);
5469
5472
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-global--palette--black-1000);
5470
5473
  --pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor: rgba(3, 3, 3, 0.4);
5471
- --pf-v5-c-about-modal-box__hero--sm--BackgroundImage: url("./assets/images/pfbg_992@2x.jpg");
5472
- --pf-v5-c-about-modal-box__hero--sm--BackgroundPosition: top left;
5473
- --pf-v5-c-about-modal-box__hero--sm--BackgroundSize: cover;
5474
5474
  --pf-v5-c-about-modal-box__brand-image--Height: 2.5rem;
5475
5475
  --pf-v5-c-about-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--xl);
5476
5476
  --pf-v5-c-about-modal-box__header--PaddingBottom: var(--pf-v5-global--spacer--sm);
@@ -5498,7 +5498,7 @@ button) {
5498
5498
  overflow-x: hidden;
5499
5499
  overflow-y: auto;
5500
5500
  background-color: var(--pf-v5-c-about-modal-box--BackgroundColor);
5501
- background-image: var(--pf-v5-c-about-modal-box--BackgroundImage);
5501
+ background-image: var(--pf-v5-c-about-modal-box--BackgroundImage, none);
5502
5502
  background-repeat: no-repeat;
5503
5503
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5504
5504
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
@@ -5635,21 +5635,6 @@ button) {
5635
5635
  --pf-v5-c-about-modal-box__close--c-button--BackgroundColor: var(--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor);
5636
5636
  }
5637
5637
 
5638
- .pf-v5-c-about-modal-box__hero {
5639
- display: none;
5640
- }
5641
- @media only screen and (min-width: 576px) {
5642
- .pf-v5-c-about-modal-box__hero {
5643
- display: block;
5644
- grid-area: hero;
5645
- background-image: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundImage);
5646
- background-repeat: no-repeat;
5647
- background-attachment: fixed;
5648
- background-position: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundPosition);
5649
- background-size: var(--pf-v5-c-about-modal-box__hero--sm--BackgroundSize);
5650
- }
5651
- }
5652
-
5653
5638
  :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,
5654
5639
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-],
5655
5640
  :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,
@@ -6724,7 +6709,6 @@ button) {
6724
6709
 
6725
6710
  .pf-v5-c-background-image {
6726
6711
  --pf-v5-c-background-image--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
6727
- --pf-v5-c-background-image--BackgroundImage: url("./assets/images/pfbg-icon.svg");
6728
6712
  --pf-v5-c-background-image--BackgroundPosition: bottom right;
6729
6713
  --pf-v5-c-background-image--BackgroundSize--min-width: 200px;
6730
6714
  --pf-v5-c-background-image--BackgroundSize--width: 60%;
@@ -6737,7 +6721,7 @@ button) {
6737
6721
  width: 100%;
6738
6722
  height: 100%;
6739
6723
  background-color: var(--pf-v5-c-background-image--BackgroundColor);
6740
- background-image: var(--pf-v5-c-background-image--BackgroundImage);
6724
+ background-image: var(--pf-v5-c-background-image--BackgroundImage, none);
6741
6725
  background-repeat: no-repeat;
6742
6726
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6743
6727
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
@@ -14948,13 +14932,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14948
14932
  --pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14949
14933
  --pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14950
14934
  --pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14951
- --pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
14952
- --pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
14953
- --pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
14954
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
14955
- --pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
14956
- --pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
14957
- --pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#clock");
14958
14935
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
14959
14936
  --pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 7px);
14960
14937
  --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));
@@ -15354,31 +15331,32 @@ textarea.pf-v5-c-form-control {
15354
15331
  }
15355
15332
 
15356
15333
  .pf-v5-c-icon {
15357
- --pf-v5-c-icon--Width: var(--pf-v5-global--icon--FontSize--md);
15358
- --pf-v5-c-icon--Height: var(--pf-v5-global--icon--FontSize--md);
15359
- --pf-v5-c-icon--m-inline--Width: 1em;
15360
- --pf-v5-c-icon--m-inline--Height: 1em;
15334
+ --pf-v5-c-icon--Width: 1em;
15335
+ --pf-v5-c-icon--Height: 1em;
15361
15336
  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
15362
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15363
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15364
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15365
15337
  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
15338
+ --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15366
15339
  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
15340
+ --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15367
15341
  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
15342
+ --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15368
15343
  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
15369
- --pf-v5-c-icon__content--Color: var(--pf-v5-global--icon--Color--dark);
15344
+ --pf-v5-c-icon--m-inline--Width: 1em;
15345
+ --pf-v5-c-icon--m-inline--Height: 1em;
15346
+ --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15347
+ --pf-v5-c-icon__content--Color: initial;
15370
15348
  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
15371
15349
  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
15372
15350
  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
15373
15351
  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
15374
15352
  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
15375
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15353
+ --pf-v5-c-icon--m-inline__content--Color: initial;
15354
+ --pf-v5-c-icon__content--FontSize: 1em;
15355
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15356
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15357
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15358
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15376
15359
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
15377
- --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15378
- --pf-v5-c-icon--m-sm--content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15379
- --pf-v5-c-icon--m-md--content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15380
- --pf-v5-c-icon--m-lg--content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15381
- --pf-v5-c-icon--m-xl--content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
15382
15360
  position: relative;
15383
15361
  display: inline-flex;
15384
15362
  align-items: center;
@@ -15390,7 +15368,7 @@ textarea.pf-v5-c-form-control {
15390
15368
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
15391
15369
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
15392
15370
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
15393
- --pf-v5-c-icon__content--Color: currentcolor;
15371
+ --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
15394
15372
  line-height: 1;
15395
15373
  }
15396
15374
  .pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
@@ -15399,22 +15377,22 @@ textarea.pf-v5-c-form-control {
15399
15377
  .pf-v5-c-icon.pf-m-sm {
15400
15378
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
15401
15379
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
15402
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15380
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15403
15381
  }
15404
15382
  .pf-v5-c-icon.pf-m-md {
15405
15383
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
15406
15384
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
15407
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15385
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15408
15386
  }
15409
15387
  .pf-v5-c-icon.pf-m-lg {
15410
15388
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
15411
15389
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
15412
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15390
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15413
15391
  }
15414
15392
  .pf-v5-c-icon.pf-m-xl {
15415
15393
  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
15416
15394
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
15417
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15395
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15418
15396
  }
15419
15397
  .pf-v5-c-icon.pf-m-in-progress {
15420
15398
  --pf-v5-c-icon__content--Opacity: 0;
@@ -15431,23 +15409,23 @@ textarea.pf-v5-c-form-control {
15431
15409
  }
15432
15410
  .pf-v5-c-icon__content.pf-m-sm,
15433
15411
  .pf-v5-c-icon__progress.pf-m-sm {
15434
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm--content--FontSize);
15412
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
15435
15413
  }
15436
15414
  .pf-v5-c-icon__content.pf-m-md,
15437
15415
  .pf-v5-c-icon__progress.pf-m-md {
15438
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md--content--FontSize);
15416
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
15439
15417
  }
15440
15418
  .pf-v5-c-icon__content.pf-m-lg,
15441
15419
  .pf-v5-c-icon__progress.pf-m-lg {
15442
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg--content--FontSize);
15420
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
15443
15421
  }
15444
15422
  .pf-v5-c-icon__content.pf-m-xl,
15445
15423
  .pf-v5-c-icon__progress.pf-m-xl {
15446
- --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl--content--FontSize);
15424
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
15447
15425
  }
15448
15426
 
15449
15427
  .pf-v5-c-icon__content {
15450
- color: var(--pf-v5-c-icon__content--Color);
15428
+ color: var(--pf-v5-c-icon__content--Color, inherit);
15451
15429
  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
15452
15430
  }
15453
15431
  .pf-v5-c-icon__content.pf-m-danger {
@@ -20117,7 +20095,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20117
20095
  --pf-v5-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20118
20096
  --pf-v5-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-v5-global--danger-color--200);
20119
20097
  --pf-v5-c-notification-badge__count--MarginLeft: var(--pf-v5-global--spacer--xs);
20120
- --pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
20098
+ --pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight: var(--pf-v5-global--LineHeight--sm);
20121
20099
  position: relative;
20122
20100
  display: inline-block;
20123
20101
  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);
@@ -20148,7 +20126,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
20148
20126
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell,
20149
20127
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell {
20150
20128
  display: inline-block;
20151
- line-height: var(--pf-v5-c-notification-badge--pf-v5-c-icon-attention-bell--LineHeight);
20129
+ line-height: var(--pf-v5-c-notification-badge--pf-v5-pficon-attention-bell--LineHeight);
20152
20130
  }
20153
20131
  .pf-v5-c-notification-badge .pf-v5-c-icon-attention-bell::before,
20154
20132
  .pf-v5-c-notification-badge .pf-v5-c-icon-bell::before {
@@ -22910,7 +22888,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22910
22888
  border: var(--pf-v5-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v5-c-progress-stepper__step-icon--BorderColor);
22911
22889
  border-radius: 50%;
22912
22890
  }
22913
- .pf-v5-c-progress-stepper__step-icon .pf-v5-c-icon {
22891
+ .pf-v5-c-progress-stepper__step-icon .pf-v5-pficon {
22914
22892
  margin-top: var(--pf-v5-c-progress-stepper__pficon--MarginTop);
22915
22893
  }
22916
22894
  .pf-v5-c-progress-stepper__step-icon .fa-exclamation-triangle {