@patternfly/react-templates 6.1.0-prerelease.12 → 6.1.0-prerelease.13
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.
|
@@ -456,88 +456,6 @@
|
|
|
456
456
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
457
457
|
}
|
|
458
458
|
|
|
459
|
-
.pf-v6-c-check {
|
|
460
|
-
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
461
|
-
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
462
|
-
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
463
|
-
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
464
|
-
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
465
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
466
|
-
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
467
|
-
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
468
|
-
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
469
|
-
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
470
|
-
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
471
|
-
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
472
|
-
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
473
|
-
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
.pf-v6-c-check {
|
|
477
|
-
display: grid;
|
|
478
|
-
grid-template-columns: auto 1fr;
|
|
479
|
-
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
480
|
-
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
484
|
-
display: inline-grid;
|
|
485
|
-
grid-template-columns: auto;
|
|
486
|
-
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
490
|
-
align-self: center;
|
|
491
|
-
transform: none;
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
.pf-v6-c-check__input {
|
|
495
|
-
align-self: start;
|
|
496
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
497
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
498
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
.pf-v6-c-check__label {
|
|
502
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
503
|
-
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
504
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
505
|
-
color: var(--pf-v6-c-check__label--Color);
|
|
506
|
-
}
|
|
507
|
-
|
|
508
|
-
.pf-v6-c-check__description {
|
|
509
|
-
grid-column: 2;
|
|
510
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
511
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
512
|
-
}
|
|
513
|
-
|
|
514
|
-
.pf-v6-c-check__body {
|
|
515
|
-
grid-column: 2;
|
|
516
|
-
}
|
|
517
|
-
|
|
518
|
-
.pf-v6-c-check__label,
|
|
519
|
-
.pf-v6-c-check__input {
|
|
520
|
-
justify-self: start;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
524
|
-
.pf-v6-c-check__input {
|
|
525
|
-
cursor: pointer;
|
|
526
|
-
}
|
|
527
|
-
|
|
528
|
-
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
529
|
-
.pf-v6-c-check__input:disabled,
|
|
530
|
-
.pf-v6-c-check__input.pf-m-disabled {
|
|
531
|
-
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
532
|
-
cursor: not-allowed;
|
|
533
|
-
}
|
|
534
|
-
|
|
535
|
-
.pf-v6-c-check__label-required {
|
|
536
|
-
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
537
|
-
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
538
|
-
color: var(--pf-v6-c-check__label-required--Color);
|
|
539
|
-
}
|
|
540
|
-
|
|
541
459
|
.pf-v6-c-divider {
|
|
542
460
|
--pf-v6-c-divider--Display: flex;
|
|
543
461
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
@@ -854,6 +772,88 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
854
772
|
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
855
773
|
}
|
|
856
774
|
}
|
|
775
|
+
.pf-v6-c-check {
|
|
776
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
777
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
778
|
+
--pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
779
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
780
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
781
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
782
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
783
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
784
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
785
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
786
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
787
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
788
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
789
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
.pf-v6-c-check {
|
|
793
|
+
display: grid;
|
|
794
|
+
grid-template-columns: auto 1fr;
|
|
795
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
796
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
800
|
+
display: inline-grid;
|
|
801
|
+
grid-template-columns: auto;
|
|
802
|
+
min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
|
|
803
|
+
}
|
|
804
|
+
|
|
805
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
806
|
+
align-self: center;
|
|
807
|
+
transform: none;
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
.pf-v6-c-check__input {
|
|
811
|
+
align-self: start;
|
|
812
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
813
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
814
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.pf-v6-c-check__label {
|
|
818
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
819
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
820
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
821
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
.pf-v6-c-check__description {
|
|
825
|
+
grid-column: 2;
|
|
826
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
827
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
.pf-v6-c-check__body {
|
|
831
|
+
grid-column: 2;
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
.pf-v6-c-check__label,
|
|
835
|
+
.pf-v6-c-check__input {
|
|
836
|
+
justify-self: start;
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
840
|
+
.pf-v6-c-check__input {
|
|
841
|
+
cursor: pointer;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
845
|
+
.pf-v6-c-check__input:disabled,
|
|
846
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
847
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
848
|
+
cursor: not-allowed;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
.pf-v6-c-check__label-required {
|
|
852
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
853
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
854
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
855
|
+
}
|
|
856
|
+
|
|
857
857
|
.pf-v6-c-accordion {
|
|
858
858
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
859
859
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
@@ -1590,79 +1590,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1590
1590
|
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
1591
1591
|
}
|
|
1592
1592
|
|
|
1593
|
-
.pf-v6-c-badge {
|
|
1594
|
-
--pf-v6-c-badge--BorderColor: transparent;
|
|
1595
|
-
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1596
|
-
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
1597
|
-
--pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1598
|
-
--pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
1599
|
-
--pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1600
|
-
--pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
1601
|
-
--pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1602
|
-
--pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
|
|
1603
|
-
--pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1604
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1605
|
-
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1606
|
-
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1607
|
-
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1608
|
-
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1609
|
-
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
1610
|
-
--pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
1611
|
-
--pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
1612
|
-
--pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
1613
|
-
--pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
1614
|
-
}
|
|
1615
|
-
|
|
1616
|
-
.pf-v6-c-badge {
|
|
1617
|
-
position: relative;
|
|
1618
|
-
display: inline-block;
|
|
1619
|
-
min-width: var(--pf-v6-c-badge--MinWidth);
|
|
1620
|
-
padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
|
|
1621
|
-
padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
|
|
1622
|
-
font-size: var(--pf-v6-c-badge--FontSize);
|
|
1623
|
-
font-weight: var(--pf-v6-c-badge--FontWeight);
|
|
1624
|
-
color: var(--pf-v6-c-badge--Color);
|
|
1625
|
-
text-align: center;
|
|
1626
|
-
white-space: nowrap;
|
|
1627
|
-
background-color: var(--pf-v6-c-badge--BackgroundColor);
|
|
1628
|
-
border-radius: var(--pf-v6-c-badge--BorderRadius);
|
|
1629
|
-
}
|
|
1630
|
-
|
|
1631
|
-
.pf-v6-c-badge::after {
|
|
1632
|
-
position: absolute;
|
|
1633
|
-
inset: 0;
|
|
1634
|
-
pointer-events: none;
|
|
1635
|
-
content: "";
|
|
1636
|
-
border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
|
|
1637
|
-
border-radius: inherit;
|
|
1638
|
-
}
|
|
1639
|
-
|
|
1640
|
-
.pf-v6-c-badge.pf-m-read {
|
|
1641
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
1642
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
1643
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
1644
|
-
}
|
|
1645
|
-
|
|
1646
|
-
.pf-v6-c-badge.pf-m-unread {
|
|
1647
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
|
|
1648
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
|
|
1649
|
-
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
|
|
1650
|
-
}
|
|
1651
|
-
|
|
1652
|
-
.pf-v6-c-badge.pf-m-disabled {
|
|
1653
|
-
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
|
|
1654
|
-
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.pf-v6-c-badge.pf-m-disabled::after {
|
|
1658
|
-
border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
|
|
1659
|
-
}
|
|
1660
|
-
|
|
1661
|
-
.pf-v6-c-badge__toggle-icon {
|
|
1662
|
-
margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
|
|
1663
|
-
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1664
|
-
}
|
|
1665
|
-
|
|
1666
1593
|
.pf-v6-c-banner {
|
|
1667
1594
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1668
1595
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -1822,25 +1749,98 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1822
1749
|
cursor: not-allowed;
|
|
1823
1750
|
}
|
|
1824
1751
|
|
|
1825
|
-
.pf-v6-c-
|
|
1826
|
-
--pf-v6-c-
|
|
1827
|
-
--pf-v6-c-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
--pf-v6-c-
|
|
1834
|
-
--pf-v6-c-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1752
|
+
.pf-v6-c-badge {
|
|
1753
|
+
--pf-v6-c-badge--BorderColor: transparent;
|
|
1754
|
+
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1755
|
+
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
1756
|
+
--pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1757
|
+
--pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
1758
|
+
--pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
1759
|
+
--pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
1760
|
+
--pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1761
|
+
--pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
|
|
1762
|
+
--pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1763
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1764
|
+
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1765
|
+
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1766
|
+
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1767
|
+
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1768
|
+
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
1769
|
+
--pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
1770
|
+
--pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
1771
|
+
--pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
1772
|
+
--pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
1773
|
+
}
|
|
1774
|
+
|
|
1775
|
+
.pf-v6-c-badge {
|
|
1776
|
+
position: relative;
|
|
1777
|
+
display: inline-block;
|
|
1778
|
+
min-width: var(--pf-v6-c-badge--MinWidth);
|
|
1779
|
+
padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
|
|
1780
|
+
padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
|
|
1781
|
+
font-size: var(--pf-v6-c-badge--FontSize);
|
|
1782
|
+
font-weight: var(--pf-v6-c-badge--FontWeight);
|
|
1783
|
+
color: var(--pf-v6-c-badge--Color);
|
|
1784
|
+
text-align: center;
|
|
1785
|
+
white-space: nowrap;
|
|
1786
|
+
background-color: var(--pf-v6-c-badge--BackgroundColor);
|
|
1787
|
+
border-radius: var(--pf-v6-c-badge--BorderRadius);
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1790
|
+
.pf-v6-c-badge::after {
|
|
1791
|
+
position: absolute;
|
|
1792
|
+
inset: 0;
|
|
1793
|
+
pointer-events: none;
|
|
1794
|
+
content: "";
|
|
1795
|
+
border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
|
|
1796
|
+
border-radius: inherit;
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
.pf-v6-c-badge.pf-m-read {
|
|
1800
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
1801
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
1802
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
.pf-v6-c-badge.pf-m-unread {
|
|
1806
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
|
|
1807
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
|
|
1808
|
+
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1811
|
+
.pf-v6-c-badge.pf-m-disabled {
|
|
1812
|
+
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
|
|
1813
|
+
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
|
|
1814
|
+
}
|
|
1815
|
+
|
|
1816
|
+
.pf-v6-c-badge.pf-m-disabled::after {
|
|
1817
|
+
border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
|
|
1818
|
+
}
|
|
1819
|
+
|
|
1820
|
+
.pf-v6-c-badge__toggle-icon {
|
|
1821
|
+
margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
|
|
1822
|
+
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
.pf-v6-c-brand {
|
|
1826
|
+
--pf-v6-c-brand--Width: auto;
|
|
1827
|
+
--pf-v6-c-brand--Height: auto;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
.pf-v6-c-brand {
|
|
1831
|
+
width: var(--pf-v6-c-brand--Width--base);
|
|
1832
|
+
height: var(--pf-v6-c-brand--Height--base);
|
|
1833
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
1834
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
1835
|
+
}
|
|
1836
|
+
|
|
1837
|
+
@media (min-width: 36rem) {
|
|
1838
|
+
.pf-v6-c-brand {
|
|
1839
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
1840
|
+
}
|
|
1841
|
+
}
|
|
1842
|
+
@media (min-width: 48rem) {
|
|
1843
|
+
.pf-v6-c-brand {
|
|
1844
1844
|
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
1845
1845
|
}
|
|
1846
1846
|
}
|
|
@@ -5775,6 +5775,155 @@ ul) {
|
|
|
5775
5775
|
display: none;
|
|
5776
5776
|
}
|
|
5777
5777
|
}
|
|
5778
|
+
.pf-v6-c-empty-state {
|
|
5779
|
+
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
5780
|
+
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
5781
|
+
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5782
|
+
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
5783
|
+
--pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
5784
|
+
--pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
5785
|
+
--pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
5786
|
+
--pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
5787
|
+
--pf-v6-c-empty-state__content--MaxWidth: none;
|
|
5788
|
+
--pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
|
|
5789
|
+
--pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
|
|
5790
|
+
--pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
|
|
5791
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5792
|
+
--pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
5793
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
5794
|
+
--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5795
|
+
--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
5796
|
+
--pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
5797
|
+
--pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
5798
|
+
--pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
5799
|
+
--pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
5800
|
+
--pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
5801
|
+
--pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
5802
|
+
--pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
5803
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
5804
|
+
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
5805
|
+
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5806
|
+
--pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
5807
|
+
--pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
5808
|
+
--pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
5809
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5810
|
+
--pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
|
|
5811
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5812
|
+
--pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5813
|
+
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5814
|
+
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
5815
|
+
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5816
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
5817
|
+
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
5818
|
+
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
5819
|
+
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
5820
|
+
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
5821
|
+
}
|
|
5822
|
+
|
|
5823
|
+
.pf-v6-c-empty-state {
|
|
5824
|
+
display: flex;
|
|
5825
|
+
align-items: center;
|
|
5826
|
+
justify-content: center;
|
|
5827
|
+
padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
|
|
5828
|
+
padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
|
|
5829
|
+
padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
|
|
5830
|
+
padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
|
|
5831
|
+
text-align: center;
|
|
5832
|
+
}
|
|
5833
|
+
|
|
5834
|
+
.pf-v6-c-empty-state.pf-m-xs {
|
|
5835
|
+
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
|
|
5836
|
+
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
|
|
5837
|
+
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
|
|
5838
|
+
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
5839
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
5840
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
5841
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
5842
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
5843
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
5844
|
+
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
5845
|
+
}
|
|
5846
|
+
|
|
5847
|
+
.pf-v6-c-empty-state.pf-m-sm {
|
|
5848
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
|
|
5849
|
+
}
|
|
5850
|
+
|
|
5851
|
+
.pf-v6-c-empty-state.pf-m-lg {
|
|
5852
|
+
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
|
|
5853
|
+
}
|
|
5854
|
+
|
|
5855
|
+
.pf-v6-c-empty-state.pf-m-xl {
|
|
5856
|
+
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
|
|
5857
|
+
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
|
|
5858
|
+
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
|
|
5859
|
+
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
5860
|
+
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
5861
|
+
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
5862
|
+
}
|
|
5863
|
+
|
|
5864
|
+
.pf-v6-c-empty-state.pf-m-full-height {
|
|
5865
|
+
height: 100%;
|
|
5866
|
+
}
|
|
5867
|
+
|
|
5868
|
+
.pf-v6-c-empty-state.pf-m-danger {
|
|
5869
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
|
|
5870
|
+
}
|
|
5871
|
+
|
|
5872
|
+
.pf-v6-c-empty-state.pf-m-warning {
|
|
5873
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
|
|
5874
|
+
}
|
|
5875
|
+
|
|
5876
|
+
.pf-v6-c-empty-state.pf-m-success {
|
|
5877
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
|
|
5878
|
+
}
|
|
5879
|
+
|
|
5880
|
+
.pf-v6-c-empty-state.pf-m-info {
|
|
5881
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
|
|
5882
|
+
}
|
|
5883
|
+
|
|
5884
|
+
.pf-v6-c-empty-state.pf-m-custom {
|
|
5885
|
+
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5888
|
+
.pf-v6-c-empty-state__content {
|
|
5889
|
+
max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
|
|
5890
|
+
}
|
|
5891
|
+
|
|
5892
|
+
.pf-v6-c-empty-state__icon {
|
|
5893
|
+
margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
|
|
5894
|
+
font-size: var(--pf-v6-c-empty-state__icon--FontSize);
|
|
5895
|
+
line-height: 1;
|
|
5896
|
+
color: var(--pf-v6-c-empty-state__icon--Color);
|
|
5897
|
+
}
|
|
5898
|
+
|
|
5899
|
+
.pf-v6-c-empty-state__title-text {
|
|
5900
|
+
font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
|
|
5901
|
+
font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
|
|
5902
|
+
font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
|
|
5903
|
+
line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
|
|
5904
|
+
}
|
|
5905
|
+
|
|
5906
|
+
.pf-v6-c-empty-state__body {
|
|
5907
|
+
margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
|
|
5908
|
+
font-size: var(--pf-v6-c-empty-state--body--FontSize);
|
|
5909
|
+
color: var(--pf-v6-c-empty-state__body--Color);
|
|
5910
|
+
}
|
|
5911
|
+
|
|
5912
|
+
.pf-v6-c-empty-state__footer {
|
|
5913
|
+
display: flex;
|
|
5914
|
+
flex-direction: column;
|
|
5915
|
+
row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
|
|
5916
|
+
align-items: center;
|
|
5917
|
+
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
5918
|
+
}
|
|
5919
|
+
|
|
5920
|
+
.pf-v6-c-empty-state__actions {
|
|
5921
|
+
display: flex;
|
|
5922
|
+
flex-wrap: wrap;
|
|
5923
|
+
gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
|
|
5924
|
+
justify-content: center;
|
|
5925
|
+
}
|
|
5926
|
+
|
|
5778
5927
|
.pf-v6-c-dual-list-selector {
|
|
5779
5928
|
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
|
5780
5929
|
--pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
@@ -6125,153 +6274,64 @@ ul) {
|
|
|
6125
6274
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
6126
6275
|
}
|
|
6127
6276
|
|
|
6128
|
-
.pf-v6-c-
|
|
6129
|
-
--pf-v6-c-
|
|
6130
|
-
--pf-v6-c-
|
|
6131
|
-
--pf-v6-c-
|
|
6132
|
-
--pf-v6-c-
|
|
6133
|
-
--pf-v6-c-
|
|
6134
|
-
--pf-v6-c-
|
|
6135
|
-
--pf-v6-c-
|
|
6136
|
-
--pf-v6-c-
|
|
6137
|
-
--pf-v6-c-
|
|
6138
|
-
--pf-v6-c-
|
|
6139
|
-
--pf-v6-c-
|
|
6140
|
-
--pf-v6-c-
|
|
6141
|
-
--pf-v6-c-
|
|
6142
|
-
--pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
6143
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
6144
|
-
--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
6145
|
-
--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
|
|
6146
|
-
--pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
6147
|
-
--pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6148
|
-
--pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6149
|
-
--pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6150
|
-
--pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
6151
|
-
--pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
6152
|
-
--pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
6153
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
6154
|
-
--pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
6155
|
-
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
6156
|
-
--pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
6157
|
-
--pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
6158
|
-
--pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
6159
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
6160
|
-
--pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
|
|
6161
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
6162
|
-
--pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
6163
|
-
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
6164
|
-
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
6165
|
-
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
6166
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
|
6167
|
-
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
6168
|
-
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
6169
|
-
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6170
|
-
--pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
6277
|
+
.pf-v6-c-file-upload {
|
|
6278
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
6279
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6280
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6281
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6282
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6283
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6284
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6285
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
6286
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
6287
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
6288
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
6289
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
6290
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
6171
6291
|
}
|
|
6172
6292
|
|
|
6173
|
-
.pf-v6-c-
|
|
6293
|
+
.pf-v6-c-file-upload {
|
|
6294
|
+
position: relative;
|
|
6174
6295
|
display: flex;
|
|
6175
|
-
|
|
6176
|
-
|
|
6177
|
-
padding-block-start: var(--pf-v6-c-
|
|
6178
|
-
padding-block-end: var(--pf-v6-c-
|
|
6179
|
-
padding-inline-start: var(--pf-v6-c-
|
|
6180
|
-
padding-inline-end: var(--pf-v6-c-
|
|
6181
|
-
|
|
6182
|
-
|
|
6183
|
-
|
|
6184
|
-
.pf-v6-c-empty-state.pf-m-xs {
|
|
6185
|
-
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
|
|
6186
|
-
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
|
|
6187
|
-
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
|
|
6188
|
-
--pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
|
|
6189
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
|
|
6190
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
|
|
6191
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
|
|
6192
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
|
|
6193
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
|
|
6194
|
-
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
|
|
6195
|
-
}
|
|
6196
|
-
|
|
6197
|
-
.pf-v6-c-empty-state.pf-m-sm {
|
|
6198
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
|
|
6199
|
-
}
|
|
6200
|
-
|
|
6201
|
-
.pf-v6-c-empty-state.pf-m-lg {
|
|
6202
|
-
--pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
|
|
6203
|
-
}
|
|
6204
|
-
|
|
6205
|
-
.pf-v6-c-empty-state.pf-m-xl {
|
|
6206
|
-
--pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
|
|
6207
|
-
--pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
|
|
6208
|
-
--pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
|
|
6209
|
-
--pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
|
|
6210
|
-
--pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
|
|
6211
|
-
--pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
|
|
6212
|
-
}
|
|
6213
|
-
|
|
6214
|
-
.pf-v6-c-empty-state.pf-m-full-height {
|
|
6215
|
-
height: 100%;
|
|
6216
|
-
}
|
|
6217
|
-
|
|
6218
|
-
.pf-v6-c-empty-state.pf-m-danger {
|
|
6219
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
|
|
6220
|
-
}
|
|
6221
|
-
|
|
6222
|
-
.pf-v6-c-empty-state.pf-m-warning {
|
|
6223
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
|
|
6224
|
-
}
|
|
6225
|
-
|
|
6226
|
-
.pf-v6-c-empty-state.pf-m-success {
|
|
6227
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
|
|
6228
|
-
}
|
|
6229
|
-
|
|
6230
|
-
.pf-v6-c-empty-state.pf-m-info {
|
|
6231
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
|
|
6232
|
-
}
|
|
6233
|
-
|
|
6234
|
-
.pf-v6-c-empty-state.pf-m-custom {
|
|
6235
|
-
--pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
|
|
6296
|
+
flex-direction: column;
|
|
6297
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
6298
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
6299
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
6300
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
6301
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
6302
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
6303
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
6236
6304
|
}
|
|
6237
6305
|
|
|
6238
|
-
.pf-v6-c-
|
|
6239
|
-
|
|
6306
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
6307
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
6308
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
6240
6309
|
}
|
|
6241
6310
|
|
|
6242
|
-
.pf-v6-c-
|
|
6243
|
-
|
|
6244
|
-
font-size: var(--pf-v6-c-empty-state__icon--FontSize);
|
|
6245
|
-
line-height: 1;
|
|
6246
|
-
color: var(--pf-v6-c-empty-state__icon--Color);
|
|
6311
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
6312
|
+
position: relative;
|
|
6247
6313
|
}
|
|
6248
6314
|
|
|
6249
|
-
.pf-v6-c-
|
|
6250
|
-
|
|
6251
|
-
font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
|
|
6252
|
-
font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
|
|
6253
|
-
line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
|
|
6315
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
6316
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6254
6317
|
}
|
|
6255
6318
|
|
|
6256
|
-
.pf-v6-c-
|
|
6257
|
-
|
|
6258
|
-
|
|
6259
|
-
color: var(--pf-v6-c-empty-state__body--Color);
|
|
6319
|
+
.pf-v6-c-file-upload__file-details {
|
|
6320
|
+
position: relative;
|
|
6321
|
+
display: flex;
|
|
6260
6322
|
}
|
|
6261
6323
|
|
|
6262
|
-
.pf-v6-c-
|
|
6263
|
-
|
|
6264
|
-
|
|
6265
|
-
|
|
6266
|
-
align-items: center;
|
|
6267
|
-
margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
|
|
6324
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
6325
|
+
flex: 1 1 auto;
|
|
6326
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6327
|
+
border-block-start: 0;
|
|
6268
6328
|
}
|
|
6269
6329
|
|
|
6270
|
-
.pf-v6-c-
|
|
6271
|
-
|
|
6272
|
-
|
|
6273
|
-
|
|
6274
|
-
|
|
6330
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
6331
|
+
position: absolute;
|
|
6332
|
+
inset-block-start: 50%;
|
|
6333
|
+
inset-inline-start: 50%;
|
|
6334
|
+
transform: translate(-50%, -50%);
|
|
6275
6335
|
}
|
|
6276
6336
|
|
|
6277
6337
|
.pf-v6-c-expandable-section {
|
|
@@ -6362,64 +6422,327 @@ ul) {
|
|
|
6362
6422
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6363
6423
|
}
|
|
6364
6424
|
|
|
6365
|
-
.pf-v6-c-
|
|
6366
|
-
--pf-v6-c-
|
|
6367
|
-
--pf-v6-c-
|
|
6368
|
-
--pf-v6-c-
|
|
6369
|
-
--pf-v6-c-
|
|
6370
|
-
--pf-v6-c-
|
|
6371
|
-
--pf-v6-c-
|
|
6372
|
-
--pf-v6-c-
|
|
6373
|
-
--pf-v6-c-
|
|
6374
|
-
--pf-v6-c-
|
|
6375
|
-
--pf-v6-c-
|
|
6376
|
-
--pf-v6-c-
|
|
6377
|
-
--pf-v6-c-
|
|
6378
|
-
--pf-v6-c-
|
|
6425
|
+
.pf-v6-c-form-control {
|
|
6426
|
+
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6427
|
+
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6428
|
+
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6429
|
+
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6430
|
+
--pf-v6-c-form-control--Resize: none;
|
|
6431
|
+
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
6432
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6433
|
+
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6434
|
+
--pf-v6-c-form-control--before--BorderStyle: solid;
|
|
6435
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
6436
|
+
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6437
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6438
|
+
--pf-v6-c-form-control--after--BorderStyle: solid;
|
|
6439
|
+
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
6440
|
+
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6441
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6442
|
+
--pf-v6-c-form-control--Width: 100%;
|
|
6443
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
6444
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6445
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6446
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6447
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6448
|
+
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
6449
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6450
|
+
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
6451
|
+
--pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
6452
|
+
--pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
6453
|
+
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6454
|
+
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6455
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
6456
|
+
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
6457
|
+
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6458
|
+
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6459
|
+
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
6460
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
6461
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
6462
|
+
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
6463
|
+
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
6464
|
+
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
|
6465
|
+
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
6466
|
+
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
6467
|
+
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6468
|
+
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6469
|
+
--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));
|
|
6470
|
+
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6471
|
+
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6472
|
+
--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));
|
|
6473
|
+
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6474
|
+
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6475
|
+
--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));
|
|
6476
|
+
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6477
|
+
--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));
|
|
6478
|
+
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6479
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
6480
|
+
--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));
|
|
6481
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6482
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6483
|
+
--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));
|
|
6484
|
+
--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));
|
|
6485
|
+
--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));
|
|
6486
|
+
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
6487
|
+
--pf-v6-c-form-control--textarea--Height: auto;
|
|
6488
|
+
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6489
|
+
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6490
|
+
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6491
|
+
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
6492
|
+
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6493
|
+
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
6494
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
6495
|
+
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6496
|
+
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6497
|
+
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6498
|
+
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
6499
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6500
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6501
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6502
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6503
|
+
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6504
|
+
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
6379
6505
|
}
|
|
6380
6506
|
|
|
6381
|
-
.pf-v6-c-
|
|
6507
|
+
.pf-v6-c-form-control {
|
|
6382
6508
|
position: relative;
|
|
6383
|
-
display:
|
|
6384
|
-
|
|
6385
|
-
|
|
6386
|
-
|
|
6387
|
-
|
|
6388
|
-
|
|
6389
|
-
|
|
6390
|
-
|
|
6391
|
-
|
|
6509
|
+
display: grid;
|
|
6510
|
+
grid-template-columns: 1fr auto;
|
|
6511
|
+
column-gap: var(--pf-v6-c-form-control--ColumnGap);
|
|
6512
|
+
align-items: start;
|
|
6513
|
+
width: var(--pf-v6-c-form-control--Width);
|
|
6514
|
+
font-size: var(--pf-v6-c-form-control--FontSize);
|
|
6515
|
+
line-height: var(--pf-v6-c-form-control--LineHeight);
|
|
6516
|
+
resize: var(--pf-v6-c-form-control--Resize);
|
|
6517
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
6518
|
+
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6392
6519
|
}
|
|
6393
6520
|
|
|
6394
|
-
.pf-v6-c-
|
|
6395
|
-
|
|
6396
|
-
|
|
6521
|
+
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
6522
|
+
position: absolute;
|
|
6523
|
+
inset: 0;
|
|
6524
|
+
pointer-events: none;
|
|
6525
|
+
content: "";
|
|
6397
6526
|
}
|
|
6398
6527
|
|
|
6399
|
-
.pf-v6-c-
|
|
6400
|
-
|
|
6528
|
+
.pf-v6-c-form-control::before {
|
|
6529
|
+
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
6530
|
+
border-style: var(--pf-v6-c-form-control--before--BorderStyle);
|
|
6531
|
+
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
|
|
6532
|
+
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
6401
6533
|
}
|
|
6402
6534
|
|
|
6403
|
-
.pf-v6-c-
|
|
6404
|
-
|
|
6535
|
+
.pf-v6-c-form-control::after {
|
|
6536
|
+
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
|
|
6537
|
+
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
6405
6538
|
}
|
|
6406
6539
|
|
|
6407
|
-
.pf-v6-c-
|
|
6408
|
-
|
|
6409
|
-
|
|
6540
|
+
.pf-v6-c-form-control > :is(input, select, textarea) {
|
|
6541
|
+
grid-row: 1/2;
|
|
6542
|
+
grid-column: 1/-1;
|
|
6543
|
+
padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
6544
|
+
padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
|
|
6545
|
+
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
|
|
6546
|
+
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
6547
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
6548
|
+
background-color: transparent;
|
|
6549
|
+
border: none;
|
|
6550
|
+
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6551
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6552
|
+
-moz-appearance: none;
|
|
6553
|
+
-webkit-appearance: none;
|
|
6410
6554
|
}
|
|
6411
6555
|
|
|
6412
|
-
.pf-v6-c-
|
|
6413
|
-
|
|
6414
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6415
|
-
border-block-start: 0;
|
|
6556
|
+
.pf-v6-c-form-control > ::placeholder {
|
|
6557
|
+
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6416
6558
|
}
|
|
6417
6559
|
|
|
6418
|
-
.pf-v6-c-
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
|
|
6422
|
-
|
|
6560
|
+
.pf-v6-c-form-control > :is(input, select) {
|
|
6561
|
+
text-overflow: ellipsis;
|
|
6562
|
+
}
|
|
6563
|
+
|
|
6564
|
+
.pf-v6-c-form-control.pf-m-textarea {
|
|
6565
|
+
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
6566
|
+
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
6567
|
+
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
|
6568
|
+
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
|
6569
|
+
}
|
|
6570
|
+
|
|
6571
|
+
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
6572
|
+
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6573
|
+
}
|
|
6574
|
+
|
|
6575
|
+
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
6576
|
+
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
6577
|
+
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
6578
|
+
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
6579
|
+
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
6580
|
+
outline-offset: 0;
|
|
6581
|
+
scrollbar-gutter: stable;
|
|
6582
|
+
}
|
|
6583
|
+
|
|
6584
|
+
.pf-v6-c-form-control.pf-m-readonly {
|
|
6585
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
6586
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
6587
|
+
}
|
|
6588
|
+
|
|
6589
|
+
.pf-v6-c-form-control.pf-m-readonly:hover {
|
|
6590
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
6591
|
+
}
|
|
6592
|
+
|
|
6593
|
+
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
6594
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
6595
|
+
}
|
|
6596
|
+
|
|
6597
|
+
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
6598
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
6599
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
|
|
6600
|
+
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
|
|
6601
|
+
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
6602
|
+
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
6603
|
+
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
6604
|
+
}
|
|
6605
|
+
|
|
6606
|
+
.pf-v6-c-form-control.pf-m-expanded {
|
|
6607
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
6608
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
6609
|
+
}
|
|
6610
|
+
|
|
6611
|
+
.pf-v6-c-form-control.pf-m-disabled {
|
|
6612
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
|
|
6613
|
+
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
6614
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
6615
|
+
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
6616
|
+
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
6617
|
+
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
6618
|
+
cursor: not-allowed;
|
|
6619
|
+
}
|
|
6620
|
+
|
|
6621
|
+
.pf-v6-c-form-control.pf-m-error {
|
|
6622
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
6623
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
6624
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
6625
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
6626
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
6627
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
6628
|
+
}
|
|
6629
|
+
|
|
6630
|
+
.pf-v6-c-form-control.pf-m-error.pf-m-icon {
|
|
6631
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6632
|
+
}
|
|
6633
|
+
|
|
6634
|
+
.pf-v6-c-form-control.pf-m-success {
|
|
6635
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
6636
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
6637
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
6638
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
6639
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
6640
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
6641
|
+
}
|
|
6642
|
+
|
|
6643
|
+
.pf-v6-c-form-control.pf-m-success.pf-m-icon {
|
|
6644
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6645
|
+
}
|
|
6646
|
+
|
|
6647
|
+
.pf-v6-c-form-control.pf-m-warning {
|
|
6648
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
6649
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
6650
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
6651
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
6652
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
6653
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
6654
|
+
}
|
|
6655
|
+
|
|
6656
|
+
.pf-v6-c-form-control.pf-m-warning.pf-m-icon {
|
|
6657
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6658
|
+
}
|
|
6659
|
+
|
|
6660
|
+
.pf-v6-c-form-control:hover {
|
|
6661
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
6662
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
6663
|
+
}
|
|
6664
|
+
|
|
6665
|
+
.pf-v6-c-form-control.pf-m-icon {
|
|
6666
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
6667
|
+
}
|
|
6668
|
+
|
|
6669
|
+
.pf-v6-c-form-control > select {
|
|
6670
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
6671
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
6672
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
6673
|
+
}
|
|
6674
|
+
|
|
6675
|
+
@-moz-document url-prefix() {
|
|
6676
|
+
.pf-v6-c-form-control > select {
|
|
6677
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
6678
|
+
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
6679
|
+
}
|
|
6680
|
+
}
|
|
6681
|
+
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
6682
|
+
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6683
|
+
}
|
|
6684
|
+
|
|
6685
|
+
.pf-v6-c-form-control.pf-m-placeholder > select * {
|
|
6686
|
+
color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
|
|
6687
|
+
}
|
|
6688
|
+
|
|
6689
|
+
.pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
|
|
6690
|
+
color: revert;
|
|
6691
|
+
}
|
|
6692
|
+
|
|
6693
|
+
.pf-v6-c-form-control > textarea {
|
|
6694
|
+
width: 100%;
|
|
6695
|
+
height: 100%;
|
|
6696
|
+
vertical-align: bottom;
|
|
6697
|
+
resize: none;
|
|
6698
|
+
}
|
|
6699
|
+
|
|
6700
|
+
.pf-v6-c-form-control.pf-m-resize-vertical {
|
|
6701
|
+
--pf-v6-c-form-control--Resize: vertical;
|
|
6702
|
+
overflow: auto;
|
|
6703
|
+
}
|
|
6704
|
+
|
|
6705
|
+
.pf-v6-c-form-control.pf-m-resize-horizontal {
|
|
6706
|
+
--pf-v6-c-form-control--Resize: horizontal;
|
|
6707
|
+
overflow: auto;
|
|
6708
|
+
}
|
|
6709
|
+
|
|
6710
|
+
.pf-v6-c-form-control.pf-m-resize-both {
|
|
6711
|
+
--pf-v6-c-form-control--Resize: both;
|
|
6712
|
+
overflow: auto;
|
|
6713
|
+
}
|
|
6714
|
+
|
|
6715
|
+
.pf-v6-c-form-control__icon {
|
|
6716
|
+
font-size: var(--pf-v6-c-form-control__icon--FontSize);
|
|
6717
|
+
color: var(--pf-v6-c-form-control__icon--Color);
|
|
6718
|
+
}
|
|
6719
|
+
|
|
6720
|
+
.pf-v6-c-form-control__icon.pf-m-status {
|
|
6721
|
+
--pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
|
|
6722
|
+
}
|
|
6723
|
+
|
|
6724
|
+
.pf-v6-c-form-control__toggle-icon {
|
|
6725
|
+
grid-row: 1/2;
|
|
6726
|
+
grid-column: 3;
|
|
6727
|
+
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
6728
|
+
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
6729
|
+
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
6730
|
+
pointer-events: none;
|
|
6731
|
+
}
|
|
6732
|
+
|
|
6733
|
+
.pf-v6-c-form-control__utilities {
|
|
6734
|
+
display: flex;
|
|
6735
|
+
flex-wrap: nowrap;
|
|
6736
|
+
grid-row: 1/2;
|
|
6737
|
+
grid-column: 2;
|
|
6738
|
+
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
6739
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
6740
|
+
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
6741
|
+
pointer-events: none;
|
|
6742
|
+
}
|
|
6743
|
+
|
|
6744
|
+
select ~ .pf-v6-c-form-control__utilities {
|
|
6745
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
6423
6746
|
}
|
|
6424
6747
|
|
|
6425
6748
|
.pf-v6-c-form {
|
|
@@ -6961,329 +7284,6 @@ ul) {
|
|
|
6961
7284
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6962
7285
|
}
|
|
6963
7286
|
|
|
6964
|
-
.pf-v6-c-form-control {
|
|
6965
|
-
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6966
|
-
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6967
|
-
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6968
|
-
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6969
|
-
--pf-v6-c-form-control--Resize: none;
|
|
6970
|
-
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
6971
|
-
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6972
|
-
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6973
|
-
--pf-v6-c-form-control--before--BorderStyle: solid;
|
|
6974
|
-
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
6975
|
-
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6976
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6977
|
-
--pf-v6-c-form-control--after--BorderStyle: solid;
|
|
6978
|
-
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
6979
|
-
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6980
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6981
|
-
--pf-v6-c-form-control--Width: 100%;
|
|
6982
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
6983
|
-
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6984
|
-
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6985
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6986
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6987
|
-
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
6988
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6989
|
-
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
6990
|
-
--pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
6991
|
-
--pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
6992
|
-
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6993
|
-
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6994
|
-
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
6995
|
-
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
6996
|
-
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6997
|
-
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6998
|
-
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
6999
|
-
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
|
7000
|
-
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
|
7001
|
-
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
7002
|
-
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
7003
|
-
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
|
7004
|
-
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
7005
|
-
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
7006
|
-
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7007
|
-
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
7008
|
-
--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));
|
|
7009
|
-
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7010
|
-
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
7011
|
-
--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));
|
|
7012
|
-
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7013
|
-
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
7014
|
-
--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));
|
|
7015
|
-
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
7016
|
-
--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));
|
|
7017
|
-
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
7018
|
-
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
7019
|
-
--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));
|
|
7020
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7021
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7022
|
-
--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));
|
|
7023
|
-
--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));
|
|
7024
|
-
--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));
|
|
7025
|
-
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
7026
|
-
--pf-v6-c-form-control--textarea--Height: auto;
|
|
7027
|
-
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
7028
|
-
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
7029
|
-
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
7030
|
-
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
7031
|
-
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7032
|
-
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
7033
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
7034
|
-
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7035
|
-
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7036
|
-
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7037
|
-
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
7038
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
7039
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7040
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7041
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7042
|
-
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7043
|
-
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7044
|
-
}
|
|
7045
|
-
|
|
7046
|
-
.pf-v6-c-form-control {
|
|
7047
|
-
position: relative;
|
|
7048
|
-
display: grid;
|
|
7049
|
-
grid-template-columns: 1fr auto;
|
|
7050
|
-
column-gap: var(--pf-v6-c-form-control--ColumnGap);
|
|
7051
|
-
align-items: start;
|
|
7052
|
-
width: var(--pf-v6-c-form-control--Width);
|
|
7053
|
-
font-size: var(--pf-v6-c-form-control--FontSize);
|
|
7054
|
-
line-height: var(--pf-v6-c-form-control--LineHeight);
|
|
7055
|
-
resize: var(--pf-v6-c-form-control--Resize);
|
|
7056
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7057
|
-
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7058
|
-
}
|
|
7059
|
-
|
|
7060
|
-
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
7061
|
-
position: absolute;
|
|
7062
|
-
inset: 0;
|
|
7063
|
-
pointer-events: none;
|
|
7064
|
-
content: "";
|
|
7065
|
-
}
|
|
7066
|
-
|
|
7067
|
-
.pf-v6-c-form-control::before {
|
|
7068
|
-
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
7069
|
-
border-style: var(--pf-v6-c-form-control--before--BorderStyle);
|
|
7070
|
-
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
|
|
7071
|
-
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
7072
|
-
}
|
|
7073
|
-
|
|
7074
|
-
.pf-v6-c-form-control::after {
|
|
7075
|
-
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
|
|
7076
|
-
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
7077
|
-
}
|
|
7078
|
-
|
|
7079
|
-
.pf-v6-c-form-control > :is(input, select, textarea) {
|
|
7080
|
-
grid-row: 1/2;
|
|
7081
|
-
grid-column: 1/-1;
|
|
7082
|
-
padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
7083
|
-
padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
|
|
7084
|
-
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
|
|
7085
|
-
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
7086
|
-
color: var(--pf-v6-c-form-control--Color);
|
|
7087
|
-
background-color: transparent;
|
|
7088
|
-
border: none;
|
|
7089
|
-
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7090
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
7091
|
-
-moz-appearance: none;
|
|
7092
|
-
-webkit-appearance: none;
|
|
7093
|
-
}
|
|
7094
|
-
|
|
7095
|
-
.pf-v6-c-form-control > ::placeholder {
|
|
7096
|
-
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7097
|
-
}
|
|
7098
|
-
|
|
7099
|
-
.pf-v6-c-form-control > :is(input, select) {
|
|
7100
|
-
text-overflow: ellipsis;
|
|
7101
|
-
}
|
|
7102
|
-
|
|
7103
|
-
.pf-v6-c-form-control.pf-m-textarea {
|
|
7104
|
-
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
7105
|
-
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
7106
|
-
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
|
7107
|
-
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
|
7108
|
-
}
|
|
7109
|
-
|
|
7110
|
-
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
7111
|
-
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
7112
|
-
}
|
|
7113
|
-
|
|
7114
|
-
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
7115
|
-
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
7116
|
-
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
7117
|
-
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
7118
|
-
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
7119
|
-
outline-offset: 0;
|
|
7120
|
-
scrollbar-gutter: stable;
|
|
7121
|
-
}
|
|
7122
|
-
|
|
7123
|
-
.pf-v6-c-form-control.pf-m-readonly {
|
|
7124
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
7125
|
-
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
7126
|
-
}
|
|
7127
|
-
|
|
7128
|
-
.pf-v6-c-form-control.pf-m-readonly:hover {
|
|
7129
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
7130
|
-
}
|
|
7131
|
-
|
|
7132
|
-
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
7133
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
7134
|
-
}
|
|
7135
|
-
|
|
7136
|
-
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
7137
|
-
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
7138
|
-
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
|
|
7139
|
-
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
|
|
7140
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
7141
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
7142
|
-
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
7143
|
-
}
|
|
7144
|
-
|
|
7145
|
-
.pf-v6-c-form-control.pf-m-expanded {
|
|
7146
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
7147
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
7148
|
-
}
|
|
7149
|
-
|
|
7150
|
-
.pf-v6-c-form-control.pf-m-disabled {
|
|
7151
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
|
|
7152
|
-
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
7153
|
-
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
7154
|
-
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
7155
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
7156
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
7157
|
-
cursor: not-allowed;
|
|
7158
|
-
}
|
|
7159
|
-
|
|
7160
|
-
.pf-v6-c-form-control.pf-m-error {
|
|
7161
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
7162
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
7163
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
7164
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
7165
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
7166
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
7167
|
-
}
|
|
7168
|
-
|
|
7169
|
-
.pf-v6-c-form-control.pf-m-error.pf-m-icon {
|
|
7170
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7171
|
-
}
|
|
7172
|
-
|
|
7173
|
-
.pf-v6-c-form-control.pf-m-success {
|
|
7174
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
7175
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
7176
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
7177
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
7178
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
7179
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
7180
|
-
}
|
|
7181
|
-
|
|
7182
|
-
.pf-v6-c-form-control.pf-m-success.pf-m-icon {
|
|
7183
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7184
|
-
}
|
|
7185
|
-
|
|
7186
|
-
.pf-v6-c-form-control.pf-m-warning {
|
|
7187
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
7188
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
7189
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
7190
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
7191
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
7192
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
7193
|
-
}
|
|
7194
|
-
|
|
7195
|
-
.pf-v6-c-form-control.pf-m-warning.pf-m-icon {
|
|
7196
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7197
|
-
}
|
|
7198
|
-
|
|
7199
|
-
.pf-v6-c-form-control:hover {
|
|
7200
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
7201
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
7202
|
-
}
|
|
7203
|
-
|
|
7204
|
-
.pf-v6-c-form-control.pf-m-icon {
|
|
7205
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
7206
|
-
}
|
|
7207
|
-
|
|
7208
|
-
.pf-v6-c-form-control > select {
|
|
7209
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
7210
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
7211
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7212
|
-
}
|
|
7213
|
-
|
|
7214
|
-
@-moz-document url-prefix() {
|
|
7215
|
-
.pf-v6-c-form-control > select {
|
|
7216
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
7217
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
7218
|
-
}
|
|
7219
|
-
}
|
|
7220
|
-
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
7221
|
-
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7222
|
-
}
|
|
7223
|
-
|
|
7224
|
-
.pf-v6-c-form-control.pf-m-placeholder > select * {
|
|
7225
|
-
color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
|
|
7226
|
-
}
|
|
7227
|
-
|
|
7228
|
-
.pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
|
|
7229
|
-
color: revert;
|
|
7230
|
-
}
|
|
7231
|
-
|
|
7232
|
-
.pf-v6-c-form-control > textarea {
|
|
7233
|
-
width: 100%;
|
|
7234
|
-
height: 100%;
|
|
7235
|
-
vertical-align: bottom;
|
|
7236
|
-
resize: none;
|
|
7237
|
-
}
|
|
7238
|
-
|
|
7239
|
-
.pf-v6-c-form-control.pf-m-resize-vertical {
|
|
7240
|
-
--pf-v6-c-form-control--Resize: vertical;
|
|
7241
|
-
overflow: auto;
|
|
7242
|
-
}
|
|
7243
|
-
|
|
7244
|
-
.pf-v6-c-form-control.pf-m-resize-horizontal {
|
|
7245
|
-
--pf-v6-c-form-control--Resize: horizontal;
|
|
7246
|
-
overflow: auto;
|
|
7247
|
-
}
|
|
7248
|
-
|
|
7249
|
-
.pf-v6-c-form-control.pf-m-resize-both {
|
|
7250
|
-
--pf-v6-c-form-control--Resize: both;
|
|
7251
|
-
overflow: auto;
|
|
7252
|
-
}
|
|
7253
|
-
|
|
7254
|
-
.pf-v6-c-form-control__icon {
|
|
7255
|
-
font-size: var(--pf-v6-c-form-control__icon--FontSize);
|
|
7256
|
-
color: var(--pf-v6-c-form-control__icon--Color);
|
|
7257
|
-
}
|
|
7258
|
-
|
|
7259
|
-
.pf-v6-c-form-control__icon.pf-m-status {
|
|
7260
|
-
--pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
|
|
7261
|
-
}
|
|
7262
|
-
|
|
7263
|
-
.pf-v6-c-form-control__toggle-icon {
|
|
7264
|
-
grid-row: 1/2;
|
|
7265
|
-
grid-column: 3;
|
|
7266
|
-
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
7267
|
-
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
7268
|
-
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
7269
|
-
pointer-events: none;
|
|
7270
|
-
}
|
|
7271
|
-
|
|
7272
|
-
.pf-v6-c-form-control__utilities {
|
|
7273
|
-
display: flex;
|
|
7274
|
-
flex-wrap: nowrap;
|
|
7275
|
-
grid-row: 1/2;
|
|
7276
|
-
grid-column: 2;
|
|
7277
|
-
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
7278
|
-
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
7279
|
-
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
7280
|
-
pointer-events: none;
|
|
7281
|
-
}
|
|
7282
|
-
|
|
7283
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
7284
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7285
|
-
}
|
|
7286
|
-
|
|
7287
7287
|
.pf-v6-c-helper-text {
|
|
7288
7288
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7289
7289
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -7340,105 +7340,26 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7340
7340
|
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7341
7341
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7342
7342
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7343
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7344
|
-
}
|
|
7345
|
-
|
|
7346
|
-
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7347
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7348
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7349
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7350
|
-
}
|
|
7351
|
-
|
|
7352
|
-
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7353
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7354
|
-
}
|
|
7355
|
-
|
|
7356
|
-
.pf-v6-c-helper-text__item-icon {
|
|
7357
|
-
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7358
|
-
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7359
|
-
}
|
|
7360
|
-
|
|
7361
|
-
.pf-v6-c-helper-text__item-text {
|
|
7362
|
-
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7363
|
-
}
|
|
7364
|
-
|
|
7365
|
-
.pf-v6-c-hint {
|
|
7366
|
-
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7367
|
-
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7368
|
-
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7369
|
-
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7370
|
-
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7371
|
-
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7372
|
-
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
7373
|
-
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
7374
|
-
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
7375
|
-
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
7376
|
-
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7377
|
-
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7378
|
-
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
7379
|
-
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7380
|
-
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
7381
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7382
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7383
|
-
}
|
|
7384
|
-
|
|
7385
|
-
.pf-v6-c-hint {
|
|
7386
|
-
display: grid;
|
|
7387
|
-
grid-template-columns: 1fr auto;
|
|
7388
|
-
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
7389
|
-
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
7390
|
-
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
7391
|
-
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
7392
|
-
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
7393
|
-
color: var(--pf-v6-c-hint--Color);
|
|
7394
|
-
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
7395
|
-
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
7396
|
-
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
7397
|
-
}
|
|
7398
|
-
|
|
7399
|
-
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
7400
|
-
text-align: start;
|
|
7401
|
-
white-space: normal;
|
|
7402
|
-
}
|
|
7403
|
-
|
|
7404
|
-
.pf-v6-c-hint__actions {
|
|
7405
|
-
display: inline-grid;
|
|
7406
|
-
grid-row: 1;
|
|
7407
|
-
grid-column: 2;
|
|
7408
|
-
grid-auto-flow: column;
|
|
7409
|
-
align-self: start;
|
|
7410
|
-
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
7411
|
-
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
7412
|
-
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
7413
|
-
text-align: end;
|
|
7414
|
-
}
|
|
7415
|
-
|
|
7416
|
-
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
7417
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
7418
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
7419
|
-
}
|
|
7420
|
-
|
|
7421
|
-
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
7422
|
-
grid-column: 1;
|
|
7343
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7423
7344
|
}
|
|
7424
7345
|
|
|
7425
|
-
.pf-v6-c-
|
|
7426
|
-
|
|
7427
|
-
|
|
7346
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7347
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7348
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7349
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7428
7350
|
}
|
|
7429
7351
|
|
|
7430
|
-
.pf-v6-c-
|
|
7431
|
-
|
|
7432
|
-
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
7352
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7353
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7433
7354
|
}
|
|
7434
7355
|
|
|
7435
|
-
.pf-v6-c-
|
|
7436
|
-
|
|
7437
|
-
|
|
7356
|
+
.pf-v6-c-helper-text__item-icon {
|
|
7357
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7358
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7438
7359
|
}
|
|
7439
7360
|
|
|
7440
|
-
.pf-v6-c-
|
|
7441
|
-
|
|
7361
|
+
.pf-v6-c-helper-text__item-text {
|
|
7362
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7442
7363
|
}
|
|
7443
7364
|
|
|
7444
7365
|
.pf-v6-c-icon {
|
|
@@ -7674,504 +7595,225 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7674
7595
|
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7675
7596
|
}
|
|
7676
7597
|
|
|
7677
|
-
.pf-v6-c-icon__content.pf-m-heading-sm,
|
|
7678
|
-
.pf-v6-c-icon__progress.pf-m-heading-sm {
|
|
7679
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
|
|
7680
|
-
}
|
|
7681
|
-
|
|
7682
|
-
.pf-v6-c-icon__content.pf-m-heading-md,
|
|
7683
|
-
.pf-v6-c-icon__progress.pf-m-heading-md {
|
|
7684
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
|
|
7685
|
-
}
|
|
7686
|
-
|
|
7687
|
-
.pf-v6-c-icon__content.pf-m-heading-lg,
|
|
7688
|
-
.pf-v6-c-icon__progress.pf-m-heading-lg {
|
|
7689
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
|
|
7690
|
-
}
|
|
7691
|
-
|
|
7692
|
-
.pf-v6-c-icon__content.pf-m-heading-xl,
|
|
7693
|
-
.pf-v6-c-icon__progress.pf-m-heading-xl {
|
|
7694
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
|
|
7695
|
-
}
|
|
7696
|
-
|
|
7697
|
-
.pf-v6-c-icon__content.pf-m-heading-2xl,
|
|
7698
|
-
.pf-v6-c-icon__progress.pf-m-heading-2xl {
|
|
7699
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7700
|
-
}
|
|
7701
|
-
|
|
7702
|
-
.pf-v6-c-icon__content.pf-m-heading-3xl,
|
|
7703
|
-
.pf-v6-c-icon__progress.pf-m-heading-3xl {
|
|
7704
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7705
|
-
}
|
|
7706
|
-
|
|
7707
|
-
.pf-v6-c-icon__content {
|
|
7708
|
-
color: var(--pf-v6-c-icon__content--Color, inherit);
|
|
7709
|
-
opacity: var(--pf-v6-c-icon__content--Opacity, 1);
|
|
7710
|
-
}
|
|
7711
|
-
|
|
7712
|
-
.pf-v6-c-icon__content.pf-m-danger {
|
|
7713
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
|
|
7714
|
-
}
|
|
7715
|
-
|
|
7716
|
-
.pf-v6-c-icon__content.pf-m-warning {
|
|
7717
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
|
|
7718
|
-
}
|
|
7719
|
-
|
|
7720
|
-
.pf-v6-c-icon__content.pf-m-success {
|
|
7721
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
|
|
7722
|
-
}
|
|
7723
|
-
|
|
7724
|
-
.pf-v6-c-icon__content.pf-m-info {
|
|
7725
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
|
|
7726
|
-
}
|
|
7727
|
-
|
|
7728
|
-
.pf-v6-c-icon__content.pf-m-custom {
|
|
7729
|
-
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
|
|
7730
|
-
}
|
|
7731
|
-
|
|
7732
|
-
.pf-v6-c-icon__progress {
|
|
7733
|
-
position: absolute;
|
|
7734
|
-
inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
|
|
7735
|
-
opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
|
|
7736
|
-
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7737
|
-
}
|
|
7738
|
-
|
|
7739
|
-
.pf-v6-c-input-group {
|
|
7740
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7741
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7742
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7743
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7744
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7745
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7746
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7747
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7748
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7749
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7750
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7751
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7752
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7753
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7754
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7755
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7756
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7757
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7758
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7759
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7760
|
-
}
|
|
7761
|
-
|
|
7762
|
-
.pf-v6-c-input-group {
|
|
7763
|
-
display: flex;
|
|
7764
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
7765
|
-
width: 100%;
|
|
7766
|
-
}
|
|
7767
|
-
|
|
7768
|
-
.pf-v6-c-input-group__item {
|
|
7769
|
-
position: relative;
|
|
7770
|
-
display: flex;
|
|
7771
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7772
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7773
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7774
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7775
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7776
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7777
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7778
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7779
|
-
}
|
|
7780
|
-
|
|
7781
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
7782
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7783
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7784
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7785
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7786
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7787
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7788
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7789
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7790
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7791
|
-
}
|
|
7792
|
-
|
|
7793
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7794
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7795
|
-
border: none;
|
|
7796
|
-
}
|
|
7797
|
-
|
|
7798
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7799
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7800
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7801
|
-
}
|
|
7802
|
-
|
|
7803
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7804
|
-
flex-grow: 1;
|
|
7805
|
-
}
|
|
7806
|
-
|
|
7807
|
-
.pf-v6-c-input-group__text {
|
|
7808
|
-
align-self: center;
|
|
7809
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7810
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7811
|
-
}
|
|
7812
|
-
|
|
7813
|
-
label.pf-v6-c-input-group__text {
|
|
7814
|
-
cursor: pointer;
|
|
7815
|
-
}
|
|
7816
|
-
|
|
7817
|
-
.pf-v6-c-sidebar {
|
|
7818
|
-
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
7819
|
-
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
7820
|
-
--pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
7821
|
-
--pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7822
|
-
--pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
|
|
7823
|
-
--pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
|
|
7824
|
-
--pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
|
|
7825
|
-
--pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
|
|
7826
|
-
--pf-v6-c-sidebar__panel--Order: -1;
|
|
7827
|
-
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7828
|
-
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7829
|
-
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7830
|
-
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7831
|
-
--pf-v6-c-sidebar__content--PaddingBlockStart: 0;
|
|
7832
|
-
--pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
|
|
7833
|
-
--pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
|
|
7834
|
-
--pf-v6-c-sidebar__content--PaddingInlineStart: 0;
|
|
7835
|
-
--pf-v6-c-sidebar__content--Order: 1;
|
|
7836
|
-
--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
7837
|
-
--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
7838
|
-
--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
7839
|
-
--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
7840
|
-
--pf-v6-c-sidebar__main--FlexDirection: column;
|
|
7841
|
-
--pf-v6-c-sidebar__main--md--FlexDirection: row;
|
|
7842
|
-
--pf-v6-c-sidebar__main--AlignItems: stretch;
|
|
7843
|
-
--pf-v6-c-sidebar__main--md--AlignItems: flex-start;
|
|
7844
|
-
--pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
|
|
7845
|
-
--pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
|
|
7846
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7847
|
-
--pf-v6-c-sidebar__main--m-border--before--md--Display: block;
|
|
7848
|
-
--pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
|
|
7849
|
-
--pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
|
|
7850
|
-
--pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
|
|
7851
|
-
--pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
7852
|
-
--pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
7853
|
-
--pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
|
|
7854
|
-
--pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
7855
|
-
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
7856
|
-
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
7857
|
-
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7858
|
-
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
7859
|
-
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
7860
|
-
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
7861
|
-
--pf-v6-c-sidebar--m-split__panel--Position: static;
|
|
7862
|
-
--pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
|
|
7863
|
-
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
7864
|
-
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
7865
|
-
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
7866
|
-
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
7867
|
-
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
7868
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
7869
|
-
--pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
|
|
7870
|
-
--pf-v6-c-sidebar__panel--Position: sticky;
|
|
7871
|
-
--pf-v6-c-sidebar__panel--md--Position: static;
|
|
7872
|
-
--pf-v6-c-sidebar__panel--FlexBasis-base: auto;
|
|
7873
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
|
|
7874
|
-
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
7875
|
-
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
7876
|
-
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
7877
|
-
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7878
|
-
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7879
|
-
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7880
|
-
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7881
|
-
--pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7882
|
-
--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
|
|
7883
|
-
--pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
|
|
7884
|
-
}
|
|
7885
|
-
|
|
7886
|
-
.pf-v6-c-sidebar {
|
|
7887
|
-
height: 100%;
|
|
7888
|
-
}
|
|
7889
|
-
|
|
7890
|
-
@media (min-width: 48rem) {
|
|
7891
|
-
.pf-v6-c-sidebar {
|
|
7892
|
-
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
7893
|
-
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
7894
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
7895
|
-
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7896
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
7897
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
7898
|
-
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
|
|
7899
|
-
}
|
|
7900
|
-
}
|
|
7901
|
-
@media (min-width: 75rem) {
|
|
7902
|
-
.pf-v6-c-sidebar {
|
|
7903
|
-
--pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
|
|
7904
|
-
}
|
|
7905
|
-
}
|
|
7906
|
-
.pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
|
|
7907
|
-
gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
|
|
7908
|
-
}
|
|
7909
|
-
|
|
7910
|
-
.pf-v6-c-sidebar.pf-m-panel-right {
|
|
7911
|
-
--pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
|
|
7912
|
-
--pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
|
|
7598
|
+
.pf-v6-c-icon__content.pf-m-heading-sm,
|
|
7599
|
+
.pf-v6-c-icon__progress.pf-m-heading-sm {
|
|
7600
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
|
|
7913
7601
|
}
|
|
7914
7602
|
|
|
7915
|
-
|
|
7916
|
-
|
|
7917
|
-
|
|
7918
|
-
--pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
|
|
7919
|
-
}
|
|
7603
|
+
.pf-v6-c-icon__content.pf-m-heading-md,
|
|
7604
|
+
.pf-v6-c-icon__progress.pf-m-heading-md {
|
|
7605
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
|
|
7920
7606
|
}
|
|
7921
|
-
|
|
7922
|
-
|
|
7923
|
-
|
|
7924
|
-
--pf-v6-c-
|
|
7925
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
7926
|
-
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
7927
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
7928
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
7929
|
-
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
7607
|
+
|
|
7608
|
+
.pf-v6-c-icon__content.pf-m-heading-lg,
|
|
7609
|
+
.pf-v6-c-icon__progress.pf-m-heading-lg {
|
|
7610
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
|
|
7930
7611
|
}
|
|
7931
7612
|
|
|
7932
|
-
.pf-v6-c-
|
|
7933
|
-
|
|
7934
|
-
--pf-v6-c-
|
|
7935
|
-
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
7936
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
7937
|
-
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
7938
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
7939
|
-
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
7940
|
-
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
7613
|
+
.pf-v6-c-icon__content.pf-m-heading-xl,
|
|
7614
|
+
.pf-v6-c-icon__progress.pf-m-heading-xl {
|
|
7615
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
|
|
7941
7616
|
}
|
|
7942
7617
|
|
|
7943
|
-
.pf-v6-c-
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
align-items: var(--pf-v6-c-sidebar__main--AlignItems);
|
|
7618
|
+
.pf-v6-c-icon__content.pf-m-heading-2xl,
|
|
7619
|
+
.pf-v6-c-icon__progress.pf-m-heading-2xl {
|
|
7620
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7947
7621
|
}
|
|
7948
7622
|
|
|
7949
|
-
.pf-v6-c-
|
|
7950
|
-
|
|
7951
|
-
|
|
7952
|
-
align-self: stretch;
|
|
7953
|
-
content: "";
|
|
7954
|
-
background-color: var(--pf-v6-c-sidebar__main--m-border--before--BorderColor);
|
|
7623
|
+
.pf-v6-c-icon__content.pf-m-heading-3xl,
|
|
7624
|
+
.pf-v6-c-icon__progress.pf-m-heading-3xl {
|
|
7625
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7955
7626
|
}
|
|
7956
7627
|
|
|
7957
|
-
.pf-v6-c-
|
|
7958
|
-
|
|
7959
|
-
|
|
7960
|
-
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
7961
|
-
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
7962
|
-
flex-shrink: 0;
|
|
7963
|
-
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
7964
|
-
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
7965
|
-
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
7966
|
-
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
7967
|
-
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
7968
|
-
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
7969
|
-
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
7628
|
+
.pf-v6-c-icon__content {
|
|
7629
|
+
color: var(--pf-v6-c-icon__content--Color, inherit);
|
|
7630
|
+
opacity: var(--pf-v6-c-icon__content--Opacity, 1);
|
|
7970
7631
|
}
|
|
7971
7632
|
|
|
7972
|
-
.pf-v6-c-
|
|
7973
|
-
--pf-v6-c-
|
|
7974
|
-
--pf-v6-c-sidebar__panel--PaddingInlineEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd);
|
|
7975
|
-
--pf-v6-c-sidebar__panel--PaddingBlockEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd);
|
|
7976
|
-
--pf-v6-c-sidebar__panel--PaddingInlineStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart);
|
|
7633
|
+
.pf-v6-c-icon__content.pf-m-danger {
|
|
7634
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
|
|
7977
7635
|
}
|
|
7978
7636
|
|
|
7979
|
-
.pf-v6-c-
|
|
7980
|
-
--pf-v6-c-
|
|
7981
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart);
|
|
7637
|
+
.pf-v6-c-icon__content.pf-m-warning {
|
|
7638
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
|
|
7982
7639
|
}
|
|
7983
7640
|
|
|
7984
|
-
.pf-v6-c-
|
|
7985
|
-
--pf-v6-c-
|
|
7986
|
-
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
7641
|
+
.pf-v6-c-icon__content.pf-m-success {
|
|
7642
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
|
|
7987
7643
|
}
|
|
7988
7644
|
|
|
7989
|
-
.pf-v6-c-
|
|
7990
|
-
--pf-v6-c-
|
|
7645
|
+
.pf-v6-c-icon__content.pf-m-info {
|
|
7646
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
|
|
7991
7647
|
}
|
|
7992
7648
|
|
|
7993
|
-
.pf-v6-c-
|
|
7994
|
-
|
|
7995
|
-
order: var(--pf-v6-c-sidebar__content--Order);
|
|
7996
|
-
padding-block-start: var(--pf-v6-c-sidebar__content--PaddingBlockStart);
|
|
7997
|
-
padding-block-end: var(--pf-v6-c-sidebar__content--PaddingBlockEnd);
|
|
7998
|
-
padding-inline-start: var(--pf-v6-c-sidebar__content--PaddingInlineStart);
|
|
7999
|
-
padding-inline-end: var(--pf-v6-c-sidebar__content--PaddingInlineEnd);
|
|
8000
|
-
background-color: var(--pf-v6-c-sidebar__content--BackgroundColor);
|
|
7649
|
+
.pf-v6-c-icon__content.pf-m-custom {
|
|
7650
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
|
|
8001
7651
|
}
|
|
8002
7652
|
|
|
8003
|
-
.pf-v6-c-
|
|
8004
|
-
|
|
8005
|
-
|
|
8006
|
-
|
|
8007
|
-
|
|
7653
|
+
.pf-v6-c-icon__progress {
|
|
7654
|
+
position: absolute;
|
|
7655
|
+
inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
|
|
7656
|
+
opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
|
|
7657
|
+
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
8008
7658
|
}
|
|
8009
7659
|
|
|
8010
|
-
.pf-v6-c-
|
|
8011
|
-
--pf-v6-c-
|
|
7660
|
+
.pf-v6-c-hint {
|
|
7661
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7662
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7663
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7664
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7665
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7666
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7667
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
7668
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
7669
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
7670
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
7671
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7672
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7673
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
7674
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7675
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
7676
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7677
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8012
7678
|
}
|
|
8013
7679
|
|
|
8014
|
-
.pf-v6-c-
|
|
8015
|
-
|
|
7680
|
+
.pf-v6-c-hint {
|
|
7681
|
+
display: grid;
|
|
7682
|
+
grid-template-columns: 1fr auto;
|
|
7683
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
7684
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
7685
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
7686
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
7687
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
7688
|
+
color: var(--pf-v6-c-hint--Color);
|
|
7689
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
7690
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
7691
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
8016
7692
|
}
|
|
8017
7693
|
|
|
8018
|
-
.pf-v6-c-
|
|
8019
|
-
|
|
7694
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
7695
|
+
text-align: start;
|
|
7696
|
+
white-space: normal;
|
|
8020
7697
|
}
|
|
8021
7698
|
|
|
8022
|
-
|
|
8023
|
-
|
|
7699
|
+
.pf-v6-c-hint__actions {
|
|
7700
|
+
display: inline-grid;
|
|
7701
|
+
grid-row: 1;
|
|
7702
|
+
grid-column: 2;
|
|
7703
|
+
grid-auto-flow: column;
|
|
7704
|
+
align-self: start;
|
|
7705
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
7706
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
7707
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
7708
|
+
text-align: end;
|
|
8024
7709
|
}
|
|
8025
7710
|
|
|
8026
|
-
.pf-v6-c-
|
|
8027
|
-
|
|
8028
|
-
|
|
8029
|
-
background-color: transparent;
|
|
7711
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
7712
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
7713
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
8030
7714
|
}
|
|
8031
7715
|
|
|
8032
|
-
.pf-v6-c-
|
|
8033
|
-
|
|
7716
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
7717
|
+
grid-column: 1;
|
|
8034
7718
|
}
|
|
8035
7719
|
|
|
8036
|
-
.pf-v6-c-
|
|
8037
|
-
|
|
7720
|
+
.pf-v6-c-hint__title {
|
|
7721
|
+
align-self: center;
|
|
7722
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
8038
7723
|
}
|
|
8039
7724
|
|
|
8040
|
-
.pf-v6-c-
|
|
8041
|
-
|
|
7725
|
+
.pf-v6-c-hint__body {
|
|
7726
|
+
grid-column: 1/-1;
|
|
7727
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
8042
7728
|
}
|
|
8043
7729
|
|
|
8044
|
-
.pf-v6-c-
|
|
8045
|
-
|
|
7730
|
+
.pf-v6-c-hint__footer {
|
|
7731
|
+
grid-column: 1/-1;
|
|
7732
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
8046
7733
|
}
|
|
8047
7734
|
|
|
8048
|
-
.pf-v6-c-
|
|
8049
|
-
--pf-v6-c-
|
|
7735
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
7736
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
8050
7737
|
}
|
|
8051
7738
|
|
|
8052
|
-
.pf-v6-c-
|
|
8053
|
-
--pf-v6-c-
|
|
7739
|
+
.pf-v6-c-input-group {
|
|
7740
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7741
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7742
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7743
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7744
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7745
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7746
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7747
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7748
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7749
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7750
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7751
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7752
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7753
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7754
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7755
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7756
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7757
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7758
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7759
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
8054
7760
|
}
|
|
8055
7761
|
|
|
8056
|
-
.pf-v6-c-
|
|
8057
|
-
|
|
7762
|
+
.pf-v6-c-input-group {
|
|
7763
|
+
display: flex;
|
|
7764
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7765
|
+
width: 100%;
|
|
8058
7766
|
}
|
|
8059
7767
|
|
|
8060
|
-
|
|
8061
|
-
|
|
8062
|
-
|
|
8063
|
-
|
|
8064
|
-
|
|
8065
|
-
|
|
8066
|
-
|
|
8067
|
-
|
|
8068
|
-
|
|
8069
|
-
|
|
8070
|
-
|
|
8071
|
-
|
|
8072
|
-
|
|
8073
|
-
|
|
8074
|
-
|
|
8075
|
-
|
|
8076
|
-
|
|
8077
|
-
|
|
8078
|
-
|
|
8079
|
-
|
|
8080
|
-
|
|
8081
|
-
|
|
7768
|
+
.pf-v6-c-input-group__item {
|
|
7769
|
+
position: relative;
|
|
7770
|
+
display: flex;
|
|
7771
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7772
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7773
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7774
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7775
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7776
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7777
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7778
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7779
|
+
}
|
|
7780
|
+
|
|
7781
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7782
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7783
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7784
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7785
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7786
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7787
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7788
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7789
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7790
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
8082
7791
|
}
|
|
8083
|
-
|
|
8084
|
-
|
|
8085
|
-
|
|
8086
|
-
|
|
8087
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
|
|
8088
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8089
|
-
}
|
|
8090
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
|
|
8091
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8092
|
-
}
|
|
8093
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
|
|
8094
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8095
|
-
}
|
|
8096
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
|
|
8097
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8098
|
-
}
|
|
8099
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
|
|
8100
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8101
|
-
}
|
|
8102
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
|
|
8103
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8104
|
-
}
|
|
7792
|
+
|
|
7793
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7794
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7795
|
+
border: none;
|
|
8105
7796
|
}
|
|
8106
|
-
|
|
8107
|
-
|
|
8108
|
-
|
|
8109
|
-
|
|
8110
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
8111
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8112
|
-
}
|
|
8113
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
8114
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8115
|
-
}
|
|
8116
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
8117
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8118
|
-
}
|
|
8119
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
8120
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8121
|
-
}
|
|
8122
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
8123
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8124
|
-
}
|
|
8125
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
8126
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8127
|
-
}
|
|
7797
|
+
|
|
7798
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7799
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7800
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
8128
7801
|
}
|
|
8129
|
-
|
|
8130
|
-
|
|
8131
|
-
|
|
8132
|
-
}
|
|
8133
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
8134
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8135
|
-
}
|
|
8136
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
8137
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8138
|
-
}
|
|
8139
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
8140
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8141
|
-
}
|
|
8142
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
8143
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8144
|
-
}
|
|
8145
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8146
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8147
|
-
}
|
|
8148
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8149
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8150
|
-
}
|
|
7802
|
+
|
|
7803
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7804
|
+
flex-grow: 1;
|
|
8151
7805
|
}
|
|
8152
|
-
|
|
8153
|
-
|
|
8154
|
-
|
|
8155
|
-
|
|
8156
|
-
|
|
8157
|
-
|
|
8158
|
-
|
|
8159
|
-
|
|
8160
|
-
|
|
8161
|
-
}
|
|
8162
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8163
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8164
|
-
}
|
|
8165
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8166
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8167
|
-
}
|
|
8168
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8169
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8170
|
-
}
|
|
8171
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8172
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8173
|
-
}
|
|
7806
|
+
|
|
7807
|
+
.pf-v6-c-input-group__text {
|
|
7808
|
+
align-self: center;
|
|
7809
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7810
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7811
|
+
}
|
|
7812
|
+
|
|
7813
|
+
label.pf-v6-c-input-group__text {
|
|
7814
|
+
cursor: pointer;
|
|
8174
7815
|
}
|
|
7816
|
+
|
|
8175
7817
|
.pf-v6-c-jump-links {
|
|
8176
7818
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
8177
7819
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -8430,238 +8072,364 @@ label.pf-v6-c-input-group__text {
|
|
|
8430
8072
|
scale: -1 1;
|
|
8431
8073
|
}
|
|
8432
8074
|
|
|
8433
|
-
.pf-v6-c-
|
|
8434
|
-
--pf-v6-c-
|
|
8435
|
-
--pf-v6-c-
|
|
8436
|
-
--pf-v6-c-
|
|
8437
|
-
--pf-v6-c-
|
|
8438
|
-
--pf-v6-c-
|
|
8439
|
-
--pf-v6-c-
|
|
8440
|
-
--pf-v6-c-
|
|
8441
|
-
--pf-v6-c-
|
|
8442
|
-
--pf-v6-c-
|
|
8443
|
-
--pf-v6-c-
|
|
8444
|
-
--pf-v6-c-
|
|
8445
|
-
--pf-v6-c-
|
|
8446
|
-
--pf-v6-c-
|
|
8447
|
-
--pf-v6-c-
|
|
8448
|
-
--pf-v6-c-
|
|
8449
|
-
--pf-v6-c-
|
|
8450
|
-
--pf-v6-c-
|
|
8451
|
-
--pf-v6-c-
|
|
8452
|
-
--pf-v6-c-
|
|
8075
|
+
.pf-v6-c-sidebar {
|
|
8076
|
+
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
8077
|
+
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
8078
|
+
--pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
8079
|
+
--pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
8080
|
+
--pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
|
|
8081
|
+
--pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
|
|
8082
|
+
--pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
|
|
8083
|
+
--pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
|
|
8084
|
+
--pf-v6-c-sidebar__panel--Order: -1;
|
|
8085
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
8086
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
8087
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
8088
|
+
--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
8089
|
+
--pf-v6-c-sidebar__content--PaddingBlockStart: 0;
|
|
8090
|
+
--pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
|
|
8091
|
+
--pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
|
|
8092
|
+
--pf-v6-c-sidebar__content--PaddingInlineStart: 0;
|
|
8093
|
+
--pf-v6-c-sidebar__content--Order: 1;
|
|
8094
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
|
|
8095
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
|
|
8096
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
|
|
8097
|
+
--pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
|
|
8098
|
+
--pf-v6-c-sidebar__main--FlexDirection: column;
|
|
8099
|
+
--pf-v6-c-sidebar__main--md--FlexDirection: row;
|
|
8100
|
+
--pf-v6-c-sidebar__main--AlignItems: stretch;
|
|
8101
|
+
--pf-v6-c-sidebar__main--md--AlignItems: flex-start;
|
|
8102
|
+
--pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
|
|
8103
|
+
--pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
|
|
8104
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
8105
|
+
--pf-v6-c-sidebar__main--m-border--before--md--Display: block;
|
|
8106
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
|
|
8107
|
+
--pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
|
|
8108
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
|
|
8109
|
+
--pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
|
|
8110
|
+
--pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
|
|
8111
|
+
--pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
|
|
8112
|
+
--pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
|
|
8113
|
+
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
8114
|
+
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
8115
|
+
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
8116
|
+
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
8117
|
+
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
8118
|
+
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
8119
|
+
--pf-v6-c-sidebar--m-split__panel--Position: static;
|
|
8120
|
+
--pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
|
|
8121
|
+
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
8122
|
+
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
8123
|
+
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
8124
|
+
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
8125
|
+
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
8126
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
8127
|
+
--pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
|
|
8128
|
+
--pf-v6-c-sidebar__panel--Position: sticky;
|
|
8129
|
+
--pf-v6-c-sidebar__panel--md--Position: static;
|
|
8130
|
+
--pf-v6-c-sidebar__panel--FlexBasis-base: auto;
|
|
8131
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
|
|
8132
|
+
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
8133
|
+
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
8134
|
+
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
8135
|
+
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
8136
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
8137
|
+
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
8138
|
+
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
8139
|
+
--pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
8140
|
+
--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
|
|
8141
|
+
--pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
|
|
8142
|
+
}
|
|
8143
|
+
|
|
8144
|
+
.pf-v6-c-sidebar {
|
|
8145
|
+
height: 100%;
|
|
8146
|
+
}
|
|
8147
|
+
|
|
8148
|
+
@media (min-width: 48rem) {
|
|
8149
|
+
.pf-v6-c-sidebar {
|
|
8150
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
8151
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
8152
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
8153
|
+
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
8154
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
8155
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
8156
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
|
|
8157
|
+
}
|
|
8158
|
+
}
|
|
8159
|
+
@media (min-width: 75rem) {
|
|
8160
|
+
.pf-v6-c-sidebar {
|
|
8161
|
+
--pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
|
|
8162
|
+
}
|
|
8163
|
+
}
|
|
8164
|
+
.pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
|
|
8165
|
+
gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
|
|
8166
|
+
}
|
|
8167
|
+
|
|
8168
|
+
.pf-v6-c-sidebar.pf-m-panel-right {
|
|
8169
|
+
--pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
|
|
8170
|
+
--pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
|
|
8171
|
+
}
|
|
8172
|
+
|
|
8173
|
+
@media (min-width: 48rem) {
|
|
8174
|
+
.pf-v6-c-sidebar.pf-m-panel-right {
|
|
8175
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
|
|
8176
|
+
--pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
|
|
8177
|
+
}
|
|
8178
|
+
}
|
|
8179
|
+
.pf-v6-c-sidebar.pf-m-stack {
|
|
8180
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-stack__main--FlexDirection);
|
|
8181
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
8182
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
8183
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
8184
|
+
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
8185
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
8186
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
8187
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
|
|
8188
|
+
}
|
|
8189
|
+
|
|
8190
|
+
.pf-v6-c-sidebar.pf-m-split {
|
|
8191
|
+
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-split__main--FlexDirection);
|
|
8192
|
+
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
8193
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
8194
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
8195
|
+
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
8196
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
8197
|
+
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
8198
|
+
--pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
|
|
8453
8199
|
}
|
|
8454
8200
|
|
|
8455
|
-
.pf-v6-c-
|
|
8201
|
+
.pf-v6-c-sidebar__main {
|
|
8456
8202
|
display: flex;
|
|
8457
|
-
flex-direction:
|
|
8458
|
-
|
|
8459
|
-
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
8203
|
+
flex-direction: var(--pf-v6-c-sidebar__main--FlexDirection);
|
|
8204
|
+
align-items: var(--pf-v6-c-sidebar__main--AlignItems);
|
|
8460
8205
|
}
|
|
8461
8206
|
|
|
8462
|
-
.pf-v6-c-
|
|
8463
|
-
|
|
8207
|
+
.pf-v6-c-sidebar__main.pf-m-border::before {
|
|
8208
|
+
display: var(--pf-v6-c-sidebar__main--m-border--before--Display);
|
|
8209
|
+
flex: 0 0 var(--pf-v6-c-sidebar__main--m-border--before--BorderWidth);
|
|
8210
|
+
align-self: stretch;
|
|
8211
|
+
content: "";
|
|
8212
|
+
background-color: var(--pf-v6-c-sidebar__main--m-border--before--BorderColor);
|
|
8464
8213
|
}
|
|
8465
8214
|
|
|
8466
|
-
|
|
8467
|
-
|
|
8215
|
+
.pf-v6-c-sidebar__panel {
|
|
8216
|
+
position: var(--pf-v6-c-sidebar__panel--Position);
|
|
8217
|
+
inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
|
|
8218
|
+
z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
|
|
8219
|
+
flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
|
|
8220
|
+
flex-shrink: 0;
|
|
8221
|
+
order: var(--pf-v6-c-sidebar__panel--Order);
|
|
8222
|
+
padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
|
|
8223
|
+
padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
|
|
8224
|
+
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
8225
|
+
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
8226
|
+
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
8227
|
+
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
8468
8228
|
}
|
|
8469
8229
|
|
|
8470
|
-
.pf-v6-c-
|
|
8471
|
-
--pf-v6-c-
|
|
8472
|
-
--pf-v6-c-
|
|
8473
|
-
--pf-v6-c-
|
|
8474
|
-
--pf-v6-c-
|
|
8230
|
+
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
8231
|
+
--pf-v6-c-sidebar__panel--PaddingBlockStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart);
|
|
8232
|
+
--pf-v6-c-sidebar__panel--PaddingInlineEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd);
|
|
8233
|
+
--pf-v6-c-sidebar__panel--PaddingBlockEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd);
|
|
8234
|
+
--pf-v6-c-sidebar__panel--PaddingInlineStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart);
|
|
8475
8235
|
}
|
|
8476
8236
|
|
|
8477
|
-
.pf-v6-c-
|
|
8478
|
-
--pf-v6-c-
|
|
8479
|
-
|
|
8237
|
+
.pf-v6-c-sidebar__panel.pf-m-sticky {
|
|
8238
|
+
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--m-sticky--Position);
|
|
8239
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart);
|
|
8480
8240
|
}
|
|
8481
8241
|
|
|
8482
|
-
.pf-v6-c-
|
|
8483
|
-
--pf-v6-c-
|
|
8484
|
-
--pf-v6-c-
|
|
8485
|
-
flex-direction: row;
|
|
8486
|
-
flex-wrap: wrap;
|
|
8487
|
-
list-style: none;
|
|
8242
|
+
.pf-v6-c-sidebar__panel.pf-m-static {
|
|
8243
|
+
--pf-v6-c-sidebar__panel--Position: static;
|
|
8244
|
+
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
8488
8245
|
}
|
|
8489
8246
|
|
|
8490
|
-
.pf-v6-c-
|
|
8491
|
-
|
|
8492
|
-
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
8247
|
+
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
8248
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
8493
8249
|
}
|
|
8494
8250
|
|
|
8495
|
-
.pf-v6-c-
|
|
8496
|
-
|
|
8251
|
+
.pf-v6-c-sidebar__content {
|
|
8252
|
+
flex-grow: 1;
|
|
8253
|
+
order: var(--pf-v6-c-sidebar__content--Order);
|
|
8254
|
+
padding-block-start: var(--pf-v6-c-sidebar__content--PaddingBlockStart);
|
|
8255
|
+
padding-block-end: var(--pf-v6-c-sidebar__content--PaddingBlockEnd);
|
|
8256
|
+
padding-inline-start: var(--pf-v6-c-sidebar__content--PaddingInlineStart);
|
|
8257
|
+
padding-inline-end: var(--pf-v6-c-sidebar__content--PaddingInlineEnd);
|
|
8258
|
+
background-color: var(--pf-v6-c-sidebar__content--BackgroundColor);
|
|
8497
8259
|
}
|
|
8498
8260
|
|
|
8499
|
-
.pf-v6-c-
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8503
|
-
|
|
8504
|
-
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
8505
|
-
line-height: 1;
|
|
8506
|
-
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8261
|
+
.pf-v6-c-sidebar__content.pf-m-padding {
|
|
8262
|
+
--pf-v6-c-sidebar__content--PaddingBlockStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
8263
|
+
--pf-v6-c-sidebar__content--PaddingInlineEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd);
|
|
8264
|
+
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
8265
|
+
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
8507
8266
|
}
|
|
8508
8267
|
|
|
8509
|
-
.pf-v6-c-
|
|
8510
|
-
--pf-v6-c-
|
|
8511
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8512
|
-
--pf-v6-c-label-group--MaxWidth: 100%;
|
|
8513
|
-
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8514
|
-
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8515
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8516
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8517
|
-
--pf-v6-c-label-group__main--MaxWidth: 100%;
|
|
8518
|
-
--pf-v6-c-label-group__main--MinWidth: 0;
|
|
8519
|
-
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8520
|
-
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8521
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8522
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8523
|
-
--pf-v6-c-label-group__list--MaxWidth: 100%;
|
|
8524
|
-
--pf-v6-c-label-group__list--MinWidth: 0;
|
|
8525
|
-
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8526
|
-
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8527
|
-
--pf-v6-c-label-group__list-item--MaxWidth: 100%;
|
|
8528
|
-
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8529
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8530
|
-
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8531
|
-
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8532
|
-
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8533
|
-
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8534
|
-
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8535
|
-
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8536
|
-
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8537
|
-
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8538
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8539
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8540
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8541
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8542
|
-
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8543
|
-
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8544
|
-
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8545
|
-
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8546
|
-
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8268
|
+
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
8269
|
+
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
8547
8270
|
}
|
|
8548
8271
|
|
|
8549
|
-
.pf-v6-c-
|
|
8550
|
-
|
|
8551
|
-
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8552
|
-
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8553
|
-
align-items: center;
|
|
8554
|
-
max-width: var(--pf-v6-c-label-group--MaxWidth);
|
|
8272
|
+
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
8273
|
+
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-v6-c-sidebar__content--m-secondary--BackgroundColor);
|
|
8555
8274
|
}
|
|
8556
8275
|
|
|
8557
|
-
.pf-v6-c-
|
|
8558
|
-
|
|
8559
|
-
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8560
|
-
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8561
|
-
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8562
|
-
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8563
|
-
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8564
|
-
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8276
|
+
.pf-v6-c-sidebar__content + .pf-v6-c-sidebar__panel {
|
|
8277
|
+
--pf-v6-c-sidebar__panel--Order: 1;
|
|
8565
8278
|
}
|
|
8566
8279
|
|
|
8567
|
-
.pf-v6-c-
|
|
8568
|
-
--pf-v6-c-
|
|
8569
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8570
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8571
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8572
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8573
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8574
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8280
|
+
:where(.pf-v6-c-sidebar__content:first-child) {
|
|
8281
|
+
--pf-v6-c-sidebar__content--Order: -1;
|
|
8575
8282
|
}
|
|
8576
8283
|
|
|
8577
|
-
.pf-v6-c-
|
|
8578
|
-
|
|
8284
|
+
.pf-v6-c-sidebar.pf-m-no-background,
|
|
8285
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
8286
|
+
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
8287
|
+
background-color: transparent;
|
|
8579
8288
|
}
|
|
8580
8289
|
|
|
8581
|
-
.pf-v6-c-
|
|
8582
|
-
|
|
8583
|
-
align-items: flex-start;
|
|
8584
|
-
max-width: var(--pf-v6-c-label-group__list--MaxWidth);
|
|
8290
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
8291
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8585
8292
|
}
|
|
8586
8293
|
|
|
8587
|
-
.pf-v6-c-
|
|
8588
|
-
|
|
8589
|
-
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8294
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25 {
|
|
8295
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8590
8296
|
}
|
|
8591
8297
|
|
|
8592
|
-
.pf-v6-c-
|
|
8593
|
-
|
|
8594
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8595
|
-
display: flex;
|
|
8298
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33 {
|
|
8299
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8596
8300
|
}
|
|
8597
8301
|
|
|
8598
|
-
.pf-v6-c-
|
|
8599
|
-
|
|
8600
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8601
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8602
|
-
flex: 1;
|
|
8302
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50 {
|
|
8303
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8603
8304
|
}
|
|
8604
8305
|
|
|
8605
|
-
.pf-v6-c-
|
|
8606
|
-
|
|
8607
|
-
flex: 1;
|
|
8608
|
-
flex-wrap: wrap;
|
|
8609
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8610
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8611
|
-
align-items: baseline;
|
|
8612
|
-
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
8306
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66 {
|
|
8307
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8613
8308
|
}
|
|
8614
8309
|
|
|
8615
|
-
.pf-v6-c-
|
|
8616
|
-
|
|
8617
|
-
flex-wrap: wrap;
|
|
8618
|
-
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8619
|
-
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8620
|
-
min-width: var(--pf-v6-c-label-group__list--MinWidth);
|
|
8310
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75 {
|
|
8311
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8621
8312
|
}
|
|
8622
8313
|
|
|
8623
|
-
.pf-v6-c-
|
|
8624
|
-
|
|
8625
|
-
max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
|
|
8314
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100 {
|
|
8315
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8626
8316
|
}
|
|
8627
8317
|
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
|
|
8631
|
-
|
|
8632
|
-
|
|
8318
|
+
@media (min-width: 36rem) {
|
|
8319
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
|
|
8320
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8321
|
+
}
|
|
8322
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
|
|
8323
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8324
|
+
}
|
|
8325
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
|
|
8326
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8327
|
+
}
|
|
8328
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
|
|
8329
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8330
|
+
}
|
|
8331
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
|
|
8332
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8333
|
+
}
|
|
8334
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
|
|
8335
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8336
|
+
}
|
|
8337
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
|
|
8338
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8339
|
+
}
|
|
8633
8340
|
}
|
|
8634
|
-
|
|
8635
|
-
.pf-v6-c-
|
|
8636
|
-
|
|
8637
|
-
|
|
8341
|
+
@media (min-width: 48rem) {
|
|
8342
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
|
|
8343
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8344
|
+
}
|
|
8345
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
|
|
8346
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8347
|
+
}
|
|
8348
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
|
|
8349
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8350
|
+
}
|
|
8351
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
|
|
8352
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8353
|
+
}
|
|
8354
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
|
|
8355
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8356
|
+
}
|
|
8357
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
|
|
8358
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8359
|
+
}
|
|
8360
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
|
|
8361
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8362
|
+
}
|
|
8638
8363
|
}
|
|
8639
|
-
|
|
8640
|
-
.pf-v6-c-
|
|
8641
|
-
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
|
|
8364
|
+
@media (min-width: 62rem) {
|
|
8365
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
|
|
8366
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8367
|
+
}
|
|
8368
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
|
|
8369
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8370
|
+
}
|
|
8371
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
|
|
8372
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8373
|
+
}
|
|
8374
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
|
|
8375
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8376
|
+
}
|
|
8377
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
|
|
8378
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8379
|
+
}
|
|
8380
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
|
|
8381
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8382
|
+
}
|
|
8383
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
|
|
8384
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8385
|
+
}
|
|
8646
8386
|
}
|
|
8647
|
-
|
|
8648
|
-
.pf-v6-c-
|
|
8649
|
-
|
|
8650
|
-
|
|
8651
|
-
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8655
|
-
|
|
8656
|
-
|
|
8657
|
-
-
|
|
8658
|
-
|
|
8387
|
+
@media (min-width: 75rem) {
|
|
8388
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
8389
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8390
|
+
}
|
|
8391
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
8392
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8393
|
+
}
|
|
8394
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
8395
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8396
|
+
}
|
|
8397
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
8398
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8399
|
+
}
|
|
8400
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
8401
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8402
|
+
}
|
|
8403
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8404
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8405
|
+
}
|
|
8406
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8407
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8408
|
+
}
|
|
8659
8409
|
}
|
|
8660
|
-
|
|
8661
|
-
.pf-v6-c-
|
|
8662
|
-
|
|
8410
|
+
@media (min-width: 90.625rem) {
|
|
8411
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
8412
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8413
|
+
}
|
|
8414
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8415
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8416
|
+
}
|
|
8417
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8418
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8419
|
+
}
|
|
8420
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8421
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8422
|
+
}
|
|
8423
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8424
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8425
|
+
}
|
|
8426
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8427
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8428
|
+
}
|
|
8429
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8430
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8431
|
+
}
|
|
8663
8432
|
}
|
|
8664
|
-
|
|
8665
8433
|
.pf-v6-c-label {
|
|
8666
8434
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8667
8435
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9180,15 +8948,171 @@ input.pf-v6-c-label__content {
|
|
|
9180
8948
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
9181
8949
|
}
|
|
9182
8950
|
|
|
9183
|
-
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
9184
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
9185
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
9186
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
9187
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
9188
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
9189
|
-
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
9190
|
-
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
9191
|
-
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8951
|
+
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
8952
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
8953
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
8954
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
8955
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
8956
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
8957
|
+
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
8958
|
+
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
8959
|
+
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8960
|
+
}
|
|
8961
|
+
|
|
8962
|
+
.pf-v6-c-label-group {
|
|
8963
|
+
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8964
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8965
|
+
--pf-v6-c-label-group--MaxWidth: 100%;
|
|
8966
|
+
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8967
|
+
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8968
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8969
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8970
|
+
--pf-v6-c-label-group__main--MaxWidth: 100%;
|
|
8971
|
+
--pf-v6-c-label-group__main--MinWidth: 0;
|
|
8972
|
+
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8973
|
+
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8974
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8975
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8976
|
+
--pf-v6-c-label-group__list--MaxWidth: 100%;
|
|
8977
|
+
--pf-v6-c-label-group__list--MinWidth: 0;
|
|
8978
|
+
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8979
|
+
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8980
|
+
--pf-v6-c-label-group__list-item--MaxWidth: 100%;
|
|
8981
|
+
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8982
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8983
|
+
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8984
|
+
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8985
|
+
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8986
|
+
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8987
|
+
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8988
|
+
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8989
|
+
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8990
|
+
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8991
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8992
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8993
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8994
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8995
|
+
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8996
|
+
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8997
|
+
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8998
|
+
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8999
|
+
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
9000
|
+
}
|
|
9001
|
+
|
|
9002
|
+
.pf-v6-c-label-group {
|
|
9003
|
+
display: inline-flex;
|
|
9004
|
+
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
9005
|
+
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
9006
|
+
align-items: center;
|
|
9007
|
+
max-width: var(--pf-v6-c-label-group--MaxWidth);
|
|
9008
|
+
}
|
|
9009
|
+
|
|
9010
|
+
.pf-v6-c-label-group.pf-m-category {
|
|
9011
|
+
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
9012
|
+
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
9013
|
+
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
9014
|
+
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
9015
|
+
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
9016
|
+
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
9017
|
+
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
9018
|
+
}
|
|
9019
|
+
|
|
9020
|
+
.pf-v6-c-label-group.pf-m-vertical {
|
|
9021
|
+
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
9022
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
9023
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
9024
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
9025
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
9026
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
9027
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
9028
|
+
}
|
|
9029
|
+
|
|
9030
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
9031
|
+
align-items: flex-start;
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9034
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
9035
|
+
flex-direction: column;
|
|
9036
|
+
align-items: flex-start;
|
|
9037
|
+
max-width: var(--pf-v6-c-label-group__list--MaxWidth);
|
|
9038
|
+
}
|
|
9039
|
+
|
|
9040
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
9041
|
+
flex-direction: column;
|
|
9042
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
9046
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9047
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
9048
|
+
display: flex;
|
|
9049
|
+
}
|
|
9050
|
+
|
|
9051
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9052
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
9053
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
9054
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
9055
|
+
flex: 1;
|
|
9056
|
+
}
|
|
9057
|
+
|
|
9058
|
+
.pf-v6-c-label-group__main {
|
|
9059
|
+
display: flex;
|
|
9060
|
+
flex: 1;
|
|
9061
|
+
flex-wrap: wrap;
|
|
9062
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
9063
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
9064
|
+
align-items: baseline;
|
|
9065
|
+
min-width: var(--pf-v6-c-label-group__main--MinWidth);
|
|
9066
|
+
}
|
|
9067
|
+
|
|
9068
|
+
.pf-v6-c-label-group__list {
|
|
9069
|
+
display: inline-flex;
|
|
9070
|
+
flex-wrap: wrap;
|
|
9071
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
9072
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
9073
|
+
min-width: var(--pf-v6-c-label-group__list--MinWidth);
|
|
9074
|
+
}
|
|
9075
|
+
|
|
9076
|
+
.pf-v6-c-label-group__list-item {
|
|
9077
|
+
display: inline-flex;
|
|
9078
|
+
max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
|
|
9079
|
+
}
|
|
9080
|
+
|
|
9081
|
+
.pf-v6-c-label-group__label {
|
|
9082
|
+
overflow: hidden;
|
|
9083
|
+
text-overflow: ellipsis;
|
|
9084
|
+
white-space: nowrap;
|
|
9085
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
9086
|
+
}
|
|
9087
|
+
|
|
9088
|
+
.pf-v6-c-label-group__close {
|
|
9089
|
+
display: flex;
|
|
9090
|
+
align-self: flex-start;
|
|
9091
|
+
}
|
|
9092
|
+
|
|
9093
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
9094
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
9095
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
9096
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
9097
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
9098
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
9099
|
+
}
|
|
9100
|
+
|
|
9101
|
+
.pf-v6-c-label-group__textarea {
|
|
9102
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
9103
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
9104
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
9105
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
9106
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
9107
|
+
white-space: nowrap;
|
|
9108
|
+
resize: none;
|
|
9109
|
+
border: 0;
|
|
9110
|
+
-ms-overflow-style: none;
|
|
9111
|
+
scrollbar-width: none;
|
|
9112
|
+
}
|
|
9113
|
+
|
|
9114
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
9115
|
+
display: none;
|
|
9192
9116
|
}
|
|
9193
9117
|
|
|
9194
9118
|
.pf-v6-c-login {
|
|
@@ -9451,6 +9375,82 @@ input.pf-v6-c-label__content {
|
|
|
9451
9375
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
9452
9376
|
}
|
|
9453
9377
|
|
|
9378
|
+
.pf-v6-c-list {
|
|
9379
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9380
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
9381
|
+
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
9382
|
+
--pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9383
|
+
--pf-v6-c-list--m-plain--PaddingInlineStart: 0;
|
|
9384
|
+
--pf-v6-c-list--m-inline--PaddingInlineStart: 0;
|
|
9385
|
+
--pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
9386
|
+
--pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
|
|
9387
|
+
--pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
|
|
9388
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
9389
|
+
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
9390
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
|
|
9391
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
9392
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9393
|
+
--pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9394
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
|
|
9395
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
|
|
9396
|
+
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
9397
|
+
--pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
|
|
9398
|
+
}
|
|
9399
|
+
|
|
9400
|
+
.pf-v6-c-list {
|
|
9401
|
+
display: flex;
|
|
9402
|
+
flex-direction: column;
|
|
9403
|
+
gap: var(--pf-v6-c-list--Gap);
|
|
9404
|
+
padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
|
|
9405
|
+
}
|
|
9406
|
+
|
|
9407
|
+
.pf-v6-c-list .pf-v6-c-list {
|
|
9408
|
+
padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
|
|
9409
|
+
}
|
|
9410
|
+
|
|
9411
|
+
ul.pf-v6-c-list {
|
|
9412
|
+
list-style: var(--pf-v6-c-list--ul--ListStyle);
|
|
9413
|
+
}
|
|
9414
|
+
|
|
9415
|
+
.pf-v6-c-list.pf-m-icon-lg {
|
|
9416
|
+
--pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
|
|
9417
|
+
--pf-v6-c-list__item-icon--MarginBlockStart: 0;
|
|
9418
|
+
--pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
|
|
9419
|
+
--pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
|
|
9420
|
+
}
|
|
9421
|
+
|
|
9422
|
+
.pf-v6-c-list.pf-m-plain {
|
|
9423
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
|
|
9424
|
+
list-style: none;
|
|
9425
|
+
}
|
|
9426
|
+
|
|
9427
|
+
.pf-v6-c-list.pf-m-inline {
|
|
9428
|
+
--pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
|
|
9429
|
+
--pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
|
|
9430
|
+
flex-direction: row;
|
|
9431
|
+
flex-wrap: wrap;
|
|
9432
|
+
list-style: none;
|
|
9433
|
+
}
|
|
9434
|
+
|
|
9435
|
+
.pf-v6-c-list.pf-m-bordered > * + * {
|
|
9436
|
+
padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
|
|
9437
|
+
border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
|
|
9438
|
+
}
|
|
9439
|
+
|
|
9440
|
+
.pf-v6-c-list__item {
|
|
9441
|
+
display: flex;
|
|
9442
|
+
}
|
|
9443
|
+
|
|
9444
|
+
.pf-v6-c-list__item-icon {
|
|
9445
|
+
flex-shrink: 0;
|
|
9446
|
+
min-width: var(--pf-v6-c-list__item-icon--MinWidth);
|
|
9447
|
+
margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
|
|
9448
|
+
margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
|
|
9449
|
+
font-size: var(--pf-v6-c-list__item-icon--FontSize);
|
|
9450
|
+
line-height: 1;
|
|
9451
|
+
color: var(--pf-v6-c-list__item-icon--Color);
|
|
9452
|
+
}
|
|
9453
|
+
|
|
9454
9454
|
.pf-v6-c-masthead {
|
|
9455
9455
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
9456
9456
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -11718,6 +11718,45 @@ input.pf-v6-c-label__content {
|
|
|
11718
11718
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11719
11719
|
}
|
|
11720
11720
|
|
|
11721
|
+
.pf-v6-c-overflow-menu {
|
|
11722
|
+
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11723
|
+
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11724
|
+
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11725
|
+
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
11726
|
+
}
|
|
11727
|
+
|
|
11728
|
+
.pf-v6-c-overflow-menu {
|
|
11729
|
+
display: inline-flex;
|
|
11730
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11731
|
+
}
|
|
11732
|
+
|
|
11733
|
+
.pf-v6-c-overflow-menu__content,
|
|
11734
|
+
.pf-v6-c-overflow-menu__group {
|
|
11735
|
+
display: flex;
|
|
11736
|
+
align-items: start;
|
|
11737
|
+
}
|
|
11738
|
+
|
|
11739
|
+
.pf-v6-c-overflow-menu__group {
|
|
11740
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
11741
|
+
}
|
|
11742
|
+
|
|
11743
|
+
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
11744
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
11745
|
+
}
|
|
11746
|
+
|
|
11747
|
+
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
11748
|
+
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
11749
|
+
}
|
|
11750
|
+
|
|
11751
|
+
.pf-v6-c-overflow-menu__item {
|
|
11752
|
+
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
11753
|
+
}
|
|
11754
|
+
|
|
11755
|
+
.pf-v6-c-overflow-menu__content,
|
|
11756
|
+
.pf-v6-c-overflow-menu__control {
|
|
11757
|
+
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11758
|
+
}
|
|
11759
|
+
|
|
11721
11760
|
.pf-v6-c-page {
|
|
11722
11761
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11723
11762
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -12366,45 +12405,6 @@ input.pf-v6-c-label__content {
|
|
|
12366
12405
|
flex-grow: 1;
|
|
12367
12406
|
}
|
|
12368
12407
|
|
|
12369
|
-
.pf-v6-c-overflow-menu {
|
|
12370
|
-
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12371
|
-
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12372
|
-
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
12373
|
-
--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
12374
|
-
}
|
|
12375
|
-
|
|
12376
|
-
.pf-v6-c-overflow-menu {
|
|
12377
|
-
display: inline-flex;
|
|
12378
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
12379
|
-
}
|
|
12380
|
-
|
|
12381
|
-
.pf-v6-c-overflow-menu__content,
|
|
12382
|
-
.pf-v6-c-overflow-menu__group {
|
|
12383
|
-
display: flex;
|
|
12384
|
-
align-items: start;
|
|
12385
|
-
}
|
|
12386
|
-
|
|
12387
|
-
.pf-v6-c-overflow-menu__group {
|
|
12388
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
|
|
12389
|
-
}
|
|
12390
|
-
|
|
12391
|
-
.pf-v6-c-overflow-menu__group.pf-m-button-group {
|
|
12392
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
|
|
12393
|
-
}
|
|
12394
|
-
|
|
12395
|
-
.pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
|
|
12396
|
-
column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
|
|
12397
|
-
}
|
|
12398
|
-
|
|
12399
|
-
.pf-v6-c-overflow-menu__item {
|
|
12400
|
-
column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
|
|
12401
|
-
}
|
|
12402
|
-
|
|
12403
|
-
.pf-v6-c-overflow-menu__content,
|
|
12404
|
-
.pf-v6-c-overflow-menu__control {
|
|
12405
|
-
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
12406
|
-
}
|
|
12407
|
-
|
|
12408
12408
|
.pf-v6-c-pagination {
|
|
12409
12409
|
--pf-v6-c-pagination--inset: 0;
|
|
12410
12410
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -12966,127 +12966,41 @@ input.pf-v6-c-label__content {
|
|
|
12966
12966
|
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12967
12967
|
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12968
12968
|
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12969
|
-
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12970
|
-
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12971
|
-
pointer-events: none;
|
|
12972
|
-
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12973
|
-
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12974
|
-
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
12975
|
-
}
|
|
12976
|
-
|
|
12977
|
-
.pf-v6-c-popover__header {
|
|
12978
|
-
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
12979
|
-
}
|
|
12980
|
-
|
|
12981
|
-
.pf-v6-c-popover__title {
|
|
12982
|
-
display: flex;
|
|
12983
|
-
flex: 0 0 auto;
|
|
12984
|
-
}
|
|
12985
|
-
|
|
12986
|
-
.pf-v6-c-popover__title-icon {
|
|
12987
|
-
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12988
|
-
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12989
|
-
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
12990
|
-
}
|
|
12991
|
-
|
|
12992
|
-
.pf-v6-c-popover__title-text {
|
|
12993
|
-
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12994
|
-
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12995
|
-
color: var(--pf-v6-c-popover__title-text--Color);
|
|
12996
|
-
}
|
|
12997
|
-
|
|
12998
|
-
.pf-v6-c-popover__body {
|
|
12999
|
-
word-wrap: break-word;
|
|
13000
|
-
}
|
|
13001
|
-
|
|
13002
|
-
.pf-v6-c-popover__footer {
|
|
13003
|
-
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
13004
|
-
}
|
|
13005
|
-
|
|
13006
|
-
.pf-v6-c-radio {
|
|
13007
|
-
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13008
|
-
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13009
|
-
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13010
|
-
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13011
|
-
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13012
|
-
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13013
|
-
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13014
|
-
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13015
|
-
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13016
|
-
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13017
|
-
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13018
|
-
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13019
|
-
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13020
|
-
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13021
|
-
}
|
|
13022
|
-
|
|
13023
|
-
.pf-v6-c-radio {
|
|
13024
|
-
display: grid;
|
|
13025
|
-
grid-template-columns: auto 1fr;
|
|
13026
|
-
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13027
|
-
align-items: baseline;
|
|
13028
|
-
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13029
|
-
}
|
|
13030
|
-
|
|
13031
|
-
.pf-v6-c-radio.pf-m-standalone {
|
|
13032
|
-
display: inline-grid;
|
|
13033
|
-
grid-template-columns: auto;
|
|
13034
|
-
min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
|
|
13035
|
-
}
|
|
13036
|
-
|
|
13037
|
-
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
13038
|
-
align-self: center;
|
|
13039
|
-
transform: none;
|
|
13040
|
-
}
|
|
13041
|
-
|
|
13042
|
-
.pf-v6-c-radio__input {
|
|
13043
|
-
align-self: start;
|
|
13044
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13045
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13046
|
-
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
13047
|
-
}
|
|
13048
|
-
|
|
13049
|
-
.pf-v6-c-radio__input:first-child {
|
|
13050
|
-
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
13051
|
-
}
|
|
13052
|
-
|
|
13053
|
-
.pf-v6-c-radio__input:last-child {
|
|
13054
|
-
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
12969
|
+
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12970
|
+
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12971
|
+
pointer-events: none;
|
|
12972
|
+
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12973
|
+
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12974
|
+
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
13055
12975
|
}
|
|
13056
12976
|
|
|
13057
|
-
.pf-v6-c-
|
|
13058
|
-
|
|
13059
|
-
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
13060
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13061
|
-
color: var(--pf-v6-c-radio__label--Color);
|
|
12977
|
+
.pf-v6-c-popover__header {
|
|
12978
|
+
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
13062
12979
|
}
|
|
13063
12980
|
|
|
13064
|
-
.pf-v6-c-
|
|
13065
|
-
|
|
13066
|
-
|
|
13067
|
-
color: var(--pf-v6-c-radio__description--Color);
|
|
12981
|
+
.pf-v6-c-popover__title {
|
|
12982
|
+
display: flex;
|
|
12983
|
+
flex: 0 0 auto;
|
|
13068
12984
|
}
|
|
13069
12985
|
|
|
13070
|
-
.pf-v6-c-
|
|
13071
|
-
|
|
13072
|
-
|
|
12986
|
+
.pf-v6-c-popover__title-icon {
|
|
12987
|
+
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12988
|
+
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12989
|
+
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
13073
12990
|
}
|
|
13074
12991
|
|
|
13075
|
-
.pf-v6-c-
|
|
13076
|
-
|
|
13077
|
-
|
|
12992
|
+
.pf-v6-c-popover__title-text {
|
|
12993
|
+
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12994
|
+
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12995
|
+
color: var(--pf-v6-c-popover__title-text--Color);
|
|
13078
12996
|
}
|
|
13079
12997
|
|
|
13080
|
-
|
|
13081
|
-
|
|
13082
|
-
cursor: pointer;
|
|
12998
|
+
.pf-v6-c-popover__body {
|
|
12999
|
+
word-wrap: break-word;
|
|
13083
13000
|
}
|
|
13084
13001
|
|
|
13085
|
-
.pf-v6-c-
|
|
13086
|
-
|
|
13087
|
-
.pf-v6-c-radio__input.pf-m-disabled {
|
|
13088
|
-
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
13089
|
-
cursor: not-allowed;
|
|
13002
|
+
.pf-v6-c-popover__footer {
|
|
13003
|
+
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
13090
13004
|
}
|
|
13091
13005
|
|
|
13092
13006
|
.pf-v6-c-progress-stepper {
|
|
@@ -13725,6 +13639,92 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13725
13639
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
13726
13640
|
}
|
|
13727
13641
|
}
|
|
13642
|
+
.pf-v6-c-radio {
|
|
13643
|
+
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13644
|
+
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13645
|
+
--pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13646
|
+
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13647
|
+
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13648
|
+
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
13649
|
+
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13650
|
+
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13651
|
+
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13652
|
+
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13653
|
+
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13654
|
+
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13655
|
+
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13656
|
+
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13657
|
+
}
|
|
13658
|
+
|
|
13659
|
+
.pf-v6-c-radio {
|
|
13660
|
+
display: grid;
|
|
13661
|
+
grid-template-columns: auto 1fr;
|
|
13662
|
+
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13663
|
+
align-items: baseline;
|
|
13664
|
+
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13665
|
+
}
|
|
13666
|
+
|
|
13667
|
+
.pf-v6-c-radio.pf-m-standalone {
|
|
13668
|
+
display: inline-grid;
|
|
13669
|
+
grid-template-columns: auto;
|
|
13670
|
+
min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
|
|
13671
|
+
}
|
|
13672
|
+
|
|
13673
|
+
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
13674
|
+
align-self: center;
|
|
13675
|
+
transform: none;
|
|
13676
|
+
}
|
|
13677
|
+
|
|
13678
|
+
.pf-v6-c-radio__input {
|
|
13679
|
+
align-self: start;
|
|
13680
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13681
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13682
|
+
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
13683
|
+
}
|
|
13684
|
+
|
|
13685
|
+
.pf-v6-c-radio__input:first-child {
|
|
13686
|
+
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
13687
|
+
}
|
|
13688
|
+
|
|
13689
|
+
.pf-v6-c-radio__input:last-child {
|
|
13690
|
+
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
13691
|
+
}
|
|
13692
|
+
|
|
13693
|
+
.pf-v6-c-radio__label {
|
|
13694
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13695
|
+
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
13696
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13697
|
+
color: var(--pf-v6-c-radio__label--Color);
|
|
13698
|
+
}
|
|
13699
|
+
|
|
13700
|
+
.pf-v6-c-radio__description {
|
|
13701
|
+
grid-column: 2;
|
|
13702
|
+
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
13703
|
+
color: var(--pf-v6-c-radio__description--Color);
|
|
13704
|
+
}
|
|
13705
|
+
|
|
13706
|
+
.pf-v6-c-radio__body {
|
|
13707
|
+
grid-column: 2;
|
|
13708
|
+
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
13709
|
+
}
|
|
13710
|
+
|
|
13711
|
+
.pf-v6-c-radio__label,
|
|
13712
|
+
.pf-v6-c-radio__input {
|
|
13713
|
+
justify-self: start;
|
|
13714
|
+
}
|
|
13715
|
+
|
|
13716
|
+
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13717
|
+
.pf-v6-c-radio__input {
|
|
13718
|
+
cursor: pointer;
|
|
13719
|
+
}
|
|
13720
|
+
|
|
13721
|
+
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
13722
|
+
.pf-v6-c-radio__input:disabled,
|
|
13723
|
+
.pf-v6-c-radio__input.pf-m-disabled {
|
|
13724
|
+
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
13725
|
+
cursor: not-allowed;
|
|
13726
|
+
}
|
|
13727
|
+
|
|
13728
13728
|
.pf-v6-c-text-input-group {
|
|
13729
13729
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
13730
13730
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -14017,23 +14017,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14017
14017
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
14018
14018
|
}
|
|
14019
14019
|
|
|
14020
|
-
.pf-v6-c-skip-to-content {
|
|
14021
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14022
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14023
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14024
|
-
}
|
|
14025
|
-
|
|
14026
|
-
.pf-v6-c-skip-to-content {
|
|
14027
|
-
position: absolute;
|
|
14028
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14029
|
-
inset-inline-start: -300%;
|
|
14030
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14031
|
-
}
|
|
14032
|
-
|
|
14033
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
14034
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14035
|
-
}
|
|
14036
|
-
|
|
14037
14020
|
.pf-v6-c-skeleton {
|
|
14038
14021
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14039
14022
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -14227,6 +14210,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14227
14210
|
transform: translateX(100%);
|
|
14228
14211
|
}
|
|
14229
14212
|
}
|
|
14213
|
+
.pf-v6-c-skip-to-content {
|
|
14214
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14215
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14216
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14217
|
+
}
|
|
14218
|
+
|
|
14219
|
+
.pf-v6-c-skip-to-content {
|
|
14220
|
+
position: absolute;
|
|
14221
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14222
|
+
inset-inline-start: -300%;
|
|
14223
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14224
|
+
}
|
|
14225
|
+
|
|
14226
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
14227
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14228
|
+
}
|
|
14229
|
+
|
|
14230
14230
|
.pf-v6-c-slider {
|
|
14231
14231
|
--pf-v6-c-slider--value: 0;
|
|
14232
14232
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14454,97 +14454,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14454
14454
|
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
14455
14455
|
}
|
|
14456
14456
|
|
|
14457
|
-
.pf-v6-c-slider__actions {
|
|
14458
|
-
display: flex;
|
|
14459
|
-
margin-inline-end: var(--pf-v6-c-slider__actions--MarginInlineEnd);
|
|
14460
|
-
}
|
|
14461
|
-
|
|
14462
|
-
.pf-v6-c-slider__main ~ .pf-v6-c-slider__actions {
|
|
14463
|
-
--pf-v6-c-slider__actions--MarginInlineEnd: 0;
|
|
14464
|
-
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14465
|
-
}
|
|
14466
|
-
|
|
14467
|
-
.pf-v6-c-spinner {
|
|
14468
|
-
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14469
|
-
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14470
|
-
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14471
|
-
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14472
|
-
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14473
|
-
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14474
|
-
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14475
|
-
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14476
|
-
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14477
|
-
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14478
|
-
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14479
|
-
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14480
|
-
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14481
|
-
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14482
|
-
}
|
|
14483
|
-
|
|
14484
|
-
.pf-v6-c-spinner {
|
|
14485
|
-
width: var(--pf-v6-c-spinner--Width);
|
|
14486
|
-
height: var(--pf-v6-c-spinner--Height);
|
|
14487
|
-
overflow: hidden;
|
|
14488
|
-
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14489
|
-
}
|
|
14490
|
-
|
|
14491
|
-
.pf-v6-c-spinner.pf-m-inline {
|
|
14492
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14493
|
-
}
|
|
14494
|
-
|
|
14495
|
-
.pf-v6-c-spinner.pf-m-sm {
|
|
14496
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14497
|
-
}
|
|
14498
|
-
|
|
14499
|
-
.pf-v6-c-spinner.pf-m-md {
|
|
14500
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14501
|
-
}
|
|
14502
|
-
|
|
14503
|
-
.pf-v6-c-spinner.pf-m-lg {
|
|
14504
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14505
|
-
}
|
|
14506
|
-
|
|
14507
|
-
.pf-v6-c-spinner.pf-m-xl {
|
|
14508
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14509
|
-
}
|
|
14510
|
-
|
|
14511
|
-
.pf-v6-c-spinner__path {
|
|
14512
|
-
width: 100%;
|
|
14513
|
-
height: 100%;
|
|
14514
|
-
stroke: var(--pf-v6-c-spinner--Color);
|
|
14515
|
-
stroke-dasharray: 283;
|
|
14516
|
-
stroke-dashoffset: 280;
|
|
14517
|
-
stroke-linecap: round;
|
|
14518
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14519
|
-
transform-origin: 50% 50%;
|
|
14520
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14521
|
-
}
|
|
14522
|
-
|
|
14523
|
-
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14524
|
-
0% {
|
|
14525
|
-
transform: rotate(0deg);
|
|
14526
|
-
}
|
|
14527
|
-
100% {
|
|
14528
|
-
transform: rotate(360deg);
|
|
14529
|
-
}
|
|
14530
|
-
}
|
|
14531
|
-
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14532
|
-
0% {
|
|
14533
|
-
stroke-dashoffset: 280;
|
|
14534
|
-
transform: rotate(0);
|
|
14535
|
-
}
|
|
14536
|
-
15% {
|
|
14537
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14538
|
-
}
|
|
14539
|
-
40% {
|
|
14540
|
-
stroke-dasharray: 220;
|
|
14541
|
-
stroke-dashoffset: 150;
|
|
14542
|
-
}
|
|
14543
|
-
100% {
|
|
14544
|
-
stroke-dashoffset: 280;
|
|
14545
|
-
transform: rotate(720deg);
|
|
14546
|
-
}
|
|
14457
|
+
.pf-v6-c-slider__actions {
|
|
14458
|
+
display: flex;
|
|
14459
|
+
margin-inline-end: var(--pf-v6-c-slider__actions--MarginInlineEnd);
|
|
14460
|
+
}
|
|
14461
|
+
|
|
14462
|
+
.pf-v6-c-slider__main ~ .pf-v6-c-slider__actions {
|
|
14463
|
+
--pf-v6-c-slider__actions--MarginInlineEnd: 0;
|
|
14464
|
+
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14547
14465
|
}
|
|
14466
|
+
|
|
14548
14467
|
.pf-v6-c-switch {
|
|
14549
14468
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14550
14469
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -14707,6 +14626,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14707
14626
|
vertical-align: top;
|
|
14708
14627
|
}
|
|
14709
14628
|
|
|
14629
|
+
.pf-v6-c-spinner {
|
|
14630
|
+
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14631
|
+
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14632
|
+
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14633
|
+
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14634
|
+
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14635
|
+
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14636
|
+
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14637
|
+
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14638
|
+
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14639
|
+
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14640
|
+
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14641
|
+
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14642
|
+
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14643
|
+
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14644
|
+
}
|
|
14645
|
+
|
|
14646
|
+
.pf-v6-c-spinner {
|
|
14647
|
+
width: var(--pf-v6-c-spinner--Width);
|
|
14648
|
+
height: var(--pf-v6-c-spinner--Height);
|
|
14649
|
+
overflow: hidden;
|
|
14650
|
+
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14651
|
+
}
|
|
14652
|
+
|
|
14653
|
+
.pf-v6-c-spinner.pf-m-inline {
|
|
14654
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14655
|
+
}
|
|
14656
|
+
|
|
14657
|
+
.pf-v6-c-spinner.pf-m-sm {
|
|
14658
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14659
|
+
}
|
|
14660
|
+
|
|
14661
|
+
.pf-v6-c-spinner.pf-m-md {
|
|
14662
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14663
|
+
}
|
|
14664
|
+
|
|
14665
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14666
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14667
|
+
}
|
|
14668
|
+
|
|
14669
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14670
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14671
|
+
}
|
|
14672
|
+
|
|
14673
|
+
.pf-v6-c-spinner__path {
|
|
14674
|
+
width: 100%;
|
|
14675
|
+
height: 100%;
|
|
14676
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14677
|
+
stroke-dasharray: 283;
|
|
14678
|
+
stroke-dashoffset: 280;
|
|
14679
|
+
stroke-linecap: round;
|
|
14680
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14681
|
+
transform-origin: 50% 50%;
|
|
14682
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14683
|
+
}
|
|
14684
|
+
|
|
14685
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14686
|
+
0% {
|
|
14687
|
+
transform: rotate(0deg);
|
|
14688
|
+
}
|
|
14689
|
+
100% {
|
|
14690
|
+
transform: rotate(360deg);
|
|
14691
|
+
}
|
|
14692
|
+
}
|
|
14693
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14694
|
+
0% {
|
|
14695
|
+
stroke-dashoffset: 280;
|
|
14696
|
+
transform: rotate(0);
|
|
14697
|
+
}
|
|
14698
|
+
15% {
|
|
14699
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14700
|
+
}
|
|
14701
|
+
40% {
|
|
14702
|
+
stroke-dasharray: 220;
|
|
14703
|
+
stroke-dashoffset: 150;
|
|
14704
|
+
}
|
|
14705
|
+
100% {
|
|
14706
|
+
stroke-dashoffset: 280;
|
|
14707
|
+
transform: rotate(720deg);
|
|
14708
|
+
}
|
|
14709
|
+
}
|
|
14710
14710
|
.pf-v6-c-tabs {
|
|
14711
14711
|
--pf-v6-c-tabs--inset: 0;
|
|
14712
14712
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -15630,187 +15630,37 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15630
15630
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15631
15631
|
}
|
|
15632
15632
|
|
|
15633
|
-
.pf-v6-c-
|
|
15634
|
-
--pf-v6-c-
|
|
15635
|
-
--pf-v6-c-
|
|
15636
|
-
--pf-v6-c-
|
|
15637
|
-
--pf-v6-c-
|
|
15638
|
-
--pf-v6-c-
|
|
15639
|
-
--pf-v6-c-
|
|
15640
|
-
--pf-v6-c-
|
|
15641
|
-
--pf-v6-c-
|
|
15642
|
-
--pf-v6-c-
|
|
15643
|
-
--pf-v6-c-
|
|
15644
|
-
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
15645
|
-
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
15646
|
-
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
15647
|
-
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
15648
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
15649
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
15650
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
15651
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
15652
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
15653
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
15654
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
15655
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
15656
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
15657
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15658
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
15659
|
-
}
|
|
15660
|
-
|
|
15661
|
-
.pf-v6-c-progress {
|
|
15662
|
-
display: grid;
|
|
15663
|
-
grid-template-rows: 1fr auto;
|
|
15664
|
-
grid-template-columns: auto auto;
|
|
15665
|
-
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
15666
|
-
align-items: end;
|
|
15667
|
-
}
|
|
15668
|
-
|
|
15669
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
15670
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
15671
|
-
}
|
|
15672
|
-
|
|
15673
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
15674
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
15675
|
-
}
|
|
15676
|
-
|
|
15677
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
15678
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
15679
|
-
}
|
|
15680
|
-
|
|
15681
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
15682
|
-
display: flex;
|
|
15683
|
-
align-items: center;
|
|
15684
|
-
justify-content: center;
|
|
15685
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
15686
|
-
}
|
|
15687
|
-
|
|
15688
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
15689
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
15690
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
15691
|
-
text-align: center;
|
|
15692
|
-
}
|
|
15693
|
-
|
|
15694
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
15695
|
-
grid-column: 1/3;
|
|
15696
|
-
}
|
|
15697
|
-
|
|
15698
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
15699
|
-
grid-row: 2/3;
|
|
15700
|
-
grid-column: 2/3;
|
|
15701
|
-
align-self: center;
|
|
15702
|
-
}
|
|
15703
|
-
|
|
15704
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
15705
|
-
display: inline-block;
|
|
15706
|
-
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
15707
|
-
}
|
|
15708
|
-
|
|
15709
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
15710
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
15711
|
-
text-align: start;
|
|
15712
|
-
}
|
|
15713
|
-
|
|
15714
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
15715
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
15716
|
-
grid-column: 1/2;
|
|
15717
|
-
}
|
|
15718
|
-
|
|
15719
|
-
.pf-v6-c-progress.pf-m-singleline {
|
|
15720
|
-
grid-template-rows: 1fr;
|
|
15721
|
-
}
|
|
15722
|
-
|
|
15723
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
15724
|
-
display: none;
|
|
15725
|
-
}
|
|
15726
|
-
|
|
15727
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
15728
|
-
grid-row: 1/2;
|
|
15729
|
-
grid-column: 1/2;
|
|
15730
|
-
}
|
|
15731
|
-
|
|
15732
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
15733
|
-
grid-row: 1/2;
|
|
15734
|
-
grid-column: 2/3;
|
|
15735
|
-
}
|
|
15736
|
-
|
|
15737
|
-
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
15738
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
15739
|
-
}
|
|
15740
|
-
|
|
15741
|
-
.pf-v6-c-progress.pf-m-success {
|
|
15742
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
15743
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
15744
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
15745
|
-
}
|
|
15746
|
-
|
|
15747
|
-
.pf-v6-c-progress.pf-m-warning {
|
|
15748
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
15749
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
15750
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
15751
|
-
}
|
|
15752
|
-
|
|
15753
|
-
.pf-v6-c-progress.pf-m-danger {
|
|
15754
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
15755
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
15756
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
15757
|
-
}
|
|
15758
|
-
|
|
15759
|
-
.pf-v6-c-progress__description {
|
|
15760
|
-
grid-column: 1/2;
|
|
15761
|
-
word-break: break-word;
|
|
15762
|
-
}
|
|
15763
|
-
|
|
15764
|
-
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15765
|
-
overflow: hidden;
|
|
15766
|
-
text-overflow: ellipsis;
|
|
15767
|
-
white-space: nowrap;
|
|
15768
|
-
}
|
|
15769
|
-
|
|
15770
|
-
.pf-v6-c-progress__status {
|
|
15771
|
-
display: flex;
|
|
15772
|
-
grid-row: 1/2;
|
|
15773
|
-
grid-column: 2/3;
|
|
15774
|
-
gap: var(--pf-v6-c-progress__status--Gap);
|
|
15775
|
-
align-items: flex-start;
|
|
15776
|
-
justify-content: flex-end;
|
|
15777
|
-
text-align: end;
|
|
15778
|
-
word-break: break-word;
|
|
15779
|
-
}
|
|
15780
|
-
|
|
15781
|
-
.pf-v6-c-progress__status-icon {
|
|
15782
|
-
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
15783
|
-
}
|
|
15784
|
-
|
|
15785
|
-
.pf-v6-c-progress__bar::before,
|
|
15786
|
-
.pf-v6-c-progress__indicator {
|
|
15787
|
-
inset-block-start: 0;
|
|
15788
|
-
inset-inline-start: 0;
|
|
15789
|
-
}
|
|
15790
|
-
|
|
15791
|
-
.pf-v6-c-progress__bar {
|
|
15792
|
-
position: relative;
|
|
15793
|
-
grid-row: 2/3;
|
|
15794
|
-
grid-column: 1/3;
|
|
15795
|
-
align-self: center;
|
|
15796
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
15797
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
15633
|
+
.pf-v6-c-timestamp {
|
|
15634
|
+
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15635
|
+
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
15636
|
+
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
15637
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
15638
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
15639
|
+
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
15640
|
+
--pf-v6-c-timestamp--m-help-text--Color: var(--pf-t--global--text--color--subtle);
|
|
15641
|
+
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
15642
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
15643
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
15798
15644
|
}
|
|
15799
15645
|
|
|
15800
|
-
.pf-v6-c-
|
|
15801
|
-
|
|
15802
|
-
|
|
15803
|
-
|
|
15646
|
+
.pf-v6-c-timestamp {
|
|
15647
|
+
display: inline-block;
|
|
15648
|
+
font-size: var(--pf-v6-c-timestamp--FontSize);
|
|
15649
|
+
color: var(--pf-v6-c-timestamp--Color);
|
|
15650
|
+
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
15804
15651
|
}
|
|
15805
15652
|
|
|
15806
|
-
.pf-v6-c-
|
|
15807
|
-
|
|
15808
|
-
|
|
15809
|
-
|
|
15653
|
+
.pf-v6-c-timestamp.pf-m-help-text {
|
|
15654
|
+
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
|
15655
|
+
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
15656
|
+
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
15657
|
+
cursor: pointer;
|
|
15810
15658
|
}
|
|
15811
15659
|
|
|
15812
|
-
.pf-v6-c-
|
|
15813
|
-
|
|
15660
|
+
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
15661
|
+
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
15662
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
15663
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
15814
15664
|
}
|
|
15815
15665
|
|
|
15816
15666
|
.pf-v6-c-title {
|
|
@@ -16065,170 +15915,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16065
15915
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
16066
15916
|
}
|
|
16067
15917
|
|
|
16068
|
-
.pf-v6-c-timestamp {
|
|
16069
|
-
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16070
|
-
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
16071
|
-
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
16072
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
16073
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
16074
|
-
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
16075
|
-
--pf-v6-c-timestamp--m-help-text--Color: var(--pf-t--global--text--color--subtle);
|
|
16076
|
-
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
16077
|
-
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
16078
|
-
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
16079
|
-
}
|
|
16080
|
-
|
|
16081
|
-
.pf-v6-c-timestamp {
|
|
16082
|
-
display: inline-block;
|
|
16083
|
-
font-size: var(--pf-v6-c-timestamp--FontSize);
|
|
16084
|
-
color: var(--pf-v6-c-timestamp--Color);
|
|
16085
|
-
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
16086
|
-
}
|
|
16087
|
-
|
|
16088
|
-
.pf-v6-c-timestamp.pf-m-help-text {
|
|
16089
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
|
16090
|
-
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
16091
|
-
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
16092
|
-
cursor: pointer;
|
|
16093
|
-
}
|
|
16094
|
-
|
|
16095
|
-
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
16096
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
16097
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
16098
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
16099
|
-
}
|
|
16100
|
-
|
|
16101
|
-
.pf-v6-c-tooltip {
|
|
16102
|
-
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
16103
|
-
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
16104
|
-
--pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
16105
|
-
--pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
16106
|
-
--pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
16107
|
-
--pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
16108
|
-
--pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
|
|
16109
|
-
--pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
|
|
16110
|
-
--pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16111
|
-
--pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
16112
|
-
--pf-v6-c-tooltip__arrow--Width: 0.9375rem;
|
|
16113
|
-
--pf-v6-c-tooltip__arrow--Height: 0.9375rem;
|
|
16114
|
-
--pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
|
|
16115
|
-
--pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
16116
|
-
--pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
16117
|
-
--pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
16118
|
-
--pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
16119
|
-
--pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
|
|
16120
|
-
--pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
|
|
16121
|
-
--pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
|
|
16122
|
-
--pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
|
|
16123
|
-
--pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
|
|
16124
|
-
--pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
|
|
16125
|
-
--pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
|
|
16126
|
-
--pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
|
|
16127
|
-
--pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
|
|
16128
|
-
}
|
|
16129
|
-
|
|
16130
|
-
.pf-v6-c-tooltip {
|
|
16131
|
-
position: relative;
|
|
16132
|
-
max-width: var(--pf-v6-c-tooltip--MaxWidth);
|
|
16133
|
-
box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
|
|
16134
|
-
}
|
|
16135
|
-
|
|
16136
|
-
.pf-v6-c-tooltip:is(.pf-m-top,
|
|
16137
|
-
.pf-m-top-left,
|
|
16138
|
-
.pf-m-top-right) {
|
|
16139
|
-
--pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
|
|
16140
|
-
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
|
|
16141
|
-
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
|
|
16142
|
-
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
|
|
16143
|
-
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
|
|
16144
|
-
}
|
|
16145
|
-
|
|
16146
|
-
.pf-v6-c-tooltip:is(.pf-m-bottom,
|
|
16147
|
-
.pf-m-bottom-left,
|
|
16148
|
-
.pf-m-bottom-right) {
|
|
16149
|
-
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
|
|
16150
|
-
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
|
|
16151
|
-
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
|
|
16152
|
-
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
|
|
16153
|
-
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
|
|
16154
|
-
}
|
|
16155
|
-
|
|
16156
|
-
.pf-v6-c-tooltip:is(.pf-m-left,
|
|
16157
|
-
.pf-m-left-top,
|
|
16158
|
-
.pf-m-left-bottom) {
|
|
16159
|
-
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
|
|
16160
|
-
--pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
|
|
16161
|
-
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
|
|
16162
|
-
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
|
|
16163
|
-
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
|
|
16164
|
-
}
|
|
16165
|
-
|
|
16166
|
-
.pf-v6-c-tooltip:is(.pf-m-right,
|
|
16167
|
-
.pf-m-right-top,
|
|
16168
|
-
.pf-m-right-bottom) {
|
|
16169
|
-
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
|
|
16170
|
-
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
|
|
16171
|
-
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
|
|
16172
|
-
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
|
|
16173
|
-
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
|
|
16174
|
-
}
|
|
16175
|
-
|
|
16176
|
-
.pf-v6-c-tooltip:is(.pf-m-left-top,
|
|
16177
|
-
.pf-m-right-top) {
|
|
16178
|
-
--pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
|
|
16179
|
-
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
|
|
16180
|
-
}
|
|
16181
|
-
|
|
16182
|
-
.pf-v6-c-tooltip:is(.pf-m-left-bottom,
|
|
16183
|
-
.pf-m-right-bottom) {
|
|
16184
|
-
--pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
|
|
16185
|
-
--pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
|
|
16186
|
-
}
|
|
16187
|
-
|
|
16188
|
-
.pf-v6-c-tooltip:is(.pf-m-top-left,
|
|
16189
|
-
.pf-m-bottom-left) {
|
|
16190
|
-
--pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
|
|
16191
|
-
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
|
|
16192
|
-
}
|
|
16193
|
-
|
|
16194
|
-
.pf-v6-c-tooltip:is(.pf-m-top-right,
|
|
16195
|
-
.pf-m-bottom-right) {
|
|
16196
|
-
--pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
|
|
16197
|
-
--pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
|
|
16198
|
-
}
|
|
16199
|
-
|
|
16200
|
-
.pf-v6-c-tooltip__content {
|
|
16201
|
-
position: relative;
|
|
16202
|
-
padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
|
|
16203
|
-
padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
|
|
16204
|
-
padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
|
|
16205
|
-
padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
|
|
16206
|
-
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
16207
|
-
color: var(--pf-v6-c-tooltip__content--Color);
|
|
16208
|
-
text-align: center;
|
|
16209
|
-
word-break: break-word;
|
|
16210
|
-
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
16211
|
-
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
16212
|
-
}
|
|
16213
|
-
|
|
16214
|
-
.pf-v6-c-tooltip__content.pf-m-text-align-left {
|
|
16215
|
-
text-align: start;
|
|
16216
|
-
}
|
|
16217
|
-
|
|
16218
|
-
.pf-v6-c-tooltip__arrow {
|
|
16219
|
-
position: absolute;
|
|
16220
|
-
top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
|
|
16221
|
-
right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
|
|
16222
|
-
bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
|
|
16223
|
-
left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
|
|
16224
|
-
width: var(--pf-v6-c-tooltip__arrow--Width);
|
|
16225
|
-
height: var(--pf-v6-c-tooltip__arrow--Height);
|
|
16226
|
-
pointer-events: none;
|
|
16227
|
-
background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
|
|
16228
|
-
box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
|
|
16229
|
-
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
16230
|
-
}
|
|
16231
|
-
|
|
16232
15918
|
.pf-v6-c-toolbar {
|
|
16233
15919
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
16234
15920
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -18210,6 +17896,137 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18210
17896
|
display: inline-flex;
|
|
18211
17897
|
}
|
|
18212
17898
|
}
|
|
17899
|
+
.pf-v6-c-tooltip {
|
|
17900
|
+
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
17901
|
+
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17902
|
+
--pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17903
|
+
--pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17904
|
+
--pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17905
|
+
--pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17906
|
+
--pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
|
|
17907
|
+
--pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
|
|
17908
|
+
--pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17909
|
+
--pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17910
|
+
--pf-v6-c-tooltip__arrow--Width: 0.9375rem;
|
|
17911
|
+
--pf-v6-c-tooltip__arrow--Height: 0.9375rem;
|
|
17912
|
+
--pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
|
|
17913
|
+
--pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17914
|
+
--pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
|
|
17915
|
+
--pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
|
|
17916
|
+
--pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
|
|
17917
|
+
--pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
|
|
17918
|
+
--pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
|
|
17919
|
+
--pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
|
|
17920
|
+
--pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
|
|
17921
|
+
--pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
|
|
17922
|
+
--pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
|
|
17923
|
+
--pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
|
|
17924
|
+
--pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
|
|
17925
|
+
--pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
|
|
17926
|
+
}
|
|
17927
|
+
|
|
17928
|
+
.pf-v6-c-tooltip {
|
|
17929
|
+
position: relative;
|
|
17930
|
+
max-width: var(--pf-v6-c-tooltip--MaxWidth);
|
|
17931
|
+
box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
|
|
17932
|
+
}
|
|
17933
|
+
|
|
17934
|
+
.pf-v6-c-tooltip:is(.pf-m-top,
|
|
17935
|
+
.pf-m-top-left,
|
|
17936
|
+
.pf-m-top-right) {
|
|
17937
|
+
--pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
|
|
17938
|
+
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
|
|
17939
|
+
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
|
|
17940
|
+
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
|
|
17941
|
+
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
|
|
17942
|
+
}
|
|
17943
|
+
|
|
17944
|
+
.pf-v6-c-tooltip:is(.pf-m-bottom,
|
|
17945
|
+
.pf-m-bottom-left,
|
|
17946
|
+
.pf-m-bottom-right) {
|
|
17947
|
+
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
|
|
17948
|
+
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
|
|
17949
|
+
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
|
|
17950
|
+
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
|
|
17951
|
+
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
|
|
17952
|
+
}
|
|
17953
|
+
|
|
17954
|
+
.pf-v6-c-tooltip:is(.pf-m-left,
|
|
17955
|
+
.pf-m-left-top,
|
|
17956
|
+
.pf-m-left-bottom) {
|
|
17957
|
+
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
|
|
17958
|
+
--pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
|
|
17959
|
+
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
|
|
17960
|
+
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
|
|
17961
|
+
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
|
|
17962
|
+
}
|
|
17963
|
+
|
|
17964
|
+
.pf-v6-c-tooltip:is(.pf-m-right,
|
|
17965
|
+
.pf-m-right-top,
|
|
17966
|
+
.pf-m-right-bottom) {
|
|
17967
|
+
--pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
|
|
17968
|
+
--pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
|
|
17969
|
+
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
|
|
17970
|
+
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
|
|
17971
|
+
--pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
|
|
17972
|
+
}
|
|
17973
|
+
|
|
17974
|
+
.pf-v6-c-tooltip:is(.pf-m-left-top,
|
|
17975
|
+
.pf-m-right-top) {
|
|
17976
|
+
--pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
|
|
17977
|
+
--pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
|
|
17978
|
+
}
|
|
17979
|
+
|
|
17980
|
+
.pf-v6-c-tooltip:is(.pf-m-left-bottom,
|
|
17981
|
+
.pf-m-right-bottom) {
|
|
17982
|
+
--pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
|
|
17983
|
+
--pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
|
|
17984
|
+
}
|
|
17985
|
+
|
|
17986
|
+
.pf-v6-c-tooltip:is(.pf-m-top-left,
|
|
17987
|
+
.pf-m-bottom-left) {
|
|
17988
|
+
--pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
|
|
17989
|
+
--pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
|
|
17990
|
+
}
|
|
17991
|
+
|
|
17992
|
+
.pf-v6-c-tooltip:is(.pf-m-top-right,
|
|
17993
|
+
.pf-m-bottom-right) {
|
|
17994
|
+
--pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
|
|
17995
|
+
--pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
|
|
17996
|
+
}
|
|
17997
|
+
|
|
17998
|
+
.pf-v6-c-tooltip__content {
|
|
17999
|
+
position: relative;
|
|
18000
|
+
padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
|
|
18001
|
+
padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
|
|
18002
|
+
padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
|
|
18003
|
+
padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
|
|
18004
|
+
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
18005
|
+
color: var(--pf-v6-c-tooltip__content--Color);
|
|
18006
|
+
text-align: center;
|
|
18007
|
+
word-break: break-word;
|
|
18008
|
+
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
18009
|
+
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
18010
|
+
}
|
|
18011
|
+
|
|
18012
|
+
.pf-v6-c-tooltip__content.pf-m-text-align-left {
|
|
18013
|
+
text-align: start;
|
|
18014
|
+
}
|
|
18015
|
+
|
|
18016
|
+
.pf-v6-c-tooltip__arrow {
|
|
18017
|
+
position: absolute;
|
|
18018
|
+
top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
|
|
18019
|
+
right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
|
|
18020
|
+
bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
|
|
18021
|
+
left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
|
|
18022
|
+
width: var(--pf-v6-c-tooltip__arrow--Width);
|
|
18023
|
+
height: var(--pf-v6-c-tooltip__arrow--Height);
|
|
18024
|
+
pointer-events: none;
|
|
18025
|
+
background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
|
|
18026
|
+
box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
|
|
18027
|
+
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
18028
|
+
}
|
|
18029
|
+
|
|
18213
18030
|
.pf-v6-c-number-input {
|
|
18214
18031
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18215
18032
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -19535,6 +19352,189 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19535
19352
|
direction: rtl;
|
|
19536
19353
|
}
|
|
19537
19354
|
}
|
|
19355
|
+
.pf-v6-c-progress {
|
|
19356
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
19357
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
19358
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
19359
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
19360
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
19361
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
19362
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
19363
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
19364
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
19365
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
19366
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
19367
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
19368
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
19369
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
19370
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
19371
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
19372
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
19373
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
19374
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
19375
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
19376
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
19377
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
19378
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
19379
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
19380
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
19381
|
+
}
|
|
19382
|
+
|
|
19383
|
+
.pf-v6-c-progress {
|
|
19384
|
+
display: grid;
|
|
19385
|
+
grid-template-rows: 1fr auto;
|
|
19386
|
+
grid-template-columns: auto auto;
|
|
19387
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
19388
|
+
align-items: end;
|
|
19389
|
+
}
|
|
19390
|
+
|
|
19391
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
19392
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
19393
|
+
}
|
|
19394
|
+
|
|
19395
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
19396
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
19397
|
+
}
|
|
19398
|
+
|
|
19399
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
19400
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
19401
|
+
}
|
|
19402
|
+
|
|
19403
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
19404
|
+
display: flex;
|
|
19405
|
+
align-items: center;
|
|
19406
|
+
justify-content: center;
|
|
19407
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
19408
|
+
}
|
|
19409
|
+
|
|
19410
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
19411
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
19412
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
19413
|
+
text-align: center;
|
|
19414
|
+
}
|
|
19415
|
+
|
|
19416
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
19417
|
+
grid-column: 1/3;
|
|
19418
|
+
}
|
|
19419
|
+
|
|
19420
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
19421
|
+
grid-row: 2/3;
|
|
19422
|
+
grid-column: 2/3;
|
|
19423
|
+
align-self: center;
|
|
19424
|
+
}
|
|
19425
|
+
|
|
19426
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
19427
|
+
display: inline-block;
|
|
19428
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
19429
|
+
}
|
|
19430
|
+
|
|
19431
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
19432
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
19433
|
+
text-align: start;
|
|
19434
|
+
}
|
|
19435
|
+
|
|
19436
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
19437
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
19438
|
+
grid-column: 1/2;
|
|
19439
|
+
}
|
|
19440
|
+
|
|
19441
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
19442
|
+
grid-template-rows: 1fr;
|
|
19443
|
+
}
|
|
19444
|
+
|
|
19445
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
19446
|
+
display: none;
|
|
19447
|
+
}
|
|
19448
|
+
|
|
19449
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
19450
|
+
grid-row: 1/2;
|
|
19451
|
+
grid-column: 1/2;
|
|
19452
|
+
}
|
|
19453
|
+
|
|
19454
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
19455
|
+
grid-row: 1/2;
|
|
19456
|
+
grid-column: 2/3;
|
|
19457
|
+
}
|
|
19458
|
+
|
|
19459
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
19460
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
19461
|
+
}
|
|
19462
|
+
|
|
19463
|
+
.pf-v6-c-progress.pf-m-success {
|
|
19464
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
19465
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
19466
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
19467
|
+
}
|
|
19468
|
+
|
|
19469
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
19470
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
19471
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
19472
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
19473
|
+
}
|
|
19474
|
+
|
|
19475
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
19476
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
19477
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
19478
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
19479
|
+
}
|
|
19480
|
+
|
|
19481
|
+
.pf-v6-c-progress__description {
|
|
19482
|
+
grid-column: 1/2;
|
|
19483
|
+
word-break: break-word;
|
|
19484
|
+
}
|
|
19485
|
+
|
|
19486
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
19487
|
+
overflow: hidden;
|
|
19488
|
+
text-overflow: ellipsis;
|
|
19489
|
+
white-space: nowrap;
|
|
19490
|
+
}
|
|
19491
|
+
|
|
19492
|
+
.pf-v6-c-progress__status {
|
|
19493
|
+
display: flex;
|
|
19494
|
+
grid-row: 1/2;
|
|
19495
|
+
grid-column: 2/3;
|
|
19496
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
19497
|
+
align-items: flex-start;
|
|
19498
|
+
justify-content: flex-end;
|
|
19499
|
+
text-align: end;
|
|
19500
|
+
word-break: break-word;
|
|
19501
|
+
}
|
|
19502
|
+
|
|
19503
|
+
.pf-v6-c-progress__status-icon {
|
|
19504
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
19505
|
+
}
|
|
19506
|
+
|
|
19507
|
+
.pf-v6-c-progress__bar::before,
|
|
19508
|
+
.pf-v6-c-progress__indicator {
|
|
19509
|
+
inset-block-start: 0;
|
|
19510
|
+
inset-inline-start: 0;
|
|
19511
|
+
}
|
|
19512
|
+
|
|
19513
|
+
.pf-v6-c-progress__bar {
|
|
19514
|
+
position: relative;
|
|
19515
|
+
grid-row: 2/3;
|
|
19516
|
+
grid-column: 1/3;
|
|
19517
|
+
align-self: center;
|
|
19518
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
19519
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
19520
|
+
}
|
|
19521
|
+
|
|
19522
|
+
.pf-v6-c-progress__indicator {
|
|
19523
|
+
position: absolute;
|
|
19524
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
19525
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
19526
|
+
}
|
|
19527
|
+
|
|
19528
|
+
.pf-v6-c-progress__helper-text {
|
|
19529
|
+
grid-row: 3/4;
|
|
19530
|
+
grid-column: 1/3;
|
|
19531
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
19532
|
+
}
|
|
19533
|
+
|
|
19534
|
+
.pf-v6-c-progress__measure {
|
|
19535
|
+
font-variant-numeric: tabular-nums;
|
|
19536
|
+
}
|
|
19537
|
+
|
|
19538
19538
|
.pf-v6-l-bullseye {
|
|
19539
19539
|
--pf-v6-l-bullseye--Padding: 0;
|
|
19540
19540
|
}
|