@patternfly/patternfly 6.0.0-alpha.202 → 6.0.0-alpha.204
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/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Button/button.css +34 -42
- package/components/Button/button.scss +34 -42
- package/components/Card/card.css +3 -3
- package/components/Card/card.scss +3 -3
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/Form/form.css +2 -2
- package/components/Form/form.scss +2 -2
- package/components/FormControl/form-control.css +14 -15
- package/components/FormControl/form-control.scss +14 -15
- package/components/Masthead/masthead.css +22 -1
- package/components/Masthead/masthead.scss +9 -1
- package/components/MenuToggle/menu-toggle.css +16 -26
- package/components/MenuToggle/menu-toggle.scss +16 -32
- package/components/Page/page.css +19 -11
- package/components/Page/page.scss +19 -12
- package/components/Table/table.css +2 -2
- package/components/Table/table.scss +2 -2
- package/components/TextInputGroup/text-input-group.css +11 -13
- package/components/TextInputGroup/text-input-group.scss +12 -14
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +128 -120
- package/docs/demos/Page/examples/Page.md +608 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +128 -120
- package/patternfly.css +128 -120
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -6575,14 +6575,14 @@ button) {
|
|
|
6575
6575
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6576
6576
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6577
6577
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6578
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default)
|
|
6579
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default)
|
|
6578
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6579
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6580
6580
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6581
6581
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6582
6582
|
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
6583
6583
|
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6584
6584
|
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
6585
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
6585
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6586
6586
|
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
6587
6587
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6588
6588
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -7593,10 +7593,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7593
7593
|
--pf-v6-c-button--AlignItems: baseline;
|
|
7594
7594
|
--pf-v6-c-button--JustifyContent: center;
|
|
7595
7595
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7596
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7597
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7598
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7599
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7596
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
7597
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
7598
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
7599
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
7600
7600
|
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
|
|
7601
7601
|
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7602
7602
|
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7655,8 +7655,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7655
7655
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7656
7656
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
7657
7657
|
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7658
|
-
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7659
|
-
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7658
|
+
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7659
|
+
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7660
7660
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
|
7661
7661
|
--pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7662
7662
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -7693,17 +7693,15 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7693
7693
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
7694
7694
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7695
7695
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
|
7696
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
7697
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--
|
|
7696
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7697
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7698
7698
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7699
|
-
--pf-v6-c-button--m-plain--
|
|
7700
|
-
--pf-v6-c-button--m-plain--
|
|
7701
|
-
--pf-v6-c-button--m-plain--
|
|
7702
|
-
--pf-v6-c-button--m-
|
|
7703
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
|
|
7704
|
-
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7699
|
+
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7700
|
+
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7701
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
7702
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
|
|
7705
7703
|
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7706
|
-
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--
|
|
7704
|
+
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
|
|
7707
7705
|
--pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
7708
7706
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7709
7707
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -7711,10 +7709,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7711
7709
|
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
7712
7710
|
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7713
7711
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
7714
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
7715
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
7716
|
-
--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7717
|
-
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
7712
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
7713
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
7718
7714
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
7719
7715
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
7720
7716
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -7725,8 +7721,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7725
7721
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
7726
7722
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
7727
7723
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7728
|
-
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7729
|
-
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7724
|
+
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7725
|
+
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7730
7726
|
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
|
|
7731
7727
|
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7732
7728
|
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -7743,8 +7739,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7743
7739
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7744
7740
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7745
7741
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7746
|
-
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7747
|
-
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7742
|
+
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7743
|
+
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7748
7744
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7749
7745
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
7750
7746
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -7787,16 +7783,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7787
7783
|
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
|
|
7788
7784
|
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
|
|
7789
7785
|
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
|
|
7790
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7791
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7792
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7793
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7786
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
7787
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
7788
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
7789
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
7794
7790
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7795
7791
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
7796
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7797
|
-
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7798
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7799
|
-
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7792
|
+
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
7793
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
7794
|
+
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
7795
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
7800
7796
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7801
7797
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7802
7798
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
|
@@ -7813,12 +7809,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7813
7809
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
7814
7810
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
7815
7811
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
7816
|
-
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--
|
|
7812
|
+
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7817
7813
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
7818
|
-
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--
|
|
7819
|
-
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
7820
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7821
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
7814
|
+
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
7815
|
+
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
7816
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7817
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
|
|
7822
7818
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
|
7823
7819
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
7824
7820
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
@@ -8057,9 +8053,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8057
8053
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
8058
8054
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
8059
8055
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
|
|
8060
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
|
|
8061
8056
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
|
|
8062
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
|
|
8063
8057
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
|
|
8064
8058
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
|
|
8065
8059
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
|
|
@@ -8069,9 +8063,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8069
8063
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
|
8070
8064
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
|
8071
8065
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
|
8072
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
|
8073
8066
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
|
8074
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
|
|
8075
8067
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
8076
8068
|
min-width: var(--pf-v6-c-button--m-plain--MinWidth);
|
|
8077
8069
|
}
|
|
@@ -8079,9 +8071,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8079
8071
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
8080
8072
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
8081
8073
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
8082
|
-
--pf-v6-c-button--
|
|
8074
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
8075
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
8083
8076
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
8084
|
-
--pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
8085
8077
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
8086
8078
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
8087
8079
|
}
|
|
@@ -8414,7 +8406,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8414
8406
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8415
8407
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8416
8408
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8417
|
-
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
8409
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
8418
8410
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8419
8411
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8420
8412
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
@@ -8457,8 +8449,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8457
8449
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
8458
8450
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
8459
8451
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
8460
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--
|
|
8461
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--
|
|
8452
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8453
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
8462
8454
|
}
|
|
8463
8455
|
|
|
8464
8456
|
.pf-v6-c-card {
|
|
@@ -9825,7 +9817,7 @@ ul) {
|
|
|
9825
9817
|
--pf-v6-c-data-list--cell--WhiteSpace: normal;
|
|
9826
9818
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
9827
9819
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
9828
|
-
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--
|
|
9820
|
+
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9829
9821
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9830
9822
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9831
9823
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
@@ -12530,8 +12522,8 @@ ul) {
|
|
|
12530
12522
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12531
12523
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
12532
12524
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
12533
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-
|
|
12534
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-
|
|
12525
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12526
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12535
12527
|
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
12536
12528
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
12537
12529
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -13008,7 +13000,7 @@ ul) {
|
|
|
13008
13000
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
13009
13001
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
13010
13002
|
--pf-v6-c-form-control--Width: 100%;
|
|
13011
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--
|
|
13003
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
13012
13004
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
13013
13005
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
13014
13006
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
@@ -13034,35 +13026,34 @@ ul) {
|
|
|
13034
13026
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
13035
13027
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
13036
13028
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
13037
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-
|
|
13029
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
13038
13030
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
13039
13031
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
13040
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-
|
|
13032
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
13041
13033
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
13042
13034
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
13043
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-
|
|
13035
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
|
|
13044
13036
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
13045
13037
|
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
13046
13038
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
13047
|
-
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--
|
|
13039
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
13048
13040
|
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
13049
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-
|
|
13050
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-
|
|
13051
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-
|
|
13052
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-
|
|
13053
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-
|
|
13041
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
13042
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
13043
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
13044
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
13045
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
13054
13046
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
13055
13047
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
13056
|
-
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13057
13048
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13049
|
+
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
13058
13050
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
13059
13051
|
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
13060
13052
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
13061
13053
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13062
13054
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
13063
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
|
13055
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
13064
13056
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
13065
|
-
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13066
13057
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
13067
13058
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
13068
13059
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -13230,7 +13221,7 @@ ul) {
|
|
|
13230
13221
|
}
|
|
13231
13222
|
|
|
13232
13223
|
.pf-v6-c-form-control__icon {
|
|
13233
|
-
|
|
13224
|
+
font-size: var(--pf-v6-c-form-control__icon--FontSize);
|
|
13234
13225
|
color: var(--pf-v6-c-form-control__icon--Color);
|
|
13235
13226
|
}
|
|
13236
13227
|
.pf-v6-c-form-control__icon.pf-m-status {
|
|
@@ -13240,7 +13231,6 @@ ul) {
|
|
|
13240
13231
|
.pf-v6-c-form-control__toggle-icon {
|
|
13241
13232
|
grid-row: 1/2;
|
|
13242
13233
|
grid-column: 3;
|
|
13243
|
-
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
|
13244
13234
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
13245
13235
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
13246
13236
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
@@ -13253,6 +13243,7 @@ ul) {
|
|
|
13253
13243
|
grid-row: 1/2;
|
|
13254
13244
|
grid-column: 2;
|
|
13255
13245
|
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
13246
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
13256
13247
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
13257
13248
|
pointer-events: none;
|
|
13258
13249
|
}
|
|
@@ -15037,8 +15028,9 @@ ul.pf-v6-c-list {
|
|
|
15037
15028
|
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
|
15038
15029
|
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
15039
15030
|
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
15040
|
-
--pf-v6-c-masthead--m-display-stack__content--GridColumn:
|
|
15031
|
+
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 1;
|
|
15041
15032
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
15033
|
+
--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn: 2;
|
|
15042
15034
|
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
|
15043
15035
|
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
|
15044
15036
|
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
|
@@ -15051,6 +15043,7 @@ ul.pf-v6-c-list {
|
|
|
15051
15043
|
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
15052
15044
|
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
15053
15045
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
15046
|
+
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
15054
15047
|
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
15055
15048
|
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
15056
15049
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
@@ -15069,6 +15062,7 @@ ul.pf-v6-c-list {
|
|
|
15069
15062
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15070
15063
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15071
15064
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15065
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15072
15066
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15073
15067
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15074
15068
|
display: grid;
|
|
@@ -15099,6 +15093,7 @@ ul.pf-v6-c-list {
|
|
|
15099
15093
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15100
15094
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15101
15095
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15096
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15102
15097
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15103
15098
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15104
15099
|
}
|
|
@@ -15122,6 +15117,7 @@ ul.pf-v6-c-list {
|
|
|
15122
15117
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15123
15118
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15124
15119
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15120
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15125
15121
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15126
15122
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15127
15123
|
}
|
|
@@ -15135,6 +15131,7 @@ ul.pf-v6-c-list {
|
|
|
15135
15131
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15136
15132
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15137
15133
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15134
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15138
15135
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15139
15136
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15140
15137
|
}
|
|
@@ -15170,6 +15167,9 @@ ul.pf-v6-c-list {
|
|
|
15170
15167
|
align-items: center;
|
|
15171
15168
|
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
|
15172
15169
|
}
|
|
15170
|
+
.pf-v6-c-masthead__main:has(.pf-v6-c-masthead__toggle) ~ .pf-v6-c-masthead__content {
|
|
15171
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead__main--toggle--content--GridColumn);
|
|
15172
|
+
}
|
|
15173
15173
|
|
|
15174
15174
|
.pf-v6-c-masthead,
|
|
15175
15175
|
.pf-v6-c-masthead__brand {
|
|
@@ -15230,6 +15230,7 @@ ul.pf-v6-c-list {
|
|
|
15230
15230
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15231
15231
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15232
15232
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15233
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15233
15234
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15234
15235
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15235
15236
|
}
|
|
@@ -15243,6 +15244,7 @@ ul.pf-v6-c-list {
|
|
|
15243
15244
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15244
15245
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15245
15246
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15247
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15246
15248
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15247
15249
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15248
15250
|
}
|
|
@@ -15281,6 +15283,7 @@ ul.pf-v6-c-list {
|
|
|
15281
15283
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15282
15284
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15283
15285
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15286
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15284
15287
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15285
15288
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15286
15289
|
}
|
|
@@ -15294,6 +15297,7 @@ ul.pf-v6-c-list {
|
|
|
15294
15297
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15295
15298
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15296
15299
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15300
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15297
15301
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15298
15302
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15299
15303
|
}
|
|
@@ -15333,6 +15337,7 @@ ul.pf-v6-c-list {
|
|
|
15333
15337
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15334
15338
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15335
15339
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15340
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15336
15341
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15337
15342
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15338
15343
|
}
|
|
@@ -15346,6 +15351,7 @@ ul.pf-v6-c-list {
|
|
|
15346
15351
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15347
15352
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15348
15353
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15354
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15349
15355
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15350
15356
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15351
15357
|
}
|
|
@@ -15385,6 +15391,7 @@ ul.pf-v6-c-list {
|
|
|
15385
15391
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15386
15392
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15387
15393
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15394
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15388
15395
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15389
15396
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15390
15397
|
}
|
|
@@ -15398,6 +15405,7 @@ ul.pf-v6-c-list {
|
|
|
15398
15405
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15399
15406
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15400
15407
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15408
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15401
15409
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15402
15410
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15403
15411
|
}
|
|
@@ -15437,6 +15445,7 @@ ul.pf-v6-c-list {
|
|
|
15437
15445
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15438
15446
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15439
15447
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15448
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15440
15449
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15441
15450
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15442
15451
|
}
|
|
@@ -15450,6 +15459,7 @@ ul.pf-v6-c-list {
|
|
|
15450
15459
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15451
15460
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15452
15461
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15462
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15453
15463
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15454
15464
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15455
15465
|
}
|
|
@@ -15489,6 +15499,7 @@ ul.pf-v6-c-list {
|
|
|
15489
15499
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15490
15500
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15491
15501
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15502
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15492
15503
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15493
15504
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15494
15505
|
}
|
|
@@ -15502,6 +15513,7 @@ ul.pf-v6-c-list {
|
|
|
15502
15513
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15503
15514
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15504
15515
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15516
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15505
15517
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15506
15518
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15507
15519
|
}
|
|
@@ -16114,10 +16126,10 @@ ul.pf-v6-c-list {
|
|
|
16114
16126
|
|
|
16115
16127
|
:where(:root, .pf-v6-c-menu-toggle) {
|
|
16116
16128
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
16117
|
-
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
16118
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16119
|
-
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
16120
|
-
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16129
|
+
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
16130
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
16131
|
+
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
16132
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
16121
16133
|
--pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
16122
16134
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16123
16135
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -16144,15 +16156,9 @@ ul.pf-v6-c-list {
|
|
|
16144
16156
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
16145
16157
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
16146
16158
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
16147
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16148
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16159
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
16160
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
16149
16161
|
--pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16150
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16151
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16152
|
-
--pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16153
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
16154
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16155
|
-
--pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16156
16162
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
|
|
16157
16163
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
|
|
16158
16164
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -16183,8 +16189,8 @@ ul.pf-v6-c-list {
|
|
|
16183
16189
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
16184
16190
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
16185
16191
|
--pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
16186
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16187
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16192
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
16193
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
16188
16194
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
16189
16195
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
16190
16196
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16198,8 +16204,8 @@ ul.pf-v6-c-list {
|
|
|
16198
16204
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
16199
16205
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
16200
16206
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
16201
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16202
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16207
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
16208
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
16203
16209
|
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
16204
16210
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16205
16211
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -16209,13 +16215,11 @@ ul.pf-v6-c-list {
|
|
|
16209
16215
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
16210
16216
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
16211
16217
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
16212
|
-
--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16213
16218
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
16214
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
16215
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
16216
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
16217
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
16218
|
-
--pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
|
|
16219
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
16220
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
16221
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
16222
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
16219
16223
|
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
16220
16224
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
16221
16225
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -16343,9 +16347,8 @@ ul.pf-v6-c-list {
|
|
|
16343
16347
|
.pf-v6-c-menu-toggle.pf-m-small {
|
|
16344
16348
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
|
|
16345
16349
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
16346
|
-
--pf-v6-c-menu-toggle--
|
|
16347
|
-
--pf-v6-c-menu-toggle--
|
|
16348
|
-
--pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
|
|
16350
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
16351
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
16349
16352
|
}
|
|
16350
16353
|
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
16351
16354
|
background-color: transparent;
|
|
@@ -16448,7 +16451,6 @@ ul.pf-v6-c-list {
|
|
|
16448
16451
|
align-items: stretch;
|
|
16449
16452
|
}
|
|
16450
16453
|
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
|
16451
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd);
|
|
16452
16454
|
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
|
16453
16455
|
flex: 1;
|
|
16454
16456
|
}
|
|
@@ -17652,6 +17654,8 @@ ul.pf-v6-c-list {
|
|
|
17652
17654
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17653
17655
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17654
17656
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17657
|
+
--pf-v6-c-page__main-container--GridArea: main;
|
|
17658
|
+
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
17655
17659
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
17656
17660
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17657
17661
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -18012,31 +18016,37 @@ ul.pf-v6-c-list {
|
|
|
18012
18016
|
flex-direction: column;
|
|
18013
18017
|
align-self: start;
|
|
18014
18018
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
18015
|
-
margin-block-start: 0;
|
|
18016
18019
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
18017
18020
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
18018
|
-
overflow: auto;
|
|
18019
18021
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
18020
18022
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
18021
18023
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
18022
18024
|
}
|
|
18023
|
-
@media screen and (min-width: 75rem) {
|
|
18024
|
-
.pf-v6-c-page__main-container {
|
|
18025
|
-
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
18026
|
-
}
|
|
18027
|
-
}
|
|
18028
|
-
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
18029
|
-
align-self: stretch;
|
|
18030
|
-
}
|
|
18031
18025
|
|
|
18032
18026
|
.pf-v6-c-page__main-container,
|
|
18033
18027
|
.pf-v6-c-page__drawer {
|
|
18034
18028
|
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
|
18035
|
-
grid-area:
|
|
18029
|
+
grid-area: var(--pf-v6-c-page__main-container--GridArea);
|
|
18036
18030
|
overflow-x: hidden;
|
|
18037
18031
|
overflow-y: auto;
|
|
18038
18032
|
-webkit-overflow-scrolling: touch;
|
|
18039
18033
|
}
|
|
18034
|
+
@media screen and (min-width: 75rem) {
|
|
18035
|
+
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
18036
|
+
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
18037
|
+
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
18038
|
+
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
18039
|
+
}
|
|
18040
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__main-container,
|
|
18041
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__drawer {
|
|
18042
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
18043
|
+
}
|
|
18044
|
+
}
|
|
18045
|
+
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard),
|
|
18046
|
+
.pf-v6-c-page__drawer.pf-m-fill,
|
|
18047
|
+
.pf-v6-c-page__drawer:has(.pf-v6-c-page__main-wizard) {
|
|
18048
|
+
align-self: stretch;
|
|
18049
|
+
}
|
|
18040
18050
|
.pf-v6-c-page__main-container:focus,
|
|
18041
18051
|
.pf-v6-c-page__drawer:focus {
|
|
18042
18052
|
outline: 0;
|
|
@@ -22493,8 +22503,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22493
22503
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
22494
22504
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22495
22505
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
22496
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--
|
|
22497
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--
|
|
22506
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
|
22507
|
+
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
|
22498
22508
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22499
22509
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22500
22510
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
@@ -24936,8 +24946,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24936
24946
|
--pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
24937
24947
|
--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
24938
24948
|
--pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
24939
|
-
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--
|
|
24940
|
-
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
24949
|
+
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
|
24950
|
+
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
|
|
24941
24951
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
24942
24952
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
24943
24953
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
@@ -24946,18 +24956,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24946
24956
|
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24947
24957
|
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24948
24958
|
--pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24949
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
24950
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
24951
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
24952
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
24953
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
24954
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
24955
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
24959
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
|
24960
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
|
24961
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
|
24962
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
24963
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
24964
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
24965
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
24956
24966
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
24957
24967
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
24958
24968
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
24959
24969
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
24960
24970
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
24971
|
+
--pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
24961
24972
|
--pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
|
|
24962
24973
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24963
24974
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -24969,8 +24980,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24969
24980
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
24970
24981
|
--pf-v6-c-text-input-group__icon--TranslateY: -50%;
|
|
24971
24982
|
--pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
24972
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
24973
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
24974
24983
|
--pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
24975
24984
|
--pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
24976
24985
|
}
|
|
@@ -25050,8 +25059,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25050
25059
|
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
|
25051
25060
|
}
|
|
25052
25061
|
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
|
25053
|
-
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
|
25054
|
-
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
|
25055
25062
|
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
|
25056
25063
|
}
|
|
25057
25064
|
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
|
@@ -25072,6 +25079,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25072
25079
|
position: absolute;
|
|
25073
25080
|
inset-block-start: 50%;
|
|
25074
25081
|
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
|
25082
|
+
font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
|
|
25075
25083
|
color: var(--pf-v6-c-text-input-group__icon--Color);
|
|
25076
25084
|
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
|
25077
25085
|
}
|
|
@@ -28051,7 +28059,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
28051
28059
|
--pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
28052
28060
|
--pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
28053
28061
|
--pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
28054
|
-
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-
|
|
28062
|
+
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
28055
28063
|
--pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
28056
28064
|
--pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
|
28057
28065
|
--pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|