@patternfly/patternfly 6.0.0-alpha.176 → 6.0.0-alpha.178
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/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +2 -5
- package/components/Alert/alert.scss +2 -4
- package/components/Drawer/drawer.css +6 -6
- package/components/Drawer/drawer.scss +6 -6
- package/components/EmptyState/empty-state.css +3 -3
- package/components/EmptyState/empty-state.scss +3 -3
- package/components/InlineEdit/inline-edit.css +2 -2
- package/components/InlineEdit/inline-edit.scss +2 -2
- package/components/MenuToggle/menu-toggle.css +0 -28
- package/components/MenuToggle/menu-toggle.scss +0 -32
- package/components/ModalBox/modal-box.css +2 -0
- package/components/ModalBox/modal-box.scss +2 -0
- package/components/Page/page.css +6 -0
- package/components/Page/page.scss +7 -0
- package/components/_index.css +22 -45
- 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 +1 -151
- 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 +47 -46
- package/patternfly.css +47 -46
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -4413,7 +4413,7 @@ button) {
|
|
|
4413
4413
|
font-family: "pf-v6-pficon";
|
|
4414
4414
|
src: url("./assets/pficon/pf-v6-pficon.woff2") format("woff2");
|
|
4415
4415
|
}
|
|
4416
|
-
.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 {
|
|
4416
|
+
.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 {
|
|
4417
4417
|
font-family: "pf-v6-pficon";
|
|
4418
4418
|
-webkit-font-smoothing: antialiased;
|
|
4419
4419
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -4868,6 +4868,30 @@ button) {
|
|
|
4868
4868
|
content: "\e947";
|
|
4869
4869
|
}
|
|
4870
4870
|
|
|
4871
|
+
.pf-v6-pficon-severity-critical:before {
|
|
4872
|
+
content: "\e97e";
|
|
4873
|
+
}
|
|
4874
|
+
|
|
4875
|
+
.pf-v6-pficon-severity-important:before {
|
|
4876
|
+
content: "\e97f";
|
|
4877
|
+
}
|
|
4878
|
+
|
|
4879
|
+
.pf-v6-pficon-severity-minor:before {
|
|
4880
|
+
content: "\e980";
|
|
4881
|
+
}
|
|
4882
|
+
|
|
4883
|
+
.pf-v6-pficon-severity-moderate:before {
|
|
4884
|
+
content: "\e981";
|
|
4885
|
+
}
|
|
4886
|
+
|
|
4887
|
+
.pf-v6-pficon-severity-none:before {
|
|
4888
|
+
content: "\e982";
|
|
4889
|
+
}
|
|
4890
|
+
|
|
4891
|
+
.pf-v6-pficon-severity-undefined:before {
|
|
4892
|
+
content: "\e983";
|
|
4893
|
+
}
|
|
4894
|
+
|
|
4871
4895
|
.pf-v6-pficon-spinner:before {
|
|
4872
4896
|
content: "\e973";
|
|
4873
4897
|
}
|
|
@@ -6568,11 +6592,11 @@ button) {
|
|
|
6568
6592
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
6569
6593
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
6570
6594
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
6571
|
-
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--
|
|
6595
|
+
--pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6572
6596
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
6573
6597
|
--pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
|
|
6574
6598
|
--pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
6575
|
-
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
6599
|
+
--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6576
6600
|
--pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
6577
6601
|
--pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
6578
6602
|
--pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -6729,15 +6753,12 @@ button) {
|
|
|
6729
6753
|
grid-area: actiongroup;
|
|
6730
6754
|
padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
|
|
6731
6755
|
}
|
|
6732
|
-
.pf-v6-c-alert__action-group > .pf-v6-c-button {
|
|
6733
|
-
--pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
|
|
6734
|
-
}
|
|
6735
6756
|
.pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
|
|
6736
6757
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
6737
6758
|
}
|
|
6738
6759
|
|
|
6739
6760
|
:where(:root, .pf-v6-c-alert-group) {
|
|
6740
|
-
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--
|
|
6761
|
+
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6741
6762
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
6742
6763
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
6743
6764
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
@@ -11282,7 +11303,7 @@ ul) {
|
|
|
11282
11303
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
11283
11304
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
11284
11305
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11285
|
-
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--
|
|
11306
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11286
11307
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11287
11308
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
11288
11309
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -11369,7 +11390,7 @@ ul) {
|
|
|
11369
11390
|
--pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
|
|
11370
11391
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
11371
11392
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
11372
|
-
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
11393
|
+
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
11373
11394
|
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
11374
11395
|
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
|
|
11375
11396
|
--pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
|
|
@@ -11389,19 +11410,19 @@ ul) {
|
|
|
11389
11410
|
}
|
|
11390
11411
|
|
|
11391
11412
|
.pf-v6-c-drawer {
|
|
11392
|
-
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
11393
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
11413
|
+
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
11414
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
11394
11415
|
display: flex;
|
|
11395
11416
|
flex-direction: column;
|
|
11396
11417
|
height: 100%;
|
|
11397
11418
|
overflow-x: hidden;
|
|
11398
11419
|
}
|
|
11399
11420
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
11400
|
-
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
11421
|
+
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
11401
11422
|
}
|
|
11402
11423
|
|
|
11403
11424
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
11404
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
11425
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
|
11405
11426
|
}
|
|
11406
11427
|
|
|
11407
11428
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
@@ -12147,11 +12168,11 @@ ul) {
|
|
|
12147
12168
|
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12148
12169
|
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
12149
12170
|
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
12150
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--
|
|
12171
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
|
12151
12172
|
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
12152
12173
|
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12153
|
-
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--
|
|
12154
|
-
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--
|
|
12174
|
+
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
12175
|
+
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12155
12176
|
}
|
|
12156
12177
|
|
|
12157
12178
|
.pf-v6-c-empty-state {
|
|
@@ -13581,10 +13602,10 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
13581
13602
|
}
|
|
13582
13603
|
|
|
13583
13604
|
:where(:root, .pf-v6-c-inline-edit) {
|
|
13584
|
-
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
13605
|
+
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
13585
13606
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
13586
13607
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
13587
|
-
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
13608
|
+
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
13588
13609
|
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
13589
13610
|
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13590
13611
|
}
|
|
@@ -15973,9 +15994,6 @@ ul.pf-v6-c-list {
|
|
|
15973
15994
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
15974
15995
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15975
15996
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15976
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15977
|
-
--pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
15978
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15979
15997
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
15980
15998
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15981
15999
|
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -16003,9 +16021,6 @@ ul.pf-v6-c-list {
|
|
|
16003
16021
|
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
16004
16022
|
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
16005
16023
|
--pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
|
|
16006
|
-
--pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
16007
|
-
--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
16008
|
-
--pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
|
|
16009
16024
|
--pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
16010
16025
|
--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
16011
16026
|
--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
|
|
@@ -16020,9 +16035,6 @@ ul.pf-v6-c-list {
|
|
|
16020
16035
|
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16021
16036
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
16022
16037
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
16023
|
-
--pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
16024
|
-
--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
16025
|
-
--pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
16026
16038
|
--pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
16027
16039
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
16028
16040
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
@@ -16040,7 +16052,6 @@ ul.pf-v6-c-list {
|
|
|
16040
16052
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
16041
16053
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
16042
16054
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
16043
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
16044
16055
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
16045
16056
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
16046
16057
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
@@ -16053,7 +16064,6 @@ ul.pf-v6-c-list {
|
|
|
16053
16064
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
16054
16065
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
16055
16066
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
16056
|
-
--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
16057
16067
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
16058
16068
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
16059
16069
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
@@ -16120,9 +16130,6 @@ ul.pf-v6-c-list {
|
|
|
16120
16130
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
|
|
16121
16131
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
|
|
16122
16132
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
|
|
16123
|
-
--pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
|
|
16124
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
|
|
16125
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
|
|
16126
16133
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
|
|
16127
16134
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
|
|
16128
16135
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
|
|
@@ -16138,9 +16145,6 @@ ul.pf-v6-c-list {
|
|
|
16138
16145
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
|
|
16139
16146
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
|
|
16140
16147
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
|
|
16141
|
-
--pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
|
|
16142
|
-
--pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
|
|
16143
|
-
--pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
|
|
16144
16148
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
|
|
16145
16149
|
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
|
16146
16150
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
@@ -16162,7 +16166,6 @@ ul.pf-v6-c-list {
|
|
|
16162
16166
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
16163
16167
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
16164
16168
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
16165
|
-
--pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
|
|
16166
16169
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
16167
16170
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
|
16168
16171
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
@@ -16184,13 +16187,6 @@ ul.pf-v6-c-list {
|
|
|
16184
16187
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
16185
16188
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
16186
16189
|
}
|
|
16187
|
-
.pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
|
|
16188
|
-
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
|
|
16189
|
-
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
|
|
16190
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
|
|
16191
|
-
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
|
|
16192
|
-
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
|
|
16193
|
-
}
|
|
16194
16190
|
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
|
|
16195
16191
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
|
|
16196
16192
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
|
|
@@ -16277,9 +16273,6 @@ ul.pf-v6-c-list {
|
|
|
16277
16273
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
|
|
16278
16274
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
|
|
16279
16275
|
}
|
|
16280
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
|
|
16281
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
|
|
16282
|
-
}
|
|
16283
16276
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
|
16284
16277
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
|
|
16285
16278
|
}
|
|
@@ -16400,6 +16393,7 @@ ul.pf-v6-c-list {
|
|
|
16400
16393
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
16401
16394
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
16402
16395
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
16396
|
+
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
16403
16397
|
--pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
16404
16398
|
--pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16405
16399
|
--pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -16521,6 +16515,7 @@ ul.pf-v6-c-list {
|
|
|
16521
16515
|
flex: 0 0 auto;
|
|
16522
16516
|
font-family: var(--pf-v6-c-modal-box__title--FontFamily);
|
|
16523
16517
|
font-size: var(--pf-v6-c-modal-box__title--FontSize);
|
|
16518
|
+
font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
|
|
16524
16519
|
line-height: var(--pf-v6-c-modal-box__title--LineHeight);
|
|
16525
16520
|
}
|
|
16526
16521
|
.pf-v6-c-modal-box__title.pf-m-icon {
|
|
@@ -17501,6 +17496,8 @@ ul.pf-v6-c-list {
|
|
|
17501
17496
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|
|
17502
17497
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
17503
17498
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
17499
|
+
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17500
|
+
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17504
17501
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17505
17502
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
17506
17503
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -17649,6 +17646,10 @@ ul.pf-v6-c-list {
|
|
|
17649
17646
|
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
|
|
17650
17647
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
|
|
17651
17648
|
}
|
|
17649
|
+
.pf-v6-c-page__sidebar-body.pf-m-context-selector {
|
|
17650
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
|
|
17651
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
|
|
17652
|
+
}
|
|
17652
17653
|
.pf-v6-c-page__sidebar-body.pf-m-inset-none {
|
|
17653
17654
|
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
|
|
17654
17655
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
|