@patternfly/patternfly 6.0.0-alpha.176 → 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.
- package/assets/icons/iconUnicodes.json +6 -0
- package/assets/pficon/pf-v6-pficon.woff2 +0 -0
- package/assets/pficon/pficon.scss +36 -0
- package/base/patternfly-pf-icons.css +25 -1
- package/components/Page/page.css +6 -0
- package/components/Page/page.scss +7 -0
- package/components/_index.css +6 -0
- package/docs/components/Page/examples/Page.md +1 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +0 -30
- package/docs/demos/Alert/examples/Alert.md +0 -90
- package/docs/demos/BackToTop/examples/BackToTop.md +0 -30
- package/docs/demos/Banner/examples/Banner.md +0 -60
- package/docs/demos/CardView/examples/CardView.md +0 -30
- package/docs/demos/Dashboard/examples/Dashboard.md +0 -30
- package/docs/demos/DataList/examples/DataList.md +0 -120
- package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -90
- package/docs/demos/Drawer/examples/Drawer.md +0 -150
- package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -180
- package/docs/demos/Masthead/examples/Masthead.md +0 -60
- package/docs/demos/Modal/examples/Modal.md +0 -180
- package/docs/demos/Nav/examples/Nav.md +0 -180
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +0 -150
- package/docs/demos/Page/examples/Page.css +11 -0
- package/docs/demos/Page/examples/Page.md +671 -271
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -210
- package/docs/demos/Skeleton/examples/Skeleton.md +0 -30
- package/docs/demos/Table/examples/Table.md +0 -450
- package/docs/demos/Tabs/examples/Tabs.md +0 -180
- package/docs/demos/Toolbar/examples/Toolbar.md +0 -60
- package/docs/demos/Wizard/examples/Wizard.md +0 -270
- package/icons/pficons.mjs +6 -0
- package/package.json +3 -2
- package/patternfly-base-no-globals.css +25 -1
- package/patternfly-base.css +25 -1
- package/patternfly-no-globals.css +31 -1
- package/patternfly.css +31 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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
|
}
|
package/components/Page/page.css
CHANGED
|
@@ -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;
|
package/components/_index.css
CHANGED
|
@@ -11341,6 +11341,8 @@ ul.pf-v6-c-list {
|
|
|
11341
11341
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|
|
11342
11342
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
11343
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);
|
|
11344
11346
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11345
11347
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
11346
11348
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -11489,6 +11491,10 @@ ul.pf-v6-c-list {
|
|
|
11489
11491
|
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
|
|
11490
11492
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
|
|
11491
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
|
+
}
|
|
11492
11498
|
.pf-v6-c-page__sidebar-body.pf-m-inset-none {
|
|
11493
11499
|
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
|
|
11494
11500
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|
|
@@ -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
|
>
|
|
@@ -108,36 +108,6 @@ section: patterns
|
|
|
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
|
>
|
|
@@ -106,36 +106,6 @@ cssPrefix: pf-d-dashboard
|
|
|
106
106
|
>
|
|
107
107
|
<div class="pf-v6-c-toolbar__content">
|
|
108
108
|
<div class="pf-v6-c-toolbar__content-section">
|
|
109
|
-
<div class="pf-v6-c-toolbar__item">
|
|
110
|
-
<button
|
|
111
|
-
class="pf-v6-c-menu-toggle"
|
|
112
|
-
type="button"
|
|
113
|
-
aria-expanded="false"
|
|
114
|
-
>
|
|
115
|
-
<span class="pf-v6-c-menu-toggle__text">Overview</span>
|
|
116
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
117
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
118
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
119
|
-
</span>
|
|
120
|
-
</span>
|
|
121
|
-
</button>
|
|
122
|
-
</div>
|
|
123
|
-
|
|
124
|
-
<div class="pf-v6-c-toolbar__item">
|
|
125
|
-
<button
|
|
126
|
-
class="pf-v6-c-menu-toggle"
|
|
127
|
-
type="button"
|
|
128
|
-
aria-expanded="false"
|
|
129
|
-
>
|
|
130
|
-
<span class="pf-v6-c-menu-toggle__text">Services</span>
|
|
131
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
132
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
133
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
134
|
-
</span>
|
|
135
|
-
</span>
|
|
136
|
-
</button>
|
|
137
|
-
</div>
|
|
138
|
-
|
|
139
109
|
<div
|
|
140
110
|
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"
|
|
141
111
|
>
|