@patternfly/patternfly 6.0.0-alpha.175 → 6.0.0-alpha.177

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 (44) hide show
  1. package/assets/icons/iconUnicodes.json +6 -0
  2. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  3. package/assets/pficon/pficon.scss +36 -0
  4. package/base/patternfly-pf-icons.css +25 -1
  5. package/components/Page/page.css +6 -0
  6. package/components/Page/page.scss +7 -0
  7. package/components/_index.css +6 -177
  8. package/components/_index.scss +0 -1
  9. package/docs/components/Page/examples/Page.md +1 -0
  10. package/docs/demos/AboutModal/examples/AboutModal.md +0 -30
  11. package/docs/demos/Alert/examples/Alert.md +0 -90
  12. package/docs/demos/BackToTop/examples/BackToTop.md +0 -30
  13. package/docs/demos/Banner/examples/Banner.md +0 -60
  14. package/docs/demos/CardView/examples/CardView.md +0 -30
  15. package/docs/demos/Dashboard/examples/Dashboard.md +0 -30
  16. package/docs/demos/DataList/examples/DataList.md +0 -120
  17. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -90
  18. package/docs/demos/Drawer/examples/Drawer.md +0 -150
  19. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -180
  20. package/docs/demos/Masthead/examples/Masthead.md +0 -60
  21. package/docs/demos/Modal/examples/Modal.md +0 -180
  22. package/docs/demos/Nav/examples/Nav.md +0 -180
  23. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +0 -150
  24. package/docs/demos/Page/examples/Page.css +11 -0
  25. package/docs/demos/Page/examples/Page.md +671 -271
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -210
  27. package/docs/demos/Skeleton/examples/Skeleton.md +0 -30
  28. package/docs/demos/Table/examples/Table.md +0 -450
  29. package/docs/demos/Tabs/examples/Tabs.md +0 -180
  30. package/docs/demos/Toolbar/examples/Toolbar.md +0 -60
  31. package/docs/demos/Wizard/examples/Wizard.md +0 -270
  32. package/icons/pficons.mjs +6 -0
  33. package/package.json +3 -2
  34. package/patternfly-base-no-globals.css +25 -1
  35. package/patternfly-base.css +25 -1
  36. package/patternfly-no-globals.css +31 -178
  37. package/patternfly.css +31 -178
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
  40. package/sass-utilities/namespaces-components.scss +0 -3
  41. package/components/LogViewer/log-viewer.css +0 -176
  42. package/components/LogViewer/log-viewer.scss +0 -219
  43. package/docs/components/LogViewer/examples/LogViewer.css +0 -24
  44. package/docs/components/LogViewer/examples/LogViewer.md +0 -3050
@@ -110,6 +110,12 @@
110
110
  "pficon-service-catalog": "E972",
111
111
  "pficon-service": "E61E",
112
112
  "pficon-services": "E947",
113
+ "pficon-severity-critical": "E97E",
114
+ "pficon-severity-important": "E97F",
115
+ "pficon-severity-minor": "E980",
116
+ "pficon-severity-moderate": "E981",
117
+ "pficon-severity-none": "E982",
118
+ "pficon-severity-undefined": "E983",
113
119
  "pficon-spinner": "E973",
114
120
  "pficon-spinner2": "E613",
115
121
  "pficon-storage-domain": "E90E",
Binary file
@@ -358,6 +358,24 @@
358
358
  @if $filename == services {
359
359
  $char: '\E947';
360
360
  }
361
+ @if $filename == severity-critical {
362
+ $char: '\E97E';
363
+ }
364
+ @if $filename == severity-important {
365
+ $char: '\E97F';
366
+ }
367
+ @if $filename == severity-minor {
368
+ $char: '\E980';
369
+ }
370
+ @if $filename == severity-moderate {
371
+ $char: '\E981';
372
+ }
373
+ @if $filename == severity-none {
374
+ $char: '\E982';
375
+ }
376
+ @if $filename == severity-undefined {
377
+ $char: '\E983';
378
+ }
361
379
  @if $filename == spinner {
362
380
  $char: '\E973';
363
381
  }
@@ -763,6 +781,24 @@
763
781
  .pf-v6-pficon-services {
764
782
  @include pf-v6-pficon(services);
765
783
  }
784
+ .pf-v6-pficon-severity-critical {
785
+ @include pf-v6-pficon(severity-critical);
786
+ }
787
+ .pf-v6-pficon-severity-important {
788
+ @include pf-v6-pficon(severity-important);
789
+ }
790
+ .pf-v6-pficon-severity-minor {
791
+ @include pf-v6-pficon(severity-minor);
792
+ }
793
+ .pf-v6-pficon-severity-moderate {
794
+ @include pf-v6-pficon(severity-moderate);
795
+ }
796
+ .pf-v6-pficon-severity-none {
797
+ @include pf-v6-pficon(severity-none);
798
+ }
799
+ .pf-v6-pficon-severity-undefined {
800
+ @include pf-v6-pficon(severity-undefined);
801
+ }
766
802
  .pf-v6-pficon-spinner {
767
803
  @include pf-v6-pficon(spinner);
768
804
  }
@@ -2,7 +2,7 @@
2
2
  font-family: "pf-v6-pficon";
3
3
  src: url("./assets/pficon/pf-v6-pficon.woff2") format("woff2");
4
4
  }
5
- .pf-v6-pficon-zone:before, .pf-v6-pficon-warning-triangle:before, .pf-v6-pficon-volume:before, .pf-v6-pficon-virtual-machine:before, .pf-v6-pficon-users:before, .pf-v6-pficon-user:before, .pf-v6-pficon-unplugged:before, .pf-v6-pficon-unlocked:before, .pf-v6-pficon-unknown:before, .pf-v6-pficon-trend-up:before, .pf-v6-pficon-trend-down:before, .pf-v6-pficon-treeview:before, .pf-v6-pficon-topology:before, .pf-v6-pficon-thumb-tack:before, .pf-v6-pficon-tenant:before, .pf-v6-pficon-task:before, .pf-v6-pficon-storage-domain:before, .pf-v6-pficon-spinner2:before, .pf-v6-pficon-spinner:before, .pf-v6-pficon-services:before, .pf-v6-pficon-service:before, .pf-v6-pficon-service-catalog:before, .pf-v6-pficon-server:before, .pf-v6-pficon-server-group:before, .pf-v6-pficon-security:before, .pf-v6-pficon-screen:before, .pf-v6-pficon-save:before, .pf-v6-pficon-running:before, .pf-v6-pficon-resources-full:before, .pf-v6-pficon-resources-empty:before, .pf-v6-pficon-resources-almost-full:before, .pf-v6-pficon-resources-almost-empty:before, .pf-v6-pficon-resource-pool:before, .pf-v6-pficon-repository:before, .pf-v6-pficon-replicator:before, .pf-v6-pficon-remove2:before, .pf-v6-pficon-registry:before, .pf-v6-pficon-regions:before, .pf-v6-pficon-rebooting:before, .pf-v6-pficon-rebalance:before, .pf-v6-pficon-project:before, .pf-v6-pficon-process-automation:before, .pf-v6-pficon-private:before, .pf-v6-pficon-print:before, .pf-v6-pficon-port:before, .pf-v6-pficon-plugged:before, .pf-v6-pficon-pficon-vcenter:before, .pf-v6-pficon-pficon-template:before, .pf-v6-pficon-pficon-sort-common-desc:before, .pf-v6-pficon-pficon-sort-common-asc:before, .pf-v6-pficon-pficon-satellite:before, .pf-v6-pficon-pficon-network-range:before, .pf-v6-pficon-pficon-history:before, .pf-v6-pficon-pficon-dragdrop:before, .pf-v6-pficon-pending:before, .pf-v6-pficon-paused:before, .pf-v6-pficon-panel-open:before, .pf-v6-pficon-panel-close:before, .pf-v6-pficon-package:before, .pf-v6-pficon-os-image:before, .pf-v6-pficon-orders:before, .pf-v6-pficon-optimize:before, .pf-v6-pficon-openstack:before, .pf-v6-pficon-openshift:before, .pf-v6-pficon-open-drawer-right:before, .pf-v6-pficon-on:before, .pf-v6-pficon-on-running:before, .pf-v6-pficon-ok:before, .pf-v6-pficon-off:before, .pf-v6-pficon-not-started:before, .pf-v6-pficon-new-process:before, .pf-v6-pficon-network:before, .pf-v6-pficon-namespaces:before, .pf-v6-pficon-multicluster:before, .pf-v6-pficon-monitoring:before, .pf-v6-pficon-module:before, .pf-v6-pficon-migration:before, .pf-v6-pficon-middleware:before, .pf-v6-pficon-messages:before, .pf-v6-pficon-memory:before, .pf-v6-pficon-maintenance:before, .pf-v6-pficon-locked:before, .pf-v6-pficon-key:before, .pf-v6-pficon-integration:before, .pf-v6-pficon-infrastructure:before, .pf-v6-pficon-info:before, .pf-v6-pficon-in-progress:before, .pf-v6-pficon-import:before, .pf-v6-pficon-home:before, .pf-v6-pficon-history:before, .pf-v6-pficon-help:before, .pf-v6-pficon-globe-route:before, .pf-v6-pficon-folder-open:before, .pf-v6-pficon-folder-close:before, .pf-v6-pficon-flavor:before, .pf-v6-pficon-filter:before, .pf-v6-pficon-export:before, .pf-v6-pficon-error-circle-o:before, .pf-v6-pficon-equalizer:before, .pf-v6-pficon-enterprise:before, .pf-v6-pficon-enhancement:before, .pf-v6-pficon-edit:before, .pf-v6-pficon-domain:before, .pf-v6-pficon-disconnected:before, .pf-v6-pficon-degraded:before, .pf-v6-pficon-data-source:before, .pf-v6-pficon-data-sink:before, .pf-v6-pficon-data-processor:before, .pf-v6-pficon-critical-risk:before, .pf-v6-pficon-cpu:before, .pf-v6-pficon-container-node:before, .pf-v6-pficon-connected:before, .pf-v6-pficon-cluster:before, .pf-v6-pficon-cloud-tenant:before, .pf-v6-pficon-cloud-security:before, .pf-v6-pficon-close:before, .pf-v6-pficon-chat:before, .pf-v6-pficon-catalog:before, .pf-v6-pficon-bundle:before, .pf-v6-pficon-builder-image:before, .pf-v6-pficon-build:before, .pf-v6-pficon-blueprint:before, .pf-v6-pficon-bell:before, .pf-v6-pficon-automation:before, .pf-v6-pficon-attention-bell:before, .pf-v6-pficon-asleep:before, .pf-v6-pficon-arrow:before, .pf-v6-pficon-applications:before, .pf-v6-pficon-ansible-tower:before, .pf-v6-pficon-add-circle-o:before {
5
+ .pf-v6-pficon-zone:before, .pf-v6-pficon-warning-triangle:before, .pf-v6-pficon-volume:before, .pf-v6-pficon-virtual-machine:before, .pf-v6-pficon-users:before, .pf-v6-pficon-user:before, .pf-v6-pficon-unplugged:before, .pf-v6-pficon-unlocked:before, .pf-v6-pficon-unknown:before, .pf-v6-pficon-trend-up:before, .pf-v6-pficon-trend-down:before, .pf-v6-pficon-treeview:before, .pf-v6-pficon-topology:before, .pf-v6-pficon-thumb-tack:before, .pf-v6-pficon-tenant:before, .pf-v6-pficon-task:before, .pf-v6-pficon-storage-domain:before, .pf-v6-pficon-spinner2:before, .pf-v6-pficon-spinner:before, .pf-v6-pficon-severity-undefined:before, .pf-v6-pficon-severity-none:before, .pf-v6-pficon-severity-moderate:before, .pf-v6-pficon-severity-minor:before, .pf-v6-pficon-severity-important:before, .pf-v6-pficon-severity-critical:before, .pf-v6-pficon-services:before, .pf-v6-pficon-service:before, .pf-v6-pficon-service-catalog:before, .pf-v6-pficon-server:before, .pf-v6-pficon-server-group:before, .pf-v6-pficon-security:before, .pf-v6-pficon-screen:before, .pf-v6-pficon-save:before, .pf-v6-pficon-running:before, .pf-v6-pficon-resources-full:before, .pf-v6-pficon-resources-empty:before, .pf-v6-pficon-resources-almost-full:before, .pf-v6-pficon-resources-almost-empty:before, .pf-v6-pficon-resource-pool:before, .pf-v6-pficon-repository:before, .pf-v6-pficon-replicator:before, .pf-v6-pficon-remove2:before, .pf-v6-pficon-registry:before, .pf-v6-pficon-regions:before, .pf-v6-pficon-rebooting:before, .pf-v6-pficon-rebalance:before, .pf-v6-pficon-project:before, .pf-v6-pficon-process-automation:before, .pf-v6-pficon-private:before, .pf-v6-pficon-print:before, .pf-v6-pficon-port:before, .pf-v6-pficon-plugged:before, .pf-v6-pficon-pficon-vcenter:before, .pf-v6-pficon-pficon-template:before, .pf-v6-pficon-pficon-sort-common-desc:before, .pf-v6-pficon-pficon-sort-common-asc:before, .pf-v6-pficon-pficon-satellite:before, .pf-v6-pficon-pficon-network-range:before, .pf-v6-pficon-pficon-history:before, .pf-v6-pficon-pficon-dragdrop:before, .pf-v6-pficon-pending:before, .pf-v6-pficon-paused:before, .pf-v6-pficon-panel-open:before, .pf-v6-pficon-panel-close:before, .pf-v6-pficon-package:before, .pf-v6-pficon-os-image:before, .pf-v6-pficon-orders:before, .pf-v6-pficon-optimize:before, .pf-v6-pficon-openstack:before, .pf-v6-pficon-openshift:before, .pf-v6-pficon-open-drawer-right:before, .pf-v6-pficon-on:before, .pf-v6-pficon-on-running:before, .pf-v6-pficon-ok:before, .pf-v6-pficon-off:before, .pf-v6-pficon-not-started:before, .pf-v6-pficon-new-process:before, .pf-v6-pficon-network:before, .pf-v6-pficon-namespaces:before, .pf-v6-pficon-multicluster:before, .pf-v6-pficon-monitoring:before, .pf-v6-pficon-module:before, .pf-v6-pficon-migration:before, .pf-v6-pficon-middleware:before, .pf-v6-pficon-messages:before, .pf-v6-pficon-memory:before, .pf-v6-pficon-maintenance:before, .pf-v6-pficon-locked:before, .pf-v6-pficon-key:before, .pf-v6-pficon-integration:before, .pf-v6-pficon-infrastructure:before, .pf-v6-pficon-info:before, .pf-v6-pficon-in-progress:before, .pf-v6-pficon-import:before, .pf-v6-pficon-home:before, .pf-v6-pficon-history:before, .pf-v6-pficon-help:before, .pf-v6-pficon-globe-route:before, .pf-v6-pficon-folder-open:before, .pf-v6-pficon-folder-close:before, .pf-v6-pficon-flavor:before, .pf-v6-pficon-filter:before, .pf-v6-pficon-export:before, .pf-v6-pficon-error-circle-o:before, .pf-v6-pficon-equalizer:before, .pf-v6-pficon-enterprise:before, .pf-v6-pficon-enhancement:before, .pf-v6-pficon-edit:before, .pf-v6-pficon-domain:before, .pf-v6-pficon-disconnected:before, .pf-v6-pficon-degraded:before, .pf-v6-pficon-data-source:before, .pf-v6-pficon-data-sink:before, .pf-v6-pficon-data-processor:before, .pf-v6-pficon-critical-risk:before, .pf-v6-pficon-cpu:before, .pf-v6-pficon-container-node:before, .pf-v6-pficon-connected:before, .pf-v6-pficon-cluster:before, .pf-v6-pficon-cloud-tenant:before, .pf-v6-pficon-cloud-security:before, .pf-v6-pficon-close:before, .pf-v6-pficon-chat:before, .pf-v6-pficon-catalog:before, .pf-v6-pficon-bundle:before, .pf-v6-pficon-builder-image:before, .pf-v6-pficon-build:before, .pf-v6-pficon-blueprint:before, .pf-v6-pficon-bell:before, .pf-v6-pficon-automation:before, .pf-v6-pficon-attention-bell:before, .pf-v6-pficon-asleep:before, .pf-v6-pficon-arrow:before, .pf-v6-pficon-applications:before, .pf-v6-pficon-ansible-tower:before, .pf-v6-pficon-add-circle-o:before {
6
6
  font-family: "pf-v6-pficon";
7
7
  -webkit-font-smoothing: antialiased;
8
8
  -moz-osx-font-smoothing: grayscale;
@@ -457,6 +457,30 @@
457
457
  content: "\e947";
458
458
  }
459
459
 
460
+ .pf-v6-pficon-severity-critical:before {
461
+ content: "\e97e";
462
+ }
463
+
464
+ .pf-v6-pficon-severity-important:before {
465
+ content: "\e97f";
466
+ }
467
+
468
+ .pf-v6-pficon-severity-minor:before {
469
+ content: "\e980";
470
+ }
471
+
472
+ .pf-v6-pficon-severity-moderate:before {
473
+ content: "\e981";
474
+ }
475
+
476
+ .pf-v6-pficon-severity-none:before {
477
+ content: "\e982";
478
+ }
479
+
480
+ .pf-v6-pficon-severity-undefined:before {
481
+ content: "\e983";
482
+ }
483
+
460
484
  .pf-v6-pficon-spinner:before {
461
485
  content: "\e973";
462
486
  }
@@ -28,6 +28,8 @@
28
28
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
29
29
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
30
30
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
31
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
32
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
33
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
32
34
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
33
35
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -176,6 +178,10 @@
176
178
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
177
179
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
178
180
  }
181
+ .pf-v6-c-page__sidebar-body.pf-m-context-selector {
182
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
183
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
184
+ }
179
185
  .pf-v6-c-page__sidebar-body.pf-m-inset-none {
180
186
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
181
187
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
@@ -48,6 +48,8 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
48
48
  --#{$page}__sidebar-body--PaddingInlineStart: 0;
49
49
  --#{$page}__sidebar-body--m-page-insets--PaddingInlineEnd: var(--#{$page}--inset);
50
50
  --#{$page}__sidebar-body--m-page-insets--PaddingInlineStart: var(--#{$page}--inset);
51
+ --#{$page}__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
52
+ --#{$page}__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
51
53
 
52
54
  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
53
55
  --#{$page}__sidebar--TranslateX: var(--#{$page}__sidebar--xl--TranslateX);
@@ -225,6 +227,11 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
225
227
  --#{$page}__sidebar-body--PaddingInlineStart: var(--#{$page}__sidebar-body--m-page-insets--PaddingInlineStart);
226
228
  }
227
229
 
230
+ &.pf-m-context-selector {
231
+ --#{$page}__sidebar-body--PaddingInlineEnd: var(--#{$page}__sidebar-body--m-context-selector--PaddingInlineEnd);
232
+ --#{$page}__sidebar-body--PaddingInlineStart: var(--#{$page}__sidebar-body--m-context-selector--PaddingInlineStart);
233
+ }
234
+
228
235
  &.pf-m-inset-none {
229
236
  --#{$page}__sidebar-body--PaddingInlineEnd: 0;
230
237
  --#{$page}__sidebar-body--PaddingInlineStart: 0;
@@ -8520,183 +8520,6 @@ ul.pf-v6-c-list {
8520
8520
  color: var(--pf-v6-c-list__item-icon--Color);
8521
8521
  }
8522
8522
 
8523
- :where(:root, .pf-v6-c-log-viewer) {
8524
- --pf-v6-c-log-viewer--Height: 100%;
8525
- --pf-v6-c-log-viewer--MaxHeight: auto;
8526
- --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
8527
- --pf-v6-c-log-viewer__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
8528
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8529
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
8530
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
8531
- --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
8532
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8533
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8534
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart: 0;
8535
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd: 0;
8536
- --pf-v6-c-log-viewer--m-line-numbers__list--before--Width: var(--pf-t--global--border--width--divider--default);
8537
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
8538
- --pf-v6-c-log-viewer__list--Height: auto;
8539
- --pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart: var(--pf-v6-c-log-viewer__index--Width);
8540
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
8541
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
8542
- --pf-v6-c-log-viewer__index--Display: none;
8543
- --pf-v6-c-log-viewer__index--Width: 4.0625rem;
8544
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8545
- --pf-v6-c-log-viewer__index--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8546
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
8547
- --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
8548
- --pf-v6-c-log-viewer--line-number-chars: 4.4;
8549
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8550
- --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingInlineEnd) + var(--pf-v6-c-log-viewer__index--PaddingInlineStart));
8551
- --pf-v6-c-log-viewer__text--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8552
- --pf-v6-c-log-viewer__text--PaddingInlineStart: var(--pf-t--global--spacer--md);
8553
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
8554
- --pf-v6-c-log-viewer__text--WordBreak: break-all;
8555
- --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
8556
- --pf-v6-c-log-viewer__text--LineBreak: anywhere;
8557
- --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
8558
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
8559
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
8560
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
8561
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
8562
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
8563
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
8564
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd: 0;
8565
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd: 0;
8566
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart: 0;
8567
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
8568
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
8569
- --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
8570
- }
8571
-
8572
- .pf-v6-c-log-viewer {
8573
- display: flex;
8574
- flex-direction: column;
8575
- height: var(--pf-v6-c-log-viewer--Height);
8576
- max-height: var(--pf-v6-c-log-viewer--MaxHeight);
8577
- }
8578
- .pf-v6-c-log-viewer.pf-m-dark {
8579
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
8580
- }
8581
- .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
8582
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8583
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
8584
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
8585
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
8586
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
8587
- }
8588
- .pf-v6-c-log-viewer.pf-m-wrap-text {
8589
- word-break: break-all;
8590
- }
8591
- .pf-v6-c-log-viewer.pf-m-nowrap {
8592
- --pf-v6-c-log-viewer__text--WhiteSpace: var(--pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace);
8593
- }
8594
- .pf-v6-c-log-viewer.pf-m-line-numbers {
8595
- --pf-v6-c-log-viewer__index--Display: var(--pf-v6-c-log-viewer--m-line-numbers__index--Display);
8596
- }
8597
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list {
8598
- position: absolute;
8599
- inset-inline-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart);
8600
- inset-inline-end: 0;
8601
- }
8602
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list::before {
8603
- position: absolute;
8604
- inset-block-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart);
8605
- inset-block-end: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd);
8606
- inset-inline-start: 0;
8607
- width: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--Width);
8608
- content: "";
8609
- background: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor);
8610
- }
8611
- .pf-v6-c-log-viewer.pf-m-line-number-chars {
8612
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd);
8613
- --pf-v6-c-log-viewer__index--Width: var(--pf-v6-c-log-viewer--m-line-number-chars__index--Width);
8614
- }
8615
- .pf-v6-c-log-viewer .pf-v6-c-toolbar {
8616
- --pf-v6-c-toolbar--PaddingBlockStart: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart);
8617
- --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd);
8618
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd);
8619
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart);
8620
- --pf-v6-c-toolbar__group--m-toggle-group--spacer: 0;
8621
- --pf-v6-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
8622
- }
8623
- .pf-v6-c-log-viewer .pf-v6-c-toolbar__content-section {
8624
- flex-wrap: nowrap;
8625
- }
8626
-
8627
- .pf-v6-c-log-viewer__header {
8628
- margin-block-end: var(--pf-v6-c-log-viewer__header--MarginBlockEnd);
8629
- }
8630
-
8631
- .pf-v6-c-log-viewer__main {
8632
- display: flex;
8633
- flex-direction: column;
8634
- min-height: 0;
8635
- background-color: var(--pf-v6-c-log-viewer__main--BackgroundColor);
8636
- border: var(--pf-v6-c-log-viewer__main--BorderWidth) solid var(--pf-v6-c-log-viewer__main--BorderColor);
8637
- }
8638
-
8639
- .pf-v6-c-log-viewer__scroll-container {
8640
- position: relative;
8641
- height: var(--pf-v6-c-log-viewer__scroll-container--Height);
8642
- padding-block-start: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockStart);
8643
- padding-block-end: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd);
8644
- overflow: auto;
8645
- will-change: transform;
8646
- direction: ltr;
8647
- }
8648
-
8649
- .pf-v6-c-log-viewer__list {
8650
- position: relative;
8651
- height: var(--pf-v6-c-log-viewer__list--Height);
8652
- font-family: var(--pf-v6-c-log-viewer__list--FontFamily);
8653
- font-size: var(--pf-v6-c-log-viewer__list--FontSize);
8654
- }
8655
-
8656
- .pf-v6-c-log-viewer__list-item {
8657
- inset-inline-start: 0;
8658
- width: 100%;
8659
- }
8660
-
8661
- .pf-v6-c-log-viewer__string.pf-m-match {
8662
- color: var(--pf-v6-c-log-viewer__string--m-match--Color, inherit);
8663
- background-color: var(--pf-v6-c-log-viewer__string--m-match--BackgroundColor);
8664
- }
8665
- .pf-v6-c-log-viewer__string.pf-m-current {
8666
- color: var(--pf-v6-c-log-viewer__string--m-current--Color, inherit);
8667
- background-color: var(--pf-v6-c-log-viewer__string--m-current--BackgroundColor);
8668
- }
8669
-
8670
- .pf-v6-c-log-viewer__index {
8671
- position: fixed;
8672
- inset-inline-start: 0;
8673
- display: var(--pf-v6-c-log-viewer__index--Display);
8674
- width: var(--pf-v6-c-log-viewer__index--Width);
8675
- padding-inline-start: var(--pf-v6-c-log-viewer__index--PaddingInlineStart);
8676
- padding-inline-end: var(--pf-v6-c-log-viewer__index--PaddingInlineEnd);
8677
- font-family: var(--pf-v6-c-log-viewer__index--FontFamily, inherit);
8678
- font-size: var(--pf-v6-c-log-viewer__index--FontSize, inherit);
8679
- color: var(--pf-v6-c-log-viewer__index--Color);
8680
- user-select: none;
8681
- background-color: var(--pf-v6-c-log-viewer__index--BackgroundColor);
8682
- }
8683
-
8684
- .pf-v6-c-log-viewer__text {
8685
- display: block;
8686
- padding-inline-start: var(--pf-v6-c-log-viewer__text--PaddingInlineStart);
8687
- padding-inline-end: var(--pf-v6-c-log-viewer__text--PaddingInlineEnd);
8688
- font-family: var(--pf-v6-c-log-viewer__text--FontFamily, inherit);
8689
- font-size: var(--pf-v6-c-log-viewer__text--FontSize, inherit);
8690
- color: var(--pf-v6-c-log-viewer__text--Color);
8691
- word-break: var(--pf-v6-c-log-viewer__text--WordBreak);
8692
- white-space: var(--pf-v6-c-log-viewer__text--WhiteSpace);
8693
- line-break: var(--pf-v6-c-log-viewer__text--LineBreak);
8694
- }
8695
-
8696
- .pf-v6-c-log-viewer__timestamp {
8697
- font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
8698
- }
8699
-
8700
8523
  :where(:root, .pf-v6-c-login) {
8701
8524
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8702
8525
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -11518,6 +11341,8 @@ ul.pf-v6-c-list {
11518
11341
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
11519
11342
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11520
11343
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
11344
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11345
+ --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
11521
11346
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
11522
11347
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11523
11348
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -11666,6 +11491,10 @@ ul.pf-v6-c-list {
11666
11491
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
11667
11492
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
11668
11493
  }
11494
+ .pf-v6-c-page__sidebar-body.pf-m-context-selector {
11495
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
11496
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
11497
+ }
11669
11498
  .pf-v6-c-page__sidebar-body.pf-m-inset-none {
11670
11499
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
11671
11500
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
@@ -40,7 +40,6 @@
40
40
  @use "./Label/label";
41
41
  @use "./Label/label-group";
42
42
  @use "./List/list";
43
- @use "./LogViewer/log-viewer";
44
43
  @use "./Login/login";
45
44
  @use "./Masthead/masthead";
46
45
  @use "./Menu/menu";
@@ -402,6 +402,7 @@ This component provides the basic chrome for a page, including sidebar and main
402
402
  | `.pf-m-expanded` | `.pf-v6-c-page__sidebar` | Modifies the sidebar for the expanded state. |
403
403
  | `.pf-m-collapsed` | `.pf-v6-c-page__sidebar` | Modifies the sidebar for the collapsed state. |
404
404
  | `.pf-m-page-insets` | `.pf-v6-c-page__sidebar-body` | Modifies a sidebar body padding/inset to visually match padding of page elements. |
405
+ | `.pf-m-context-selector` | `.pf-v6-c-page__sidebar-body` | Modifies a sidebar body to contain a context selector. |
405
406
  | `.pf-m-inset-none` | `.pf-v6-c-page__sidebar-body` | Removes a sidebar body left/right inset. |
406
407
  | `.pf-m-light` | `.pf-v6-c-page__sidebar` | Modifies the sidebar the light variation. **Note: for use with a light themed nav component** |
407
408
  | `.pf-m-light` | `.pf-v6-c-page__main-section` | Modifies a main page section to have a light theme. |
@@ -110,36 +110,6 @@ This demo implements the about modal, including the backdrop.
110
110
  >
111
111
  <div class="pf-v6-c-toolbar__content">
112
112
  <div class="pf-v6-c-toolbar__content-section">
113
- <div class="pf-v6-c-toolbar__item">
114
- <button
115
- class="pf-v6-c-menu-toggle"
116
- type="button"
117
- aria-expanded="false"
118
- >
119
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
120
- <span class="pf-v6-c-menu-toggle__controls">
121
- <span class="pf-v6-c-menu-toggle__toggle-icon">
122
- <i class="fas fa-caret-down" aria-hidden="true"></i>
123
- </span>
124
- </span>
125
- </button>
126
- </div>
127
-
128
- <div class="pf-v6-c-toolbar__item">
129
- <button
130
- class="pf-v6-c-menu-toggle"
131
- type="button"
132
- aria-expanded="false"
133
- >
134
- <span class="pf-v6-c-menu-toggle__text">Services</span>
135
- <span class="pf-v6-c-menu-toggle__controls">
136
- <span class="pf-v6-c-menu-toggle__toggle-icon">
137
- <i class="fas fa-caret-down" aria-hidden="true"></i>
138
- </span>
139
- </span>
140
- </button>
141
- </div>
142
-
143
113
  <div
144
114
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
145
115
  >
@@ -108,36 +108,6 @@ section: components
108
108
  >
109
109
  <div class="pf-v6-c-toolbar__content">
110
110
  <div class="pf-v6-c-toolbar__content-section">
111
- <div class="pf-v6-c-toolbar__item">
112
- <button
113
- class="pf-v6-c-menu-toggle"
114
- type="button"
115
- aria-expanded="false"
116
- >
117
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
118
- <span class="pf-v6-c-menu-toggle__controls">
119
- <span class="pf-v6-c-menu-toggle__toggle-icon">
120
- <i class="fas fa-caret-down" aria-hidden="true"></i>
121
- </span>
122
- </span>
123
- </button>
124
- </div>
125
-
126
- <div class="pf-v6-c-toolbar__item">
127
- <button
128
- class="pf-v6-c-menu-toggle"
129
- type="button"
130
- aria-expanded="false"
131
- >
132
- <span class="pf-v6-c-menu-toggle__text">Services</span>
133
- <span class="pf-v6-c-menu-toggle__controls">
134
- <span class="pf-v6-c-menu-toggle__toggle-icon">
135
- <i class="fas fa-caret-down" aria-hidden="true"></i>
136
- </span>
137
- </span>
138
- </button>
139
- </div>
140
-
141
111
  <div
142
112
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
143
113
  >
@@ -514,36 +484,6 @@ section: components
514
484
  >
515
485
  <div class="pf-v6-c-toolbar__content">
516
486
  <div class="pf-v6-c-toolbar__content-section">
517
- <div class="pf-v6-c-toolbar__item">
518
- <button
519
- class="pf-v6-c-menu-toggle"
520
- type="button"
521
- aria-expanded="false"
522
- >
523
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
524
- <span class="pf-v6-c-menu-toggle__controls">
525
- <span class="pf-v6-c-menu-toggle__toggle-icon">
526
- <i class="fas fa-caret-down" aria-hidden="true"></i>
527
- </span>
528
- </span>
529
- </button>
530
- </div>
531
-
532
- <div class="pf-v6-c-toolbar__item">
533
- <button
534
- class="pf-v6-c-menu-toggle"
535
- type="button"
536
- aria-expanded="false"
537
- >
538
- <span class="pf-v6-c-menu-toggle__text">Services</span>
539
- <span class="pf-v6-c-menu-toggle__controls">
540
- <span class="pf-v6-c-menu-toggle__toggle-icon">
541
- <i class="fas fa-caret-down" aria-hidden="true"></i>
542
- </span>
543
- </span>
544
- </button>
545
- </div>
546
-
547
487
  <div
548
488
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
549
489
  >
@@ -1020,36 +960,6 @@ section: components
1020
960
  >
1021
961
  <div class="pf-v6-c-toolbar__content">
1022
962
  <div class="pf-v6-c-toolbar__content-section">
1023
- <div class="pf-v6-c-toolbar__item">
1024
- <button
1025
- class="pf-v6-c-menu-toggle"
1026
- type="button"
1027
- aria-expanded="false"
1028
- >
1029
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
1030
- <span class="pf-v6-c-menu-toggle__controls">
1031
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1032
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1033
- </span>
1034
- </span>
1035
- </button>
1036
- </div>
1037
-
1038
- <div class="pf-v6-c-toolbar__item">
1039
- <button
1040
- class="pf-v6-c-menu-toggle"
1041
- type="button"
1042
- aria-expanded="false"
1043
- >
1044
- <span class="pf-v6-c-menu-toggle__text">Services</span>
1045
- <span class="pf-v6-c-menu-toggle__controls">
1046
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1047
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1048
- </span>
1049
- </span>
1050
- </button>
1051
- </div>
1052
-
1053
963
  <div
1054
964
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1055
965
  >
@@ -109,36 +109,6 @@ cssPrefix: pf-d-back-to-top
109
109
  >
110
110
  <div class="pf-v6-c-toolbar__content">
111
111
  <div class="pf-v6-c-toolbar__content-section">
112
- <div class="pf-v6-c-toolbar__item">
113
- <button
114
- class="pf-v6-c-menu-toggle"
115
- type="button"
116
- aria-expanded="false"
117
- >
118
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
119
- <span class="pf-v6-c-menu-toggle__controls">
120
- <span class="pf-v6-c-menu-toggle__toggle-icon">
121
- <i class="fas fa-caret-down" aria-hidden="true"></i>
122
- </span>
123
- </span>
124
- </button>
125
- </div>
126
-
127
- <div class="pf-v6-c-toolbar__item">
128
- <button
129
- class="pf-v6-c-menu-toggle"
130
- type="button"
131
- aria-expanded="false"
132
- >
133
- <span class="pf-v6-c-menu-toggle__text">Services</span>
134
- <span class="pf-v6-c-menu-toggle__controls">
135
- <span class="pf-v6-c-menu-toggle__toggle-icon">
136
- <i class="fas fa-caret-down" aria-hidden="true"></i>
137
- </span>
138
- </span>
139
- </button>
140
- </div>
141
-
142
112
  <div
143
113
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
144
114
  >
@@ -110,36 +110,6 @@ wrapperTag: div
110
110
  >
111
111
  <div class="pf-v6-c-toolbar__content">
112
112
  <div class="pf-v6-c-toolbar__content-section">
113
- <div class="pf-v6-c-toolbar__item">
114
- <button
115
- class="pf-v6-c-menu-toggle"
116
- type="button"
117
- aria-expanded="false"
118
- >
119
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
120
- <span class="pf-v6-c-menu-toggle__controls">
121
- <span class="pf-v6-c-menu-toggle__toggle-icon">
122
- <i class="fas fa-caret-down" aria-hidden="true"></i>
123
- </span>
124
- </span>
125
- </button>
126
- </div>
127
-
128
- <div class="pf-v6-c-toolbar__item">
129
- <button
130
- class="pf-v6-c-menu-toggle"
131
- type="button"
132
- aria-expanded="false"
133
- >
134
- <span class="pf-v6-c-menu-toggle__text">Services</span>
135
- <span class="pf-v6-c-menu-toggle__controls">
136
- <span class="pf-v6-c-menu-toggle__toggle-icon">
137
- <i class="fas fa-caret-down" aria-hidden="true"></i>
138
- </span>
139
- </span>
140
- </button>
141
- </div>
142
-
143
113
  <div
144
114
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
145
115
  >
@@ -604,36 +574,6 @@ wrapperTag: div
604
574
  >
605
575
  <div class="pf-v6-c-toolbar__content">
606
576
  <div class="pf-v6-c-toolbar__content-section">
607
- <div class="pf-v6-c-toolbar__item">
608
- <button
609
- class="pf-v6-c-menu-toggle"
610
- type="button"
611
- aria-expanded="false"
612
- >
613
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
614
- <span class="pf-v6-c-menu-toggle__controls">
615
- <span class="pf-v6-c-menu-toggle__toggle-icon">
616
- <i class="fas fa-caret-down" aria-hidden="true"></i>
617
- </span>
618
- </span>
619
- </button>
620
- </div>
621
-
622
- <div class="pf-v6-c-toolbar__item">
623
- <button
624
- class="pf-v6-c-menu-toggle"
625
- type="button"
626
- aria-expanded="false"
627
- >
628
- <span class="pf-v6-c-menu-toggle__text">Services</span>
629
- <span class="pf-v6-c-menu-toggle__controls">
630
- <span class="pf-v6-c-menu-toggle__toggle-icon">
631
- <i class="fas fa-caret-down" aria-hidden="true"></i>
632
- </span>
633
- </span>
634
- </button>
635
- </div>
636
-
637
577
  <div
638
578
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
639
579
  >