@patternfly/patternfly 6.1.0-prerelease.1 → 6.1.0-prerelease.10
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/README.md +5 -5
- package/components/Button/button.css +18 -2
- package/components/Button/button.scss +19 -3
- package/components/CodeEditor/code-editor.css +15 -0
- package/components/CodeEditor/code-editor.scss +16 -1
- package/components/Content/content.css +9 -0
- package/components/Content/content.scss +7 -0
- package/components/DataList/data-list.css +6 -0
- package/components/DataList/data-list.scss +7 -0
- package/components/Label/label-group.css +12 -0
- package/components/Label/label-group.scss +14 -0
- package/components/Label/label.css +5 -0
- package/components/Label/label.scss +5 -0
- package/components/Menu/menu.css +7 -3
- package/components/Menu/menu.scss +5 -3
- package/components/MenuToggle/menu-toggle.css +27 -11
- package/components/MenuToggle/menu-toggle.scss +24 -17
- package/components/Page/page.css +4 -1
- package/components/Page/page.scss +3 -2
- package/components/Table/table-grid.css +12 -12
- package/components/Table/table-grid.scss +4 -4
- package/components/Table/table-tree-view.css +4 -4
- package/components/Table/table-tree-view.scss +4 -4
- package/components/Table/table.css +7 -4
- package/components/Table/table.scss +9 -5
- package/components/Title/title.css +4 -0
- package/components/Title/title.scss +7 -0
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +131 -38
- package/docs/components/Button/examples/Button.md +1 -1
- package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
- package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
- package/docs/components/Content/examples/Content.md +8 -7
- package/docs/components/DataList/examples/DataList.md +15 -13
- package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
- package/docs/components/Label/examples/Label.css +12 -0
- package/docs/components/Label/examples/Label.md +162 -0
- package/docs/components/Menu/examples/Menu.md +24 -32
- package/docs/components/MenuToggle/examples/MenuToggle.md +1309 -533
- package/docs/components/Page/examples/Page.css +1 -1
- package/docs/components/Page/examples/Page.md +10 -7
- package/docs/components/Table/examples/Table.md +469 -2769
- package/docs/components/Title/examples/Title.md +10 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
- package/docs/demos/Alert/examples/Alert.md +6 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
- package/docs/demos/Banner/examples/Banner.md +4 -8
- package/docs/demos/Card/examples/Card.css +4 -0
- package/docs/demos/Card/examples/Card.md +13 -21
- package/docs/demos/CardView/examples/CardView.md +2 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
- package/docs/demos/DataList/examples/DataList.md +13 -46
- package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
- package/docs/demos/Drawer/examples/Drawer.md +6 -12
- package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
- package/docs/demos/Masthead/examples/Masthead.md +18 -36
- package/docs/demos/Modal/examples/Modal.md +12 -24
- package/docs/demos/Nav/examples/Nav.md +12 -24
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
- package/docs/demos/Page/examples/Page.md +24 -48
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
- package/docs/demos/Table/examples/Table.md +191 -984
- package/docs/demos/Tabs/examples/Tabs.md +18 -60
- package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
- package/docs/demos/Wizard/examples/Wizard.md +18 -36
- package/docs/layouts/Level/examples/Level.css +1 -2
- package/docs/layouts/Level/examples/Level.md +15 -3
- package/docs/layouts/Split/examples/Split.css +1 -2
- package/docs/layouts/Split/examples/Split.md +4 -4
- package/docs/layouts/Stack/examples/Stack.css +1 -2
- package/docs/layouts/Stack/examples/Stack.md +4 -4
- package/layouts/Split/split.css +1 -2
- package/layouts/Split/split.scss +4 -3
- package/layouts/Stack/stack.css +1 -2
- package/layouts/Stack/stack.scss +4 -3
- package/layouts/_index.css +2 -4
- package/package.json +3 -3
- package/patternfly-no-globals.css +133 -42
- package/patternfly.css +133 -42
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +6 -0
package/components/_index.css
CHANGED
|
@@ -1471,6 +1471,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1471
1471
|
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1472
1472
|
--pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
1473
1473
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1474
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1475
|
+
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1474
1476
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
1475
1477
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
1476
1478
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -1520,6 +1522,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1520
1522
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
1521
1523
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
1522
1524
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
1525
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
|
|
1526
|
+
--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
|
|
1523
1527
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
1524
1528
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
1525
1529
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -1544,9 +1548,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1544
1548
|
--pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
1545
1549
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
1546
1550
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1551
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1552
|
+
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1547
1553
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
1548
1554
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1549
1555
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1556
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1557
|
+
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
1550
1558
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
1551
1559
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
1552
1560
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -1734,6 +1742,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1734
1742
|
--pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
|
|
1735
1743
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
|
|
1736
1744
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
|
|
1745
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
|
|
1746
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
|
|
1737
1747
|
}
|
|
1738
1748
|
.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1739
1749
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
|
|
@@ -1821,11 +1831,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1821
1831
|
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
|
|
1822
1832
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
|
|
1823
1833
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
|
|
1834
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
|
|
1835
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
|
|
1824
1836
|
}
|
|
1825
1837
|
.pf-v6-c-button.pf-m-stateful {
|
|
1826
1838
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
|
|
1827
1839
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
|
|
1828
1840
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
|
|
1841
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
|
|
1842
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
|
|
1829
1843
|
}
|
|
1830
1844
|
.pf-v6-c-button.pf-m-read {
|
|
1831
1845
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
|
|
@@ -1882,8 +1896,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1882
1896
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
1883
1897
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
1884
1898
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
1885
|
-
--pf-v6-c-button--
|
|
1886
|
-
--pf-v6-c-button--
|
|
1899
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
1900
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
1901
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
1902
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
1887
1903
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
1888
1904
|
}
|
|
1889
1905
|
.pf-v6-c-button.pf-m-block {
|
|
@@ -2805,9 +2821,22 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2805
2821
|
--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
2806
2822
|
}
|
|
2807
2823
|
|
|
2824
|
+
.pf-v6-c-code-editor {
|
|
2825
|
+
display: flex;
|
|
2826
|
+
flex-direction: column;
|
|
2827
|
+
}
|
|
2808
2828
|
.pf-v6-c-code-editor.pf-m-read-only {
|
|
2809
2829
|
--pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
2810
2830
|
}
|
|
2831
|
+
.pf-v6-c-code-editor.pf-m-full-height {
|
|
2832
|
+
height: 100%;
|
|
2833
|
+
}
|
|
2834
|
+
|
|
2835
|
+
.pf-v6-c-code-editor__container {
|
|
2836
|
+
display: flex;
|
|
2837
|
+
flex-direction: column;
|
|
2838
|
+
flex-grow: 1;
|
|
2839
|
+
}
|
|
2811
2840
|
|
|
2812
2841
|
.pf-v6-c-code-editor__header {
|
|
2813
2842
|
position: relative;
|
|
@@ -2874,6 +2903,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2874
2903
|
|
|
2875
2904
|
.pf-v6-c-code-editor__main {
|
|
2876
2905
|
position: relative;
|
|
2906
|
+
flex-grow: 1;
|
|
2877
2907
|
color: var(--pf-v6-c-code-editor__main--Color, inherit);
|
|
2878
2908
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
2879
2909
|
border: var(--pf-v6-c-code-editor__main--BorderWidth) solid;
|
|
@@ -2895,6 +2925,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2895
2925
|
|
|
2896
2926
|
.pf-v6-c-code-editor__code {
|
|
2897
2927
|
position: relative;
|
|
2928
|
+
height: 100%;
|
|
2898
2929
|
padding-block-start: var(--pf-v6-c-code-editor__code--PaddingBlockStart);
|
|
2899
2930
|
padding-block-end: var(--pf-v6-c-code-editor__code--PaddingBlockEnd);
|
|
2900
2931
|
padding-inline-start: var(--pf-v6-c-code-editor__code--PaddingInlineStart);
|
|
@@ -2967,6 +2998,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2967
2998
|
--pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2968
2999
|
--pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
2969
3000
|
--pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
3001
|
+
--pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
2970
3002
|
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2971
3003
|
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2972
3004
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -3066,6 +3098,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3066
3098
|
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
|
|
3067
3099
|
margin-block-end: 0;
|
|
3068
3100
|
}
|
|
3101
|
+
:is(.pf-v6-c-content--h1,
|
|
3102
|
+
.pf-v6-c-content--h2,
|
|
3103
|
+
.pf-v6-c-content--h3,
|
|
3104
|
+
.pf-v6-c-content--h4,
|
|
3105
|
+
.pf-v6-c-content--h5,
|
|
3106
|
+
.pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
|
|
3107
|
+
font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
|
|
3108
|
+
}
|
|
3069
3109
|
|
|
3070
3110
|
:is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
|
|
3071
3111
|
margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
|
|
@@ -3704,6 +3744,8 @@ ul) {
|
|
|
3704
3744
|
--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
3705
3745
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3706
3746
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3747
|
+
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
|
|
3748
|
+
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
|
|
3707
3749
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
3708
3750
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
3709
3751
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -3757,6 +3799,10 @@ ul) {
|
|
|
3757
3799
|
.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
|
|
3758
3800
|
font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
|
|
3759
3801
|
}
|
|
3802
|
+
.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
|
|
3803
|
+
padding-block-start: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset));
|
|
3804
|
+
padding-block-end: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset));
|
|
3805
|
+
}
|
|
3760
3806
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
3761
3807
|
overflow-anchor: none;
|
|
3762
3808
|
}
|
|
@@ -7836,6 +7882,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7836
7882
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7837
7883
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7838
7884
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
7885
|
+
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
|
7839
7886
|
--pf-v6-c-label--BorderWidth: 0;
|
|
7840
7887
|
--pf-v6-c-label--BorderColor: transparent;
|
|
7841
7888
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -7992,6 +8039,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7992
8039
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7993
8040
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7994
8041
|
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
8042
|
+
--pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
|
|
7995
8043
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
7996
8044
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
7997
8045
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -8025,6 +8073,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8025
8073
|
|
|
8026
8074
|
.pf-v6-c-label {
|
|
8027
8075
|
position: relative;
|
|
8076
|
+
min-width: var(--pf-v6-c-label--MinWidth);
|
|
8028
8077
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
8029
8078
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
8030
8079
|
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
@@ -8183,6 +8232,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8183
8232
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
8184
8233
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
8185
8234
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
8235
|
+
--pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
|
|
8186
8236
|
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
8187
8237
|
}
|
|
8188
8238
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -8271,6 +8321,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8271
8321
|
.pf-v6-c-label__content {
|
|
8272
8322
|
display: inline-flex;
|
|
8273
8323
|
align-items: center;
|
|
8324
|
+
justify-content: center;
|
|
8274
8325
|
}
|
|
8275
8326
|
|
|
8276
8327
|
.pf-v6-c-label__text {
|
|
@@ -8327,16 +8378,22 @@ input.pf-v6-c-label__content {
|
|
|
8327
8378
|
.pf-v6-c-label-group {
|
|
8328
8379
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8329
8380
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8381
|
+
--pf-v6-c-label-group--MaxWidth: 100%;
|
|
8330
8382
|
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8331
8383
|
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8332
8384
|
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8333
8385
|
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8386
|
+
--pf-v6-c-label-group__main--MaxWidth: 100%;
|
|
8387
|
+
--pf-v6-c-label-group__main--MinWidth: 0;
|
|
8334
8388
|
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8335
8389
|
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8336
8390
|
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8337
8391
|
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8392
|
+
--pf-v6-c-label-group__list--MaxWidth: 100%;
|
|
8393
|
+
--pf-v6-c-label-group__list--MinWidth: 0;
|
|
8338
8394
|
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8339
8395
|
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8396
|
+
--pf-v6-c-label-group__list-item--MaxWidth: 100%;
|
|
8340
8397
|
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8341
8398
|
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8342
8399
|
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -8363,6 +8420,7 @@ input.pf-v6-c-label__content {
|
|
|
8363
8420
|
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8364
8421
|
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8365
8422
|
align-items: center;
|
|
8423
|
+
max-width: var(--pf-v6-c-label-group--MaxWidth);
|
|
8366
8424
|
}
|
|
8367
8425
|
.pf-v6-c-label-group.pf-m-category {
|
|
8368
8426
|
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
@@ -8388,9 +8446,11 @@ input.pf-v6-c-label__content {
|
|
|
8388
8446
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8389
8447
|
flex-direction: column;
|
|
8390
8448
|
align-items: flex-start;
|
|
8449
|
+
max-width: var(--pf-v6-c-label-group__list--MaxWidth);
|
|
8391
8450
|
}
|
|
8392
8451
|
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8393
8452
|
flex-direction: column;
|
|
8453
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8394
8454
|
}
|
|
8395
8455
|
.pf-v6-c-label-group.pf-m-editable,
|
|
8396
8456
|
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
@@ -8411,6 +8471,7 @@ input.pf-v6-c-label__content {
|
|
|
8411
8471
|
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8412
8472
|
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8413
8473
|
align-items: baseline;
|
|
8474
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8414
8475
|
}
|
|
8415
8476
|
|
|
8416
8477
|
.pf-v6-c-label-group__list {
|
|
@@ -8418,10 +8479,12 @@ input.pf-v6-c-label__content {
|
|
|
8418
8479
|
flex-wrap: wrap;
|
|
8419
8480
|
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8420
8481
|
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8482
|
+
min-width: var(--pf-v6-c-label-group__list--MinWidth);
|
|
8421
8483
|
}
|
|
8422
8484
|
|
|
8423
8485
|
.pf-v6-c-label-group__list-item {
|
|
8424
8486
|
display: inline-flex;
|
|
8487
|
+
max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
|
|
8425
8488
|
}
|
|
8426
8489
|
|
|
8427
8490
|
.pf-v6-c-label-group__label {
|
|
@@ -9387,7 +9450,6 @@ ul.pf-v6-c-list {
|
|
|
9387
9450
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
9388
9451
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9389
9452
|
--pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
|
|
9390
|
-
--pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
|
|
9391
9453
|
--pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
|
|
9392
9454
|
--pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
|
|
9393
9455
|
--pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -9873,8 +9935,13 @@ ul.pf-v6-c-list {
|
|
|
9873
9935
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
9874
9936
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
9875
9937
|
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
9876
|
-
--pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9877
|
-
|
|
9938
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9939
|
+
}
|
|
9940
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
9941
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
9942
|
+
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
9943
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
9944
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9878
9945
|
}
|
|
9879
9946
|
|
|
9880
9947
|
.pf-v6-c-menu__breadcrumb {
|
|
@@ -9950,6 +10017,8 @@ ul.pf-v6-c-list {
|
|
|
9950
10017
|
--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
9951
10018
|
--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
9952
10019
|
--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
10020
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10021
|
+
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
9953
10022
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
9954
10023
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
9955
10024
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
@@ -9964,6 +10033,8 @@ ul.pf-v6-c-list {
|
|
|
9964
10033
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9965
10034
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
9966
10035
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10036
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
10037
|
+
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
9967
10038
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
9968
10039
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
9969
10040
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -9974,6 +10045,8 @@ ul.pf-v6-c-list {
|
|
|
9974
10045
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
9975
10046
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9976
10047
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10048
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10049
|
+
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
9977
10050
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
9978
10051
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
9979
10052
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
@@ -9988,6 +10061,8 @@ ul.pf-v6-c-list {
|
|
|
9988
10061
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
9989
10062
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9990
10063
|
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10064
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10065
|
+
--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
9991
10066
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
9992
10067
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
9993
10068
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -9999,6 +10074,8 @@ ul.pf-v6-c-list {
|
|
|
9999
10074
|
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10000
10075
|
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
10001
10076
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
10077
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10078
|
+
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10002
10079
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
10003
10080
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10004
10081
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -10068,6 +10145,8 @@ ul.pf-v6-c-list {
|
|
|
10068
10145
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
10069
10146
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
10070
10147
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
|
|
10148
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
|
|
10149
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
|
|
10071
10150
|
}
|
|
10072
10151
|
.pf-v6-c-menu-toggle.pf-m-secondary {
|
|
10073
10152
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
|
|
@@ -10083,6 +10162,8 @@ ul.pf-v6-c-list {
|
|
|
10083
10162
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
10084
10163
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
10085
10164
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
|
|
10165
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
|
|
10166
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
|
|
10086
10167
|
}
|
|
10087
10168
|
.pf-v6-c-menu-toggle.pf-m-full-height {
|
|
10088
10169
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
|
|
@@ -10107,6 +10188,8 @@ ul.pf-v6-c-list {
|
|
|
10107
10188
|
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10108
10189
|
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
10109
10190
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
10191
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
10192
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
10110
10193
|
}
|
|
10111
10194
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
10112
10195
|
border: none;
|
|
@@ -10133,6 +10216,10 @@ ul.pf-v6-c-list {
|
|
|
10133
10216
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
10134
10217
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
10135
10218
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
10219
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
|
|
10220
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
|
|
10221
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
|
|
10222
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
|
|
10136
10223
|
}
|
|
10137
10224
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
10138
10225
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
@@ -10211,13 +10298,13 @@ ul.pf-v6-c-list {
|
|
|
10211
10298
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
|
10212
10299
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
10213
10300
|
}
|
|
10214
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10215
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10301
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10302
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
|
|
10216
10303
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
10217
10304
|
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
10218
10305
|
}
|
|
10219
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10220
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-
|
|
10306
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10307
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
|
|
10221
10308
|
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
10222
10309
|
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
10223
10310
|
}
|
|
@@ -10283,13 +10370,6 @@ ul.pf-v6-c-list {
|
|
|
10283
10370
|
flex-wrap: nowrap;
|
|
10284
10371
|
}
|
|
10285
10372
|
|
|
10286
|
-
.pf-v6-c-menu-toggle__controls,
|
|
10287
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10288
|
-
display: flex;
|
|
10289
|
-
align-items: center;
|
|
10290
|
-
justify-content: center;
|
|
10291
|
-
}
|
|
10292
|
-
|
|
10293
10373
|
.pf-v6-c-menu-toggle__icon {
|
|
10294
10374
|
flex-shrink: 0;
|
|
10295
10375
|
}
|
|
@@ -10301,7 +10381,10 @@ ul.pf-v6-c-list {
|
|
|
10301
10381
|
}
|
|
10302
10382
|
|
|
10303
10383
|
.pf-v6-c-menu-toggle__controls {
|
|
10384
|
+
display: flex;
|
|
10304
10385
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
10386
|
+
align-items: center;
|
|
10387
|
+
justify-content: center;
|
|
10305
10388
|
margin-inline-start: auto;
|
|
10306
10389
|
}
|
|
10307
10390
|
|
|
@@ -11355,7 +11438,7 @@ ul.pf-v6-c-list {
|
|
|
11355
11438
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11356
11439
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11357
11440
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11358
|
-
--pf-v6-c-page__sidebar--xl--Width:
|
|
11441
|
+
--pf-v6-c-page__sidebar--xl--Width: 18.125rem;
|
|
11359
11442
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11360
11443
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11361
11444
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11544,18 +11627,21 @@ ul.pf-v6-c-list {
|
|
|
11544
11627
|
flex-grow: 0;
|
|
11545
11628
|
}
|
|
11546
11629
|
|
|
11630
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11547
11631
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11548
11632
|
.pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11549
11633
|
.pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
|
|
11550
11634
|
.pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
|
|
11551
11635
|
max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
|
|
11552
11636
|
}
|
|
11637
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
|
|
11553
11638
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
|
|
11554
11639
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
|
|
11555
11640
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
|
|
11556
11641
|
.pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
|
|
11557
11642
|
align-items: center;
|
|
11558
11643
|
}
|
|
11644
|
+
.pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11559
11645
|
.pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11560
11646
|
.pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
11561
11647
|
.pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
|
|
@@ -14927,7 +15013,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14927
15013
|
--pf-v6-c-table--cell--Width: auto;
|
|
14928
15014
|
}
|
|
14929
15015
|
|
|
14930
|
-
@media screen and (max-width: 48rem) {
|
|
15016
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14931
15017
|
.pf-m-grid-md.pf-v6-c-table {
|
|
14932
15018
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
14933
15019
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15197,14 +15283,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15197
15283
|
text-align: end;
|
|
15198
15284
|
}
|
|
15199
15285
|
}
|
|
15200
|
-
@media screen and (max-width: 48rem) and (max-width: 36rem) {
|
|
15286
|
+
@media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
|
|
15201
15287
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
15202
15288
|
grid-row-start: 1;
|
|
15203
15289
|
grid-column-start: 2;
|
|
15204
15290
|
margin-inline-start: 0;
|
|
15205
15291
|
}
|
|
15206
15292
|
}
|
|
15207
|
-
@media screen and (max-width: 48rem) {
|
|
15293
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
15208
15294
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15209
15295
|
grid-column: 2;
|
|
15210
15296
|
grid-row: 2;
|
|
@@ -15230,7 +15316,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15230
15316
|
}
|
|
15231
15317
|
}
|
|
15232
15318
|
|
|
15233
|
-
@media screen and (max-width: 62rem) {
|
|
15319
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
15234
15320
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
15235
15321
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15236
15322
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15500,14 +15586,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15500
15586
|
text-align: end;
|
|
15501
15587
|
}
|
|
15502
15588
|
}
|
|
15503
|
-
@media screen and (max-width: 62rem) and (max-width: 36rem) {
|
|
15589
|
+
@media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
|
|
15504
15590
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
15505
15591
|
grid-row-start: 1;
|
|
15506
15592
|
grid-column-start: 2;
|
|
15507
15593
|
margin-inline-start: 0;
|
|
15508
15594
|
}
|
|
15509
15595
|
}
|
|
15510
|
-
@media screen and (max-width: 62rem) {
|
|
15596
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
15511
15597
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15512
15598
|
grid-column: 2;
|
|
15513
15599
|
grid-row: 2;
|
|
@@ -15533,7 +15619,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15533
15619
|
}
|
|
15534
15620
|
}
|
|
15535
15621
|
|
|
15536
|
-
@media screen and (max-width: 75rem) {
|
|
15622
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
15537
15623
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
15538
15624
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15539
15625
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -15803,14 +15889,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15803
15889
|
text-align: end;
|
|
15804
15890
|
}
|
|
15805
15891
|
}
|
|
15806
|
-
@media screen and (max-width: 75rem) and (max-width: 36rem) {
|
|
15892
|
+
@media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
|
|
15807
15893
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
15808
15894
|
grid-row-start: 1;
|
|
15809
15895
|
grid-column-start: 2;
|
|
15810
15896
|
margin-inline-start: 0;
|
|
15811
15897
|
}
|
|
15812
15898
|
}
|
|
15813
|
-
@media screen and (max-width: 75rem) {
|
|
15899
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
15814
15900
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
15815
15901
|
grid-column: 2;
|
|
15816
15902
|
grid-row: 2;
|
|
@@ -15836,7 +15922,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15836
15922
|
}
|
|
15837
15923
|
}
|
|
15838
15924
|
|
|
15839
|
-
@media screen and (max-width: 90.625rem) {
|
|
15925
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
15840
15926
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
15841
15927
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
15842
15928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -16106,14 +16192,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16106
16192
|
text-align: end;
|
|
16107
16193
|
}
|
|
16108
16194
|
}
|
|
16109
|
-
@media screen and (max-width: 90.625rem) and (max-width: 36rem) {
|
|
16195
|
+
@media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
|
|
16110
16196
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
16111
16197
|
grid-row-start: 1;
|
|
16112
16198
|
grid-column-start: 2;
|
|
16113
16199
|
margin-inline-start: 0;
|
|
16114
16200
|
}
|
|
16115
16201
|
}
|
|
16116
|
-
@media screen and (max-width: 90.625rem) {
|
|
16202
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
16117
16203
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
|
|
16118
16204
|
grid-column: 2;
|
|
16119
16205
|
grid-row: 2;
|
|
@@ -16168,7 +16254,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16168
16254
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
16169
16255
|
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
16170
16256
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
16171
|
-
--pf-v6-c-table--cell--MinWidth:
|
|
16257
|
+
--pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
|
|
16172
16258
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
16173
16259
|
--pf-v6-c-table--cell--Width: auto;
|
|
16174
16260
|
--pf-v6-c-table--cell--Overflow: visible;
|
|
@@ -16182,6 +16268,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16182
16268
|
--pf-v6-c-table--cell--m-help--MinWidth: 11ch;
|
|
16183
16269
|
--pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
|
|
16184
16270
|
--pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
|
|
16271
|
+
--pf-v6-c-table__text--MinWidth: 100%;
|
|
16272
|
+
--pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
|
|
16185
16273
|
--pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
|
|
16186
16274
|
--pf-v6-c-table--cell--hidden-visible--Display: table-cell;
|
|
16187
16275
|
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16570,11 +16658,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16570
16658
|
}
|
|
16571
16659
|
|
|
16572
16660
|
.pf-v6-c-table__text {
|
|
16573
|
-
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
16574
16661
|
position: relative;
|
|
16575
16662
|
display: block;
|
|
16576
16663
|
width: var(--pf-v6-c-table--cell--Width);
|
|
16577
|
-
min-width: var(--pf-v6-c-
|
|
16664
|
+
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
16578
16665
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
16579
16666
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
16580
16667
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
@@ -16584,7 +16671,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16584
16671
|
}
|
|
16585
16672
|
.pf-v6-c-table__text.pf-m-truncate {
|
|
16586
16673
|
--pf-v6-c-table--cell--MinWidth: 100%;
|
|
16587
|
-
--pf-v6-c-
|
|
16674
|
+
min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
|
|
16588
16675
|
}
|
|
16589
16676
|
.pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
|
|
16590
16677
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
@@ -16637,6 +16724,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16637
16724
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
16638
16725
|
.pf-v6-c-table__column-help .pf-v6-c-table__text {
|
|
16639
16726
|
min-width: auto;
|
|
16727
|
+
max-width: 100%;
|
|
16640
16728
|
}
|
|
16641
16729
|
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
|
|
16642
16730
|
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
|
|
@@ -16667,6 +16755,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16667
16755
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
16668
16756
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16669
16757
|
--pf-v6-c-table--cell--Width: 1%;
|
|
16758
|
+
max-width: none;
|
|
16670
16759
|
}
|
|
16671
16760
|
|
|
16672
16761
|
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
@@ -17315,7 +17404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17315
17404
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
|
|
17316
17405
|
}
|
|
17317
17406
|
|
|
17318
|
-
@media screen and (max-width: 48rem) {
|
|
17407
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
17319
17408
|
.pf-m-tree-view-grid-md.pf-v6-c-table {
|
|
17320
17409
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17321
17410
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17458,7 +17547,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17458
17547
|
}
|
|
17459
17548
|
}
|
|
17460
17549
|
|
|
17461
|
-
@media screen and (max-width: 62rem) {
|
|
17550
|
+
@media screen and (max-width: calc(62rem - 1px)) {
|
|
17462
17551
|
.pf-m-tree-view-grid-lg.pf-v6-c-table {
|
|
17463
17552
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17464
17553
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17601,7 +17690,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17601
17690
|
}
|
|
17602
17691
|
}
|
|
17603
17692
|
|
|
17604
|
-
@media screen and (max-width: 75rem) {
|
|
17693
|
+
@media screen and (max-width: calc(75rem - 1px)) {
|
|
17605
17694
|
.pf-m-tree-view-grid-xl.pf-v6-c-table {
|
|
17606
17695
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17607
17696
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -17744,7 +17833,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17744
17833
|
}
|
|
17745
17834
|
}
|
|
17746
17835
|
|
|
17747
|
-
@media screen and (max-width: 90.625rem) {
|
|
17836
|
+
@media screen and (max-width: calc(90.625rem - 1px)) {
|
|
17748
17837
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table {
|
|
17749
17838
|
--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
17750
17839
|
--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -19072,6 +19161,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19072
19161
|
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
19073
19162
|
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
19074
19163
|
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
19164
|
+
--pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
19075
19165
|
}
|
|
19076
19166
|
|
|
19077
19167
|
.pf-v6-c-title {
|
|
@@ -19138,6 +19228,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19138
19228
|
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
19139
19229
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19140
19230
|
}
|
|
19231
|
+
.pf-v6-c-title.pf-m-page-title {
|
|
19232
|
+
font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
|
|
19233
|
+
}
|
|
19141
19234
|
|
|
19142
19235
|
.pf-v6-c-toggle-group {
|
|
19143
19236
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21909,7 +22002,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21909
22002
|
--pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
21910
22003
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
21911
22004
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
21912
|
-
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--
|
|
22005
|
+
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21913
22006
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
21914
22007
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
21915
22008
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
@@ -2046,7 +2046,7 @@ Semantic buttons and links are important for usability as well as accessibility.
|
|
|
2046
2046
|
| `.pf-m-start` | `.pf-v6-c-button__icon` | Applies right spacing to an icon inside of a button when the icon comes before text. |
|
|
2047
2047
|
| `.pf-m-end` | `.pf-v6-c-button__icon` | Applies left spacing to an icon inside of a button when the icon comes after text. |
|
|
2048
2048
|
| `.pf-m-active` | `.pf-v6-c-button` | Forces display of the active state of the button. This modifier should be used when `aria-pressed` is set to true so that the button displays in an active state. |
|
|
2049
|
-
| `.pf-m-small` | `.pf-v6-c-button` | Modifies the button
|
|
2049
|
+
| `.pf-m-small` | `.pf-v6-c-button` | Modifies the button for small/compact styles. |
|
|
2050
2050
|
| `.pf-m-aria-disabled` | `.pf-v6-c-button` | Modifies a button to be visually disabled, yet is still focusable. |
|
|
2051
2051
|
| `.pf-m-display-lg` | `.pf-v6-c-button`, `pf-v6-c-button.pf-m-link` | Modifies the button and link button for large display styling. For example, use this modifier to achieve "call to action" styles. |
|
|
2052
2052
|
| `.pf-m-progress` | `.pf-v6-c-button` | Indicates that the button supports the progress state. **Note:** Not used with the plain variation. |
|