@patternfly/patternfly 5.0.0-alpha.33 → 5.0.0-alpha.34

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 (105) hide show
  1. package/RELEASE-NOTES.md +1 -1
  2. package/assets/pficon/pficon.scss +1 -2
  3. package/base/_fa-icons.scss +1 -2
  4. package/base/_fonts.scss +5 -10
  5. package/base/_globals.scss +91 -85
  6. package/base/_variables.scss +3 -3
  7. package/base/patternfly-fa-icons.css +1 -1
  8. package/base/patternfly-fonts.css +5 -5
  9. package/base/patternfly-globals.css +35 -41
  10. package/base/patternfly-icons.css +2 -2
  11. package/base/patternfly-pf-icons.css +1 -1
  12. package/base/patternfly-themes.css +0 -42
  13. package/base/patternfly-variables.css +3 -3
  14. package/components/AboutModalBox/about-modal-box.css +0 -38
  15. package/components/Alert/alert.css +14 -5
  16. package/components/Alert/alert.scss +18 -4
  17. package/components/Alert/themes/dark/alert.scss +1 -1
  18. package/components/Banner/banner.css +0 -38
  19. package/components/Icon/icon.css +3 -3
  20. package/components/Icon/icon.scss +3 -3
  21. package/components/Label/label.css +6 -6
  22. package/components/Label/label.scss +4 -4
  23. package/components/Label/themes/dark/label.scss +2 -2
  24. package/components/LogViewer/log-viewer.css +0 -38
  25. package/components/Login/login.css +0 -40
  26. package/components/Masthead/masthead.css +0 -38
  27. package/components/ModalBox/modal-box.css +3 -3
  28. package/components/ModalBox/modal-box.scss +3 -3
  29. package/components/NotificationDrawer/notification-drawer.css +5 -5
  30. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  31. package/components/Page/page.css +0 -42
  32. package/components/Popover/popover.css +6 -6
  33. package/components/Popover/popover.scss +5 -5
  34. package/components/Popover/themes/dark/popover.scss +1 -1
  35. package/components/Wizard/wizard.css +0 -38
  36. package/docs/components/Alert/examples/Alert.md +15 -15
  37. package/docs/components/AlertGroup/examples/AlertGroup.md +6 -6
  38. package/docs/components/AppLauncher/examples/application-launcher.md +1 -0
  39. package/docs/components/Check/examples/Check.md +1 -0
  40. package/docs/components/ContextSelector/examples/context-selector.md +1 -0
  41. package/docs/components/DatePicker/examples/DatePicker.md +1 -0
  42. package/docs/components/Dropdown/examples/Dropdown.md +1 -0
  43. package/docs/components/FileUpload/examples/FileUpload.md +2 -1
  44. package/docs/components/Form/examples/Form.md +1 -0
  45. package/docs/components/FormControl/examples/FormControl.md +1 -0
  46. package/docs/components/Icon/examples/Icon.md +2 -2
  47. package/docs/components/Menu/examples/Menu.md +1 -0
  48. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -0
  49. package/docs/components/ModalBox/examples/ModalBox.md +8 -8
  50. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -1
  51. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +22 -22
  52. package/docs/components/OptionsMenu/examples/options-menu.md +1 -0
  53. package/docs/components/Popover/examples/Popover.md +9 -9
  54. package/docs/components/Radio/examples/Radio.md +1 -0
  55. package/docs/components/Select/examples/Select.md +1 -0
  56. package/docs/demos/CardView/examples/CardView.md +1 -1
  57. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  58. package/docs/demos/Form/examples/BasicForms.md +1 -0
  59. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -30
  60. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  61. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +1 -1
  62. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1 -1
  63. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  64. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  65. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  66. package/docs/utilities/BoxShadow/examples/box-shadow.md +1 -1
  67. package/docs/utilities/Display/examples/Display.md +1 -1
  68. package/docs/utilities/Flex/examples/Flex.md +1 -1
  69. package/docs/utilities/Float/examples/Float.md +1 -1
  70. package/docs/utilities/Sizing/examples/Sizing.md +1 -1
  71. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  72. package/docs/utilities/Text/examples/Text.md +5 -5
  73. package/package.json +1 -1
  74. package/patternfly-addons.css +48 -48
  75. package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} +10 -31
  76. package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} +1 -0
  77. package/patternfly-base.css +45 -72
  78. package/{patternfly-no-reset.css → patternfly-no-globals.css} +52 -1237
  79. package/{patternfly-no-reset.scss → patternfly-no-globals.scss} +1 -0
  80. package/patternfly.css +83 -1274
  81. package/patternfly.min.css +1 -1
  82. package/patternfly.min.css.map +1 -1
  83. package/sass-utilities/placeholders.scss +0 -23
  84. package/sass-utilities/scss-variables.scss +4 -5
  85. package/sass-utilities/themes/dark/placeholders.scss +0 -22
  86. package/utilities/Text/text.css +48 -48
  87. package/utilities/Text/text.scss +6 -6
  88. package/utilities/Text/themes/dark/text.scss +2 -2
  89. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff +0 -0
  90. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff +0 -0
  91. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff +0 -0
  92. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff +0 -0
  93. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff +0 -0
  94. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff +0 -0
  95. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff +0 -0
  96. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff +0 -0
  97. package/assets/fonts/RedHatText/RedHatText-Bold.woff +0 -0
  98. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff +0 -0
  99. package/assets/fonts/RedHatText/RedHatText-Italic.woff +0 -0
  100. package/assets/fonts/RedHatText/RedHatText-Medium.woff +0 -0
  101. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff +0 -0
  102. package/assets/fonts/RedHatText/RedHatText-Regular.woff +0 -0
  103. package/assets/fonts/webfonts/fa-solid-900.woff +0 -0
  104. package/assets/pficon/pficon.woff +0 -0
  105. package/sass-utilities/bs-variables.scss +0 -709
package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css} RENAMED
@@ -17,27 +17,6 @@
17
17
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
18
18
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
19
19
  }
20
- .pf-t-dark .pf-c-card {
21
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
22
- }
23
- .pf-t-dark .pf-c-button {
24
- --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
25
- --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
26
- --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
27
- --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
28
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
29
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
30
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
31
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
32
- --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
33
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
34
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
35
- --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
36
- --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
37
- --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
38
- --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
39
- --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
40
- }
41
20
 
42
21
  :root {
43
22
  --pf-global--palette--black-100: #fafafa;
@@ -154,9 +133,9 @@
154
133
  --pf-global--primary-color--light-100: #73bcf7;
155
134
  --pf-global--primary-color--dark-100: #06c;
156
135
  --pf-global--secondary-color--100: #6a6e73;
157
- --pf-global--default-color--100: #73c5c5;
158
- --pf-global--default-color--200: #009596;
159
- --pf-global--default-color--300: #003737;
136
+ --pf-global--custom-color--100: #73c5c5;
137
+ --pf-global--custom-color--200: #009596;
138
+ --pf-global--custom-color--300: #003737;
160
139
  --pf-global--success-color--100: #3e8635;
161
140
  --pf-global--success-color--200: #1e4f18;
162
141
  --pf-global--info-color--100: #2b9af3;
@@ -378,35 +357,35 @@
378
357
  font-family: "RedHatDisplay";
379
358
  font-style: normal;
380
359
  font-weight: 300;
381
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
360
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
382
361
  text-rendering: optimizelegibility;
383
362
  }
384
363
  @font-face {
385
364
  font-family: "RedHatDisplay";
386
365
  font-style: normal;
387
366
  font-weight: 400;
388
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
367
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
389
368
  text-rendering: optimizelegibility;
390
369
  }
391
370
  @font-face {
392
371
  font-family: "RedHatDisplay";
393
372
  font-style: normal;
394
373
  font-weight: 700;
395
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
374
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
396
375
  text-rendering: optimizelegibility;
397
376
  }
398
377
  @font-face {
399
378
  font-family: "RedHatText";
400
379
  font-style: normal;
401
380
  font-weight: 400;
402
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
381
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
403
382
  text-rendering: optimizelegibility;
404
383
  }
405
384
  @font-face {
406
385
  font-family: "RedHatText";
407
386
  font-style: normal;
408
387
  font-weight: 700;
409
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
388
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
410
389
  text-rendering: optimizelegibility;
411
390
  }
412
391
  @font-face {
@@ -4727,7 +4706,7 @@
4727
4706
  font-family: "Font Awesome 5 Free";
4728
4707
  font-style: normal;
4729
4708
  font-weight: 900;
4730
- src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("./assets/fonts/webfonts/fa-solid-900.woff") format("woff");
4709
+ src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2");
4731
4710
  }
4732
4711
  .fa,
4733
4712
  .fas {
@@ -4737,7 +4716,7 @@
4737
4716
 
4738
4717
  @font-face {
4739
4718
  font-family: "pficon";
4740
- src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4719
+ src: url("./assets/pficon/pficon.woff2") format("woff2");
4741
4720
  }
4742
4721
  .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4743
4722
  font-family: "pficon";
package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss} RENAMED
@@ -1,3 +1,4 @@
1
1
  $pf-global--enable-reset: false;
2
+ $pf-global--enable-normalize: false;
2
3
 
3
4
  @import "./patternfly-base";
package/patternfly-base.css CHANGED
@@ -17,27 +17,6 @@
17
17
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
18
18
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
19
19
  }
20
- .pf-t-dark .pf-c-card {
21
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
22
- }
23
- .pf-t-dark .pf-c-button {
24
- --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
25
- --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
26
- --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
27
- --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
28
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
29
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
30
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
31
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
32
- --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
33
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
34
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
35
- --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
36
- --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
37
- --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
38
- --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
39
- --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
40
- }
41
20
 
42
21
  :root {
43
22
  --pf-global--palette--black-100: #fafafa;
@@ -154,9 +133,9 @@
154
133
  --pf-global--primary-color--light-100: #73bcf7;
155
134
  --pf-global--primary-color--dark-100: #06c;
156
135
  --pf-global--secondary-color--100: #6a6e73;
157
- --pf-global--default-color--100: #73c5c5;
158
- --pf-global--default-color--200: #009596;
159
- --pf-global--default-color--300: #003737;
136
+ --pf-global--custom-color--100: #73c5c5;
137
+ --pf-global--custom-color--200: #009596;
138
+ --pf-global--custom-color--300: #003737;
160
139
  --pf-global--success-color--100: #3e8635;
161
140
  --pf-global--success-color--200: #1e4f18;
162
141
  --pf-global--info-color--100: #2b9af3;
@@ -378,35 +357,35 @@
378
357
  font-family: "RedHatDisplay";
379
358
  font-style: normal;
380
359
  font-weight: 300;
381
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
360
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
382
361
  text-rendering: optimizelegibility;
383
362
  }
384
363
  @font-face {
385
364
  font-family: "RedHatDisplay";
386
365
  font-style: normal;
387
366
  font-weight: 400;
388
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
367
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
389
368
  text-rendering: optimizelegibility;
390
369
  }
391
370
  @font-face {
392
371
  font-family: "RedHatDisplay";
393
372
  font-style: normal;
394
373
  font-weight: 700;
395
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
374
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
396
375
  text-rendering: optimizelegibility;
397
376
  }
398
377
  @font-face {
399
378
  font-family: "RedHatText";
400
379
  font-style: normal;
401
380
  font-weight: 400;
402
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
381
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
403
382
  text-rendering: optimizelegibility;
404
383
  }
405
384
  @font-face {
406
385
  font-family: "RedHatText";
407
386
  font-style: normal;
408
387
  font-weight: 700;
409
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
388
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
410
389
  text-rendering: optimizelegibility;
411
390
  }
412
391
  @font-face {
@@ -514,7 +493,7 @@
514
493
  font-variant-numeric: tabular-nums;
515
494
  }
516
495
 
517
- html,
496
+ :where(html,
518
497
  body,
519
498
  p,
520
499
  ol,
@@ -536,35 +515,48 @@ h2,
536
515
  h3,
537
516
  h4,
538
517
  h5,
539
- h6 {
518
+ h6) {
540
519
  padding: 0;
541
520
  margin: 0;
542
521
  }
543
522
 
544
- html,
545
- body {
523
+ *,
524
+ :where(*::before,
525
+ *::after) {
526
+ box-sizing: border-box;
527
+ }
528
+
529
+ :where(html,
530
+ body) {
546
531
  height: 100%;
547
532
  }
548
533
 
549
- h1,
534
+ :where(body) {
535
+ font-family: var(--pf-global--FontFamily--sans-serif);
536
+ font-size: var(--pf-global--FontSize--md);
537
+ font-weight: var(--pf-global--FontWeight--normal);
538
+ line-height: var(--pf-global--LineHeight--md);
539
+ }
540
+
541
+ :where(h1,
550
542
  h2,
551
543
  h3,
552
544
  h4,
553
545
  h5,
554
- h6 {
546
+ h6) {
555
547
  font-size: 100%;
556
548
  font-weight: var(--pf-global--FontWeight--normal);
557
549
  }
558
550
 
559
- ul {
551
+ :where(ul) {
560
552
  list-style: none;
561
553
  }
562
554
 
563
- button,
555
+ :where(button,
564
556
  input,
565
557
  optgroup,
566
558
  select,
567
- textarea {
559
+ textarea) {
568
560
  margin: 0;
569
561
  font-family: inherit;
570
562
  font-size: 100%;
@@ -572,68 +564,49 @@ textarea {
572
564
  color: var(--pf-global--Color--100);
573
565
  }
574
566
 
575
- img,
567
+ :where(img,
576
568
  embed,
577
569
  iframe,
578
570
  object,
579
571
  audio,
580
- video {
572
+ video) {
581
573
  max-width: 100%;
582
574
  height: auto;
583
575
  }
584
576
 
585
- iframe {
577
+ :where(iframe) {
586
578
  border: 0;
587
579
  }
588
580
 
589
- table {
581
+ :where(table) {
590
582
  border-spacing: 0;
591
583
  border-collapse: collapse;
592
584
  }
593
585
 
594
- td,
595
- th {
586
+ :where(td,
587
+ th) {
596
588
  padding: 0;
597
589
  text-align: left;
598
590
  }
599
591
 
600
- code,
601
- pre {
592
+ :where(code,
593
+ pre) {
602
594
  font-family: var(--pf-global--FontFamily--monospace);
603
595
  }
604
596
 
605
- *,
606
- *::before,
607
- *::after {
608
- box-sizing: border-box;
609
- }
610
-
611
- html {
612
- font-family: sans-serif;
613
- line-height: 1.15;
614
- }
615
-
616
- body {
617
- font-family: var(--pf-global--FontFamily--sans-serif);
618
- font-size: var(--pf-global--FontSize--md);
619
- font-weight: var(--pf-global--FontWeight--normal);
620
- line-height: var(--pf-global--LineHeight--md);
621
- text-align: left;
622
- background-color: var(--pf-global--BackgroundColor--100);
623
- }
624
-
625
- a {
597
+ :where(a) {
626
598
  font-weight: var(--pf-global--link--FontWeight);
627
599
  color: var(--pf-global--link--Color);
628
600
  text-decoration: var(--pf-global--link--TextDecoration);
629
601
  }
630
- a:hover {
602
+
603
+ :where(a:hover) {
631
604
  --pf-global--link--Color: var(--pf-global--link--Color--hover);
632
605
  --pf-global--link--TextDecoration: var(--pf-global--link--TextDecoration--hover);
633
606
  }
634
607
 
635
- button,
636
- a {
608
+ :where(a,
609
+ button) {
637
610
  cursor: pointer;
638
611
  }
639
612
 
@@ -4850,7 +4823,7 @@ a {
4850
4823
  font-family: "Font Awesome 5 Free";
4851
4824
  font-style: normal;
4852
4825
  font-weight: 900;
4853
- src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("./assets/fonts/webfonts/fa-solid-900.woff") format("woff");
4826
+ src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2");
4854
4827
  }
4855
4828
  .fa,
4856
4829
  .fas {
@@ -4860,7 +4833,7 @@ a {
4860
4833
 
4861
4834
  @font-face {
4862
4835
  font-family: "pficon";
4863
- src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
4836
+ src: url("./assets/pficon/pficon.woff2") format("woff2");
4864
4837
  }
4865
4838
  .pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
4866
4839
  font-family: "pficon";