@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
|
@@ -6454,14 +6454,14 @@
|
|
|
6454
6454
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6455
6455
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6456
6456
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6457
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default)
|
|
6458
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default)
|
|
6457
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6458
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
6459
6459
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6460
6460
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6461
6461
|
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
6462
6462
|
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6463
6463
|
--pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
|
|
6464
|
-
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
6464
|
+
--pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6465
6465
|
--pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
|
|
6466
6466
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6467
6467
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -7472,10 +7472,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7472
7472
|
--pf-v6-c-button--AlignItems: baseline;
|
|
7473
7473
|
--pf-v6-c-button--JustifyContent: center;
|
|
7474
7474
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7475
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7476
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7477
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7478
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7475
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
7476
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
7477
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
7478
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
7479
7479
|
--pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
|
|
7480
7480
|
--pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7481
7481
|
--pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7534,8 +7534,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7534
7534
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7535
7535
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
7536
7536
|
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7537
|
-
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7538
|
-
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7537
|
+
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7538
|
+
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7539
7539
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
|
7540
7540
|
--pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7541
7541
|
--pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -7572,17 +7572,15 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7572
7572
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
7573
7573
|
--pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7574
7574
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
|
7575
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
7576
|
-
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--
|
|
7575
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7576
|
+
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7577
7577
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7578
|
-
--pf-v6-c-button--m-plain--
|
|
7579
|
-
--pf-v6-c-button--m-plain--
|
|
7580
|
-
--pf-v6-c-button--m-plain--
|
|
7581
|
-
--pf-v6-c-button--m-
|
|
7582
|
-
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
|
|
7583
|
-
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7578
|
+
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7579
|
+
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
7580
|
+
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
7581
|
+
--pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
|
|
7584
7582
|
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7585
|
-
--pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--
|
|
7583
|
+
--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));
|
|
7586
7584
|
--pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
7587
7585
|
--pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7588
7586
|
--pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -7590,10 +7588,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7590
7588
|
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
7591
7589
|
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7592
7590
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
7593
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
7594
|
-
--pf-v6-c-button--m-plain--m-small--
|
|
7595
|
-
--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
7596
|
-
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
7591
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
7592
|
+
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
7597
7593
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
7598
7594
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
7599
7595
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -7604,8 +7600,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7604
7600
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
7605
7601
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
7606
7602
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7607
|
-
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7608
|
-
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7603
|
+
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7604
|
+
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7609
7605
|
--pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
|
|
7610
7606
|
--pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7611
7607
|
--pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -7622,8 +7618,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7622
7618
|
--pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7623
7619
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7624
7620
|
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7625
|
-
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7626
|
-
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7621
|
+
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7622
|
+
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7627
7623
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7628
7624
|
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
7629
7625
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -7666,16 +7662,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7666
7662
|
--pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
|
|
7667
7663
|
--pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
|
|
7668
7664
|
--pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
|
|
7669
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7670
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7671
|
-
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7672
|
-
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7665
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
7666
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
7667
|
+
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
7668
|
+
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
7673
7669
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7674
7670
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
7675
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
7676
|
-
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7677
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
7678
|
-
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
7671
|
+
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
7672
|
+
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
7673
|
+
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
7674
|
+
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
7679
7675
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7680
7676
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7681
7677
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
|
@@ -7692,12 +7688,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7692
7688
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
7693
7689
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
7694
7690
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
7695
|
-
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--
|
|
7691
|
+
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7696
7692
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
7697
|
-
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--
|
|
7698
|
-
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
7699
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
7700
|
-
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--
|
|
7693
|
+
--pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
7694
|
+
--pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
|
|
7695
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7696
|
+
--pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
|
|
7701
7697
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
|
7702
7698
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
7703
7699
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
@@ -7936,9 +7932,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
7936
7932
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
7937
7933
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
7938
7934
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
|
|
7939
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
|
|
7940
7935
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
|
|
7941
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
|
|
7942
7936
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
|
|
7943
7937
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
|
|
7944
7938
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
|
|
@@ -7948,9 +7942,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
7948
7942
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
|
|
7949
7943
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
|
|
7950
7944
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
|
|
7951
|
-
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
|
|
7952
7945
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
|
|
7953
|
-
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
|
|
7954
7946
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
7955
7947
|
min-width: var(--pf-v6-c-button--m-plain--MinWidth);
|
|
7956
7948
|
}
|
|
@@ -7958,9 +7950,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
7958
7950
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
7959
7951
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
7960
7952
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
7961
|
-
--pf-v6-c-button--
|
|
7953
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
|
|
7954
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
7962
7955
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
|
|
7963
|
-
--pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
|
|
7964
7956
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
7965
7957
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
7966
7958
|
}
|
|
@@ -8293,7 +8285,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8293
8285
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8294
8286
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8295
8287
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8296
|
-
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
8288
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
8297
8289
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8298
8290
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8299
8291
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
@@ -8336,8 +8328,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8336
8328
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
8337
8329
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
8338
8330
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
8339
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--
|
|
8340
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--
|
|
8331
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8332
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
8341
8333
|
}
|
|
8342
8334
|
|
|
8343
8335
|
.pf-v6-c-card {
|
|
@@ -9704,7 +9696,7 @@ ul) {
|
|
|
9704
9696
|
--pf-v6-c-data-list--cell--WhiteSpace: normal;
|
|
9705
9697
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
9706
9698
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
9707
|
-
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--
|
|
9699
|
+
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9708
9700
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9709
9701
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
9710
9702
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
@@ -12409,8 +12401,8 @@ ul) {
|
|
|
12409
12401
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12410
12402
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
12411
12403
|
--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);
|
|
12412
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-
|
|
12413
|
-
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-
|
|
12404
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12405
|
+
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12414
12406
|
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
12415
12407
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
12416
12408
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -12887,7 +12879,7 @@ ul) {
|
|
|
12887
12879
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
12888
12880
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
12889
12881
|
--pf-v6-c-form-control--Width: 100%;
|
|
12890
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--
|
|
12882
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
12891
12883
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
12892
12884
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
12893
12885
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
@@ -12913,35 +12905,34 @@ ul) {
|
|
|
12913
12905
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
12914
12906
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
12915
12907
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
12916
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-
|
|
12908
|
+
--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));
|
|
12917
12909
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
12918
12910
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
12919
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-
|
|
12911
|
+
--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));
|
|
12920
12912
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
12921
12913
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
12922
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-
|
|
12914
|
+
--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));
|
|
12923
12915
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
12924
12916
|
--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));
|
|
12925
12917
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
12926
|
-
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--
|
|
12918
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
12927
12919
|
--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));
|
|
12928
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-
|
|
12929
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-
|
|
12930
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-
|
|
12931
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-
|
|
12932
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-
|
|
12920
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
12921
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
12922
|
+
--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));
|
|
12923
|
+
--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));
|
|
12924
|
+
--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));
|
|
12933
12925
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
12934
12926
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
12935
|
-
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12936
12927
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12928
|
+
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
12937
12929
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
12938
12930
|
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12939
12931
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12940
12932
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12941
12933
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
12942
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
|
12934
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
12943
12935
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
12944
|
-
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12945
12936
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
12946
12937
|
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
12947
12938
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -13109,7 +13100,7 @@ ul) {
|
|
|
13109
13100
|
}
|
|
13110
13101
|
|
|
13111
13102
|
.pf-v6-c-form-control__icon {
|
|
13112
|
-
|
|
13103
|
+
font-size: var(--pf-v6-c-form-control__icon--FontSize);
|
|
13113
13104
|
color: var(--pf-v6-c-form-control__icon--Color);
|
|
13114
13105
|
}
|
|
13115
13106
|
.pf-v6-c-form-control__icon.pf-m-status {
|
|
@@ -13119,7 +13110,6 @@ ul) {
|
|
|
13119
13110
|
.pf-v6-c-form-control__toggle-icon {
|
|
13120
13111
|
grid-row: 1/2;
|
|
13121
13112
|
grid-column: 3;
|
|
13122
|
-
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
|
13123
13113
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
13124
13114
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
13125
13115
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
@@ -13132,6 +13122,7 @@ ul) {
|
|
|
13132
13122
|
grid-row: 1/2;
|
|
13133
13123
|
grid-column: 2;
|
|
13134
13124
|
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
13125
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
13135
13126
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
13136
13127
|
pointer-events: none;
|
|
13137
13128
|
}
|
|
@@ -14916,8 +14907,9 @@ ul.pf-v6-c-list {
|
|
|
14916
14907
|
--pf-v6-c-masthead--m-display-stack__brand--Order: -1;
|
|
14917
14908
|
--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
|
|
14918
14909
|
--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
|
|
14919
|
-
--pf-v6-c-masthead--m-display-stack__content--GridColumn:
|
|
14910
|
+
--pf-v6-c-masthead--m-display-stack__content--GridColumn: 1;
|
|
14920
14911
|
--pf-v6-c-masthead--m-display-stack__content--Order: 1;
|
|
14912
|
+
--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn: 2;
|
|
14921
14913
|
--pf-v6-c-masthead--m-display-stack__main--Display: contents;
|
|
14922
14914
|
--pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
|
|
14923
14915
|
--pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
|
|
@@ -14930,6 +14922,7 @@ ul.pf-v6-c-list {
|
|
|
14930
14922
|
--pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
|
|
14931
14923
|
--pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
|
|
14932
14924
|
--pf-v6-c-masthead--m-display-inline__content--Order: 0;
|
|
14925
|
+
--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
|
|
14933
14926
|
--pf-v6-c-masthead--m-display-inline__main--Display: flex;
|
|
14934
14927
|
--pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
14935
14928
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
@@ -14948,6 +14941,7 @@ ul.pf-v6-c-list {
|
|
|
14948
14941
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
14949
14942
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
14950
14943
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
14944
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
14951
14945
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
14952
14946
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
14953
14947
|
display: grid;
|
|
@@ -14978,6 +14972,7 @@ ul.pf-v6-c-list {
|
|
|
14978
14972
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
14979
14973
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
14980
14974
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
14975
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
14981
14976
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
14982
14977
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
14983
14978
|
}
|
|
@@ -15001,6 +14996,7 @@ ul.pf-v6-c-list {
|
|
|
15001
14996
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15002
14997
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15003
14998
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
14999
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15004
15000
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15005
15001
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15006
15002
|
}
|
|
@@ -15014,6 +15010,7 @@ ul.pf-v6-c-list {
|
|
|
15014
15010
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15015
15011
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15016
15012
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15013
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15017
15014
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15018
15015
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15019
15016
|
}
|
|
@@ -15049,6 +15046,9 @@ ul.pf-v6-c-list {
|
|
|
15049
15046
|
align-items: center;
|
|
15050
15047
|
margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
|
|
15051
15048
|
}
|
|
15049
|
+
.pf-v6-c-masthead__main:has(.pf-v6-c-masthead__toggle) ~ .pf-v6-c-masthead__content {
|
|
15050
|
+
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead__main--toggle--content--GridColumn);
|
|
15051
|
+
}
|
|
15052
15052
|
|
|
15053
15053
|
.pf-v6-c-masthead,
|
|
15054
15054
|
.pf-v6-c-masthead__brand {
|
|
@@ -15109,6 +15109,7 @@ ul.pf-v6-c-list {
|
|
|
15109
15109
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15110
15110
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15111
15111
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15112
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15112
15113
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15113
15114
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15114
15115
|
}
|
|
@@ -15122,6 +15123,7 @@ ul.pf-v6-c-list {
|
|
|
15122
15123
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15123
15124
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15124
15125
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15126
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15125
15127
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15126
15128
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15127
15129
|
}
|
|
@@ -15160,6 +15162,7 @@ ul.pf-v6-c-list {
|
|
|
15160
15162
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15161
15163
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15162
15164
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15165
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15163
15166
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15164
15167
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15165
15168
|
}
|
|
@@ -15173,6 +15176,7 @@ ul.pf-v6-c-list {
|
|
|
15173
15176
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15174
15177
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15175
15178
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15179
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15176
15180
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15177
15181
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15178
15182
|
}
|
|
@@ -15212,6 +15216,7 @@ ul.pf-v6-c-list {
|
|
|
15212
15216
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15213
15217
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15214
15218
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15219
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15215
15220
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15216
15221
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15217
15222
|
}
|
|
@@ -15225,6 +15230,7 @@ ul.pf-v6-c-list {
|
|
|
15225
15230
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15226
15231
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15227
15232
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15233
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15228
15234
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15229
15235
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15230
15236
|
}
|
|
@@ -15264,6 +15270,7 @@ ul.pf-v6-c-list {
|
|
|
15264
15270
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15265
15271
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15266
15272
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15273
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15267
15274
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15268
15275
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15269
15276
|
}
|
|
@@ -15277,6 +15284,7 @@ ul.pf-v6-c-list {
|
|
|
15277
15284
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15278
15285
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15279
15286
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15287
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15280
15288
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15281
15289
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15282
15290
|
}
|
|
@@ -15316,6 +15324,7 @@ ul.pf-v6-c-list {
|
|
|
15316
15324
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15317
15325
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15318
15326
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15327
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15319
15328
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15320
15329
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15321
15330
|
}
|
|
@@ -15329,6 +15338,7 @@ ul.pf-v6-c-list {
|
|
|
15329
15338
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15330
15339
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15331
15340
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15341
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15332
15342
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15333
15343
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15334
15344
|
}
|
|
@@ -15368,6 +15378,7 @@ ul.pf-v6-c-list {
|
|
|
15368
15378
|
--pf-v6-c-masthead__main--GridColumn: unset;
|
|
15369
15379
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
|
|
15370
15380
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
|
|
15381
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
|
|
15371
15382
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
|
|
15372
15383
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
|
|
15373
15384
|
}
|
|
@@ -15381,6 +15392,7 @@ ul.pf-v6-c-list {
|
|
|
15381
15392
|
--pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
|
|
15382
15393
|
--pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
|
|
15383
15394
|
--pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
|
|
15395
|
+
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
15384
15396
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
15385
15397
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
15386
15398
|
}
|
|
@@ -15993,10 +16005,10 @@ ul.pf-v6-c-list {
|
|
|
15993
16005
|
|
|
15994
16006
|
:where(:root, .pf-v6-c-menu-toggle) {
|
|
15995
16007
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15996
|
-
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
15997
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
15998
|
-
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
15999
|
-
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16008
|
+
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
16009
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
16010
|
+
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
16011
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
16000
16012
|
--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));
|
|
16001
16013
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
16002
16014
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -16023,15 +16035,9 @@ ul.pf-v6-c-list {
|
|
|
16023
16035
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
16024
16036
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
16025
16037
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
|
|
16026
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16027
|
-
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16038
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
16039
|
+
--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
16028
16040
|
--pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16029
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16030
|
-
--pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16031
|
-
--pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16032
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
16033
|
-
--pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16034
|
-
--pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16035
16041
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
|
|
16036
16042
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
|
|
16037
16043
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -16062,8 +16068,8 @@ ul.pf-v6-c-list {
|
|
|
16062
16068
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
16063
16069
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
16064
16070
|
--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));
|
|
16065
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16066
|
-
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16071
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
16072
|
+
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
16067
16073
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
16068
16074
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
16069
16075
|
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16077,8 +16083,8 @@ ul.pf-v6-c-list {
|
|
|
16077
16083
|
--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
16078
16084
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
16079
16085
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
16080
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
16081
|
-
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
16086
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
16087
|
+
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
16082
16088
|
--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));
|
|
16083
16089
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16084
16090
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -16088,13 +16094,11 @@ ul.pf-v6-c-list {
|
|
|
16088
16094
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
16089
16095
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
16090
16096
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
16091
|
-
--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16092
16097
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
16093
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
16094
|
-
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
16095
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
16096
|
-
--pf-v6-c-menu-toggle--m-small--
|
|
16097
|
-
--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));
|
|
16098
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
16099
|
+
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
16100
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
16101
|
+
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
16098
16102
|
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
16099
16103
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
16100
16104
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -16222,9 +16226,8 @@ ul.pf-v6-c-list {
|
|
|
16222
16226
|
.pf-v6-c-menu-toggle.pf-m-small {
|
|
16223
16227
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
|
|
16224
16228
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
|
|
16225
|
-
--pf-v6-c-menu-toggle--
|
|
16226
|
-
--pf-v6-c-menu-toggle--
|
|
16227
|
-
--pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
|
|
16229
|
+
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
16230
|
+
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
16228
16231
|
}
|
|
16229
16232
|
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
16230
16233
|
background-color: transparent;
|
|
@@ -16327,7 +16330,6 @@ ul.pf-v6-c-list {
|
|
|
16327
16330
|
align-items: stretch;
|
|
16328
16331
|
}
|
|
16329
16332
|
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
|
16330
|
-
--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);
|
|
16331
16333
|
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
|
16332
16334
|
flex: 1;
|
|
16333
16335
|
}
|
|
@@ -17531,6 +17533,8 @@ ul.pf-v6-c-list {
|
|
|
17531
17533
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17532
17534
|
--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17533
17535
|
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17536
|
+
--pf-v6-c-page__main-container--GridArea: main;
|
|
17537
|
+
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
17534
17538
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
17535
17539
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17536
17540
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -17891,31 +17895,37 @@ ul.pf-v6-c-list {
|
|
|
17891
17895
|
flex-direction: column;
|
|
17892
17896
|
align-self: start;
|
|
17893
17897
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
17894
|
-
margin-block-start: 0;
|
|
17895
17898
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
17896
17899
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
17897
|
-
overflow: auto;
|
|
17898
17900
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
17899
17901
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
17900
17902
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
17901
17903
|
}
|
|
17902
|
-
@media screen and (min-width: 75rem) {
|
|
17903
|
-
.pf-v6-c-page__main-container {
|
|
17904
|
-
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
17905
|
-
}
|
|
17906
|
-
}
|
|
17907
|
-
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
|
|
17908
|
-
align-self: stretch;
|
|
17909
|
-
}
|
|
17910
17904
|
|
|
17911
17905
|
.pf-v6-c-page__main-container,
|
|
17912
17906
|
.pf-v6-c-page__drawer {
|
|
17913
17907
|
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
|
17914
|
-
grid-area:
|
|
17908
|
+
grid-area: var(--pf-v6-c-page__main-container--GridArea);
|
|
17915
17909
|
overflow-x: hidden;
|
|
17916
17910
|
overflow-y: auto;
|
|
17917
17911
|
-webkit-overflow-scrolling: touch;
|
|
17918
17912
|
}
|
|
17913
|
+
@media screen and (min-width: 75rem) {
|
|
17914
|
+
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
17915
|
+
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
17916
|
+
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
17917
|
+
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
17918
|
+
}
|
|
17919
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__main-container,
|
|
17920
|
+
.pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__drawer {
|
|
17921
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
17922
|
+
}
|
|
17923
|
+
}
|
|
17924
|
+
.pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard),
|
|
17925
|
+
.pf-v6-c-page__drawer.pf-m-fill,
|
|
17926
|
+
.pf-v6-c-page__drawer:has(.pf-v6-c-page__main-wizard) {
|
|
17927
|
+
align-self: stretch;
|
|
17928
|
+
}
|
|
17919
17929
|
.pf-v6-c-page__main-container:focus,
|
|
17920
17930
|
.pf-v6-c-page__drawer:focus {
|
|
17921
17931
|
outline: 0;
|
|
@@ -22372,8 +22382,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22372
22382
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
22373
22383
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22374
22384
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
22375
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--
|
|
22376
|
-
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--
|
|
22385
|
+
--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));
|
|
22386
|
+
--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));
|
|
22377
22387
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22378
22388
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22379
22389
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
@@ -24815,8 +24825,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24815
24825
|
--pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
24816
24826
|
--pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
24817
24827
|
--pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
24818
|
-
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--
|
|
24819
|
-
--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
24828
|
+
--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
|
24829
|
+
--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));
|
|
24820
24830
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
24821
24831
|
--pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
24822
24832
|
--pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
@@ -24825,18 +24835,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24825
24835
|
--pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24826
24836
|
--pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24827
24837
|
--pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
|
|
24828
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
24829
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
24830
|
-
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
24831
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
24832
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
24833
|
-
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
24834
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
24838
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
|
24839
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
|
|
24840
|
+
--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
|
|
24841
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
24842
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
24843
|
+
--pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
24844
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
24835
24845
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
24836
24846
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
24837
24847
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
24838
24848
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
24839
24849
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
24850
|
+
--pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
24840
24851
|
--pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
|
|
24841
24852
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24842
24853
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -24848,8 +24859,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24848
24859
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
24849
24860
|
--pf-v6-c-text-input-group__icon--TranslateY: -50%;
|
|
24850
24861
|
--pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
24851
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
24852
|
-
--pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
24853
24862
|
--pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
24854
24863
|
--pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
24855
24864
|
}
|
|
@@ -24929,8 +24938,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24929
24938
|
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
|
24930
24939
|
}
|
|
24931
24940
|
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
|
24932
|
-
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
|
24933
|
-
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
|
24934
24941
|
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
|
24935
24942
|
}
|
|
24936
24943
|
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
|
@@ -24951,6 +24958,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24951
24958
|
position: absolute;
|
|
24952
24959
|
inset-block-start: 50%;
|
|
24953
24960
|
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
|
24961
|
+
font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
|
|
24954
24962
|
color: var(--pf-v6-c-text-input-group__icon--Color);
|
|
24955
24963
|
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
|
24956
24964
|
}
|
|
@@ -27930,7 +27938,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
27930
27938
|
--pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
27931
27939
|
--pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
27932
27940
|
--pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
27933
|
-
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-
|
|
27941
|
+
--pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
27934
27942
|
--pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
27935
27943
|
--pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
|
27936
27944
|
--pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|