@patternfly/react-templates 6.0.0-alpha.49 → 6.0.0-alpha.50
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.
|
@@ -1522,34 +1522,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1522
1522
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
-
:where(:root, .pf-v6-c-background-image) {
|
|
1526
|
-
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1527
|
-
--pf-v6-c-background-image--BackgroundImage: none;
|
|
1528
|
-
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
1529
|
-
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
1530
|
-
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
1531
|
-
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
1532
|
-
}
|
|
1533
|
-
|
|
1534
|
-
.pf-v6-c-background-image {
|
|
1535
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
1536
|
-
position: fixed;
|
|
1537
|
-
inset-block-start: 0;
|
|
1538
|
-
inset-inline-start: 0;
|
|
1539
|
-
z-index: -1;
|
|
1540
|
-
width: 100%;
|
|
1541
|
-
height: 100%;
|
|
1542
|
-
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
1543
|
-
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
1544
|
-
background-repeat: no-repeat;
|
|
1545
|
-
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
1546
|
-
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
1547
|
-
}
|
|
1548
|
-
|
|
1549
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
1550
|
-
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
1525
|
:where(:root, .pf-v6-c-backdrop) {
|
|
1554
1526
|
--pf-v6-c-backdrop--Position: fixed;
|
|
1555
1527
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
@@ -1643,6 +1615,34 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1643
1615
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1644
1616
|
}
|
|
1645
1617
|
|
|
1618
|
+
:where(:root, .pf-v6-c-background-image) {
|
|
1619
|
+
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1620
|
+
--pf-v6-c-background-image--BackgroundImage: none;
|
|
1621
|
+
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
1622
|
+
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
1623
|
+
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
1624
|
+
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
1625
|
+
}
|
|
1626
|
+
|
|
1627
|
+
.pf-v6-c-background-image {
|
|
1628
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
1629
|
+
position: fixed;
|
|
1630
|
+
inset-block-start: 0;
|
|
1631
|
+
inset-inline-start: 0;
|
|
1632
|
+
z-index: -1;
|
|
1633
|
+
width: 100%;
|
|
1634
|
+
height: 100%;
|
|
1635
|
+
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
1636
|
+
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
1637
|
+
background-repeat: no-repeat;
|
|
1638
|
+
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
1639
|
+
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
1640
|
+
}
|
|
1641
|
+
|
|
1642
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
1643
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
1646
|
:where(:root, .pf-v6-c-banner) {
|
|
1647
1647
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1648
1648
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -2618,357 +2618,137 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2618
2618
|
align-items: center;
|
|
2619
2619
|
}
|
|
2620
2620
|
|
|
2621
|
-
:where(:root, .pf-v6-c-
|
|
2622
|
-
--pf-v6-c-
|
|
2623
|
-
--pf-v6-c-
|
|
2624
|
-
--pf-v6-c-
|
|
2625
|
-
--pf-v6-c-
|
|
2626
|
-
--pf-v6-c-
|
|
2627
|
-
--pf-v6-c-
|
|
2628
|
-
--pf-v6-c-
|
|
2629
|
-
--pf-v6-c-
|
|
2630
|
-
--pf-v6-c-
|
|
2631
|
-
--pf-v6-c-
|
|
2632
|
-
--pf-v6-c-
|
|
2633
|
-
--pf-v6-c-
|
|
2634
|
-
--pf-v6-c-
|
|
2635
|
-
--pf-v6-c-
|
|
2636
|
-
--pf-v6-c-
|
|
2637
|
-
--pf-v6-c-
|
|
2638
|
-
--pf-v6-c-
|
|
2639
|
-
--pf-v6-c-
|
|
2640
|
-
--pf-v6-c-
|
|
2641
|
-
--pf-v6-c-
|
|
2642
|
-
--pf-v6-c-
|
|
2643
|
-
--pf-v6-c-
|
|
2644
|
-
--pf-v6-c-
|
|
2645
|
-
--pf-v6-c-
|
|
2646
|
-
--pf-v6-c-
|
|
2647
|
-
--pf-v6-c-
|
|
2648
|
-
--pf-v6-c-
|
|
2649
|
-
--pf-v6-c-
|
|
2650
|
-
--pf-v6-c-
|
|
2651
|
-
--pf-v6-c-
|
|
2652
|
-
--pf-v6-c-
|
|
2653
|
-
--pf-v6-c-
|
|
2654
|
-
--pf-v6-c-
|
|
2655
|
-
--pf-v6-c-
|
|
2656
|
-
--pf-v6-c-
|
|
2657
|
-
--pf-v6-c-
|
|
2658
|
-
--pf-v6-c-
|
|
2659
|
-
--pf-v6-c-
|
|
2660
|
-
--pf-v6-c-
|
|
2661
|
-
--pf-v6-c-
|
|
2662
|
-
--pf-v6-c-
|
|
2663
|
-
--pf-v6-c-
|
|
2664
|
-
--pf-v6-c-
|
|
2665
|
-
--pf-v6-c-
|
|
2666
|
-
--pf-v6-c-
|
|
2667
|
-
--pf-v6-c-
|
|
2668
|
-
--pf-v6-c-
|
|
2669
|
-
--pf-v6-c-
|
|
2670
|
-
--pf-v6-c-
|
|
2671
|
-
--pf-v6-c-
|
|
2672
|
-
--pf-v6-c-
|
|
2673
|
-
--pf-v6-c-
|
|
2674
|
-
--pf-v6-c-
|
|
2675
|
-
--pf-v6-c-
|
|
2676
|
-
--pf-v6-c-
|
|
2677
|
-
--pf-v6-c-
|
|
2678
|
-
--pf-v6-c-
|
|
2621
|
+
:where(:root, .pf-v6-c-card) {
|
|
2622
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2623
|
+
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
2624
|
+
--pf-v6-c-card--BorderStyle: solid;
|
|
2625
|
+
--pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
2626
|
+
--pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2627
|
+
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2628
|
+
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2629
|
+
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2630
|
+
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2631
|
+
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2632
|
+
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2633
|
+
--pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
2634
|
+
--pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
2635
|
+
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2636
|
+
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2637
|
+
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2638
|
+
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2639
|
+
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2640
|
+
--pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2641
|
+
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
2642
|
+
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2643
|
+
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
|
|
2644
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2645
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2646
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2647
|
+
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2648
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2649
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2650
|
+
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
2651
|
+
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2652
|
+
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
2653
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2654
|
+
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2655
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2656
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2657
|
+
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2658
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2659
|
+
--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2660
|
+
--pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2661
|
+
--pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2662
|
+
--pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2663
|
+
--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2664
|
+
--pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
|
|
2665
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2666
|
+
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2667
|
+
--pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2668
|
+
--pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2669
|
+
--pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2670
|
+
--pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2671
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2672
|
+
--pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2673
|
+
--pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2674
|
+
--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2675
|
+
--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2676
|
+
--pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
2677
|
+
--pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
2678
|
+
--pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2679
|
+
--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2680
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
2681
|
+
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
2682
|
+
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
2683
|
+
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2684
|
+
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2685
|
+
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2686
|
+
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
2687
|
+
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2688
|
+
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2689
|
+
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
2690
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2691
|
+
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2679
2692
|
}
|
|
2680
2693
|
|
|
2681
|
-
.pf-v6-c-
|
|
2682
|
-
|
|
2694
|
+
.pf-v6-c-card {
|
|
2695
|
+
position: relative;
|
|
2696
|
+
display: flex;
|
|
2683
2697
|
flex-direction: column;
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2689
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2698
|
+
overflow: auto;
|
|
2699
|
+
background-color: var(--pf-v6-c-card--BackgroundColor);
|
|
2700
|
+
border: 0;
|
|
2701
|
+
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2690
2702
|
}
|
|
2691
2703
|
|
|
2692
|
-
.pf-v6-c-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2704
|
+
.pf-v6-c-card::before {
|
|
2705
|
+
position: absolute;
|
|
2706
|
+
inset: 0;
|
|
2707
|
+
pointer-events: none;
|
|
2708
|
+
content: "";
|
|
2709
|
+
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
2710
|
+
border-radius: inherit;
|
|
2696
2711
|
}
|
|
2697
2712
|
|
|
2698
|
-
.pf-v6-c-
|
|
2699
|
-
|
|
2700
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2713
|
+
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2714
|
+
gap: 0;
|
|
2701
2715
|
}
|
|
2702
2716
|
|
|
2703
|
-
|
|
2704
|
-
|
|
2717
|
+
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
|
2718
|
+
isolation: isolate;
|
|
2705
2719
|
}
|
|
2706
2720
|
|
|
2707
|
-
.pf-v6-c-
|
|
2708
|
-
|
|
2721
|
+
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
|
2722
|
+
border: none;
|
|
2709
2723
|
}
|
|
2710
2724
|
|
|
2711
|
-
.pf-v6-c-
|
|
2712
|
-
|
|
2725
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
|
2726
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
|
|
2727
|
+
position: unset;
|
|
2713
2728
|
}
|
|
2714
2729
|
|
|
2715
|
-
.pf-v6-c-
|
|
2716
|
-
|
|
2730
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
|
|
2731
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
2732
|
+
position: absolute;
|
|
2733
|
+
inset: 0;
|
|
2734
|
+
cursor: pointer;
|
|
2717
2735
|
}
|
|
2718
2736
|
|
|
2719
|
-
.pf-v6-c-
|
|
2720
|
-
|
|
2737
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
|
|
2738
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
2739
|
+
--pf-v6-c-card--BackgroundColor: revert;
|
|
2740
|
+
--pf-v6-c-card--BorderColor: revert;
|
|
2721
2741
|
}
|
|
2722
2742
|
|
|
2723
|
-
.pf-v6-c-
|
|
2724
|
-
|
|
2725
|
-
|
|
2743
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2744
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2745
|
+
--pf-v6-c-card--BorderColor: revert;
|
|
2746
|
+
--pf-v6-c-card--m-selectable--BorderWidth: revert;
|
|
2726
2747
|
}
|
|
2727
2748
|
|
|
2728
|
-
.pf-v6-c-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
text-align: center;
|
|
2732
|
-
}
|
|
2733
|
-
|
|
2734
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2735
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2736
|
-
}
|
|
2737
|
-
|
|
2738
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
2739
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2740
|
-
position: relative;
|
|
2741
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2742
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2743
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2744
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2745
|
-
text-align: center;
|
|
2746
|
-
}
|
|
2747
|
-
|
|
2748
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2749
|
-
position: absolute;
|
|
2750
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2751
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2752
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2753
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2754
|
-
content: "";
|
|
2755
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2756
|
-
}
|
|
2757
|
-
|
|
2758
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2759
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2760
|
-
}
|
|
2761
|
-
|
|
2762
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2763
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2764
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2765
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2766
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2767
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2768
|
-
}
|
|
2769
|
-
|
|
2770
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
2771
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
2772
|
-
}
|
|
2773
|
-
|
|
2774
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
2775
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
2776
|
-
}
|
|
2777
|
-
|
|
2778
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
2779
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
2780
|
-
}
|
|
2781
|
-
|
|
2782
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2783
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2784
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2785
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2786
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2787
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2788
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2789
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2790
|
-
}
|
|
2791
|
-
|
|
2792
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2793
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2794
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2795
|
-
}
|
|
2796
|
-
|
|
2797
|
-
.pf-v6-c-calendar-month__date {
|
|
2798
|
-
position: relative;
|
|
2799
|
-
display: inline-flex;
|
|
2800
|
-
align-items: center;
|
|
2801
|
-
justify-content: center;
|
|
2802
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2803
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2804
|
-
line-height: 1;
|
|
2805
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2806
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2807
|
-
border: 0;
|
|
2808
|
-
}
|
|
2809
|
-
|
|
2810
|
-
.pf-v6-c-calendar-month__date::after {
|
|
2811
|
-
position: absolute;
|
|
2812
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2813
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2814
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2815
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2816
|
-
content: "";
|
|
2817
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2818
|
-
}
|
|
2819
|
-
|
|
2820
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2821
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2822
|
-
}
|
|
2823
|
-
|
|
2824
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2825
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2826
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
2827
|
-
}
|
|
2828
|
-
|
|
2829
|
-
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2830
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2831
|
-
outline: 0;
|
|
2832
|
-
}
|
|
2833
|
-
|
|
2834
|
-
.pf-v6-c-calendar-month__date:disabled {
|
|
2835
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2836
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2837
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2838
|
-
pointer-events: none;
|
|
2839
|
-
}
|
|
2840
|
-
|
|
2841
|
-
:where(:root, .pf-v6-c-card) {
|
|
2842
|
-
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2843
|
-
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
2844
|
-
--pf-v6-c-card--BorderStyle: solid;
|
|
2845
|
-
--pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
2846
|
-
--pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2847
|
-
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2848
|
-
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2849
|
-
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2850
|
-
--pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2851
|
-
--pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2852
|
-
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2853
|
-
--pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
2854
|
-
--pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
2855
|
-
--pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2856
|
-
--pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
2857
|
-
--pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
2858
|
-
--pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2859
|
-
--pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2860
|
-
--pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2861
|
-
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
2862
|
-
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2863
|
-
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--sm);
|
|
2864
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2865
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2866
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2867
|
-
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2868
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2869
|
-
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2870
|
-
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
2871
|
-
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2872
|
-
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
2873
|
-
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2874
|
-
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2875
|
-
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2876
|
-
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2877
|
-
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2878
|
-
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2879
|
-
--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2880
|
-
--pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2881
|
-
--pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2882
|
-
--pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2883
|
-
--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2884
|
-
--pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
|
|
2885
|
-
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2886
|
-
--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2887
|
-
--pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
2888
|
-
--pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2889
|
-
--pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
2890
|
-
--pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2891
|
-
--pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
2892
|
-
--pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2893
|
-
--pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2894
|
-
--pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
2895
|
-
--pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
2896
|
-
--pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
2897
|
-
--pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
2898
|
-
--pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
|
|
2899
|
-
--pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2900
|
-
--pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
2901
|
-
--pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
2902
|
-
--pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
2903
|
-
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2904
|
-
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2905
|
-
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2906
|
-
--pf-v6-c-card--m-secondary--BorderColor: transparent;
|
|
2907
|
-
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2908
|
-
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2909
|
-
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
2910
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2911
|
-
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2912
|
-
}
|
|
2913
|
-
|
|
2914
|
-
.pf-v6-c-card {
|
|
2915
|
-
position: relative;
|
|
2916
|
-
display: flex;
|
|
2917
|
-
flex-direction: column;
|
|
2918
|
-
overflow: auto;
|
|
2919
|
-
background-color: var(--pf-v6-c-card--BackgroundColor);
|
|
2920
|
-
border: 0;
|
|
2921
|
-
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2922
|
-
}
|
|
2923
|
-
|
|
2924
|
-
.pf-v6-c-card::before {
|
|
2925
|
-
position: absolute;
|
|
2926
|
-
inset: 0;
|
|
2927
|
-
pointer-events: none;
|
|
2928
|
-
content: "";
|
|
2929
|
-
border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
|
|
2930
|
-
border-radius: inherit;
|
|
2931
|
-
}
|
|
2932
|
-
|
|
2933
|
-
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2934
|
-
gap: 0;
|
|
2935
|
-
}
|
|
2936
|
-
|
|
2937
|
-
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
|
2938
|
-
isolation: isolate;
|
|
2939
|
-
}
|
|
2940
|
-
|
|
2941
|
-
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
|
2942
|
-
border: none;
|
|
2943
|
-
}
|
|
2944
|
-
|
|
2945
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
|
2946
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
|
|
2947
|
-
position: unset;
|
|
2948
|
-
}
|
|
2949
|
-
|
|
2950
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
|
|
2951
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
2952
|
-
position: absolute;
|
|
2953
|
-
inset: 0;
|
|
2954
|
-
cursor: pointer;
|
|
2955
|
-
}
|
|
2956
|
-
|
|
2957
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
|
|
2958
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
2959
|
-
--pf-v6-c-card--BackgroundColor: revert;
|
|
2960
|
-
--pf-v6-c-card--BorderColor: revert;
|
|
2961
|
-
}
|
|
2962
|
-
|
|
2963
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2964
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2965
|
-
--pf-v6-c-card--BorderColor: revert;
|
|
2966
|
-
--pf-v6-c-card--m-selectable--BorderWidth: revert;
|
|
2967
|
-
}
|
|
2968
|
-
|
|
2969
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
|
|
2970
|
-
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
|
|
2971
|
-
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
2749
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-current {
|
|
2750
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
|
|
2751
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
2972
2752
|
}
|
|
2973
2753
|
|
|
2974
2754
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
|
|
@@ -3192,22 +2972,242 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3192
2972
|
color: var(--pf-v6-c-card__footer--Color);
|
|
3193
2973
|
}
|
|
3194
2974
|
|
|
3195
|
-
:where(:root, .pf-v6-c-
|
|
3196
|
-
--pf-v6-c-
|
|
3197
|
-
--pf-v6-c-
|
|
3198
|
-
--pf-v6-c-
|
|
3199
|
-
--pf-v6-c-
|
|
3200
|
-
--pf-v6-c-
|
|
3201
|
-
--pf-v6-c-
|
|
3202
|
-
--pf-v6-c-
|
|
3203
|
-
--pf-v6-c-
|
|
3204
|
-
--pf-v6-c-
|
|
3205
|
-
--pf-v6-c-
|
|
3206
|
-
--pf-v6-c-
|
|
3207
|
-
--pf-v6-c-
|
|
3208
|
-
--pf-v6-c-
|
|
3209
|
-
--pf-v6-c-
|
|
3210
|
-
--pf-v6-c-
|
|
2975
|
+
:where(:root, .pf-v6-c-calendar-month) {
|
|
2976
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2977
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2978
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2979
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2980
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2981
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2982
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2983
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
2984
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2985
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2986
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2987
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2988
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2989
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2990
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2991
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2992
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2993
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2994
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2995
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2996
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2997
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2998
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2999
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3000
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3001
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
3002
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
3003
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3004
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
3005
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
3006
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3007
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
3008
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3009
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
3010
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
3011
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3012
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3013
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3014
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3015
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
3016
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
3017
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
3018
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
3019
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
3020
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3021
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
3022
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
3023
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3024
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
3025
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
3026
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3027
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3028
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3029
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
3030
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3031
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3032
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
3033
|
+
}
|
|
3034
|
+
|
|
3035
|
+
.pf-v6-c-calendar-month {
|
|
3036
|
+
display: inline-flex;
|
|
3037
|
+
flex-direction: column;
|
|
3038
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
3039
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
3040
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
3041
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
3042
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
3043
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
3044
|
+
}
|
|
3045
|
+
|
|
3046
|
+
.pf-v6-c-calendar-month__header {
|
|
3047
|
+
display: flex;
|
|
3048
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
3049
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
3050
|
+
}
|
|
3051
|
+
|
|
3052
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
3053
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
3054
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
3055
|
+
}
|
|
3056
|
+
|
|
3057
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
3058
|
+
scale: -1 1;
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
.pf-v6-c-calendar-month__header-month {
|
|
3062
|
+
flex-grow: 1;
|
|
3063
|
+
}
|
|
3064
|
+
|
|
3065
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
3066
|
+
width: 100%;
|
|
3067
|
+
}
|
|
3068
|
+
|
|
3069
|
+
.pf-v6-c-calendar-month__header-year {
|
|
3070
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
3071
|
+
}
|
|
3072
|
+
|
|
3073
|
+
.pf-v6-c-calendar-month__calendar {
|
|
3074
|
+
table-layout: fixed;
|
|
3075
|
+
}
|
|
3076
|
+
|
|
3077
|
+
.pf-v6-c-calendar-month__days {
|
|
3078
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
3079
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
3080
|
+
}
|
|
3081
|
+
|
|
3082
|
+
.pf-v6-c-calendar-month__day {
|
|
3083
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
3084
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
3085
|
+
text-align: center;
|
|
3086
|
+
}
|
|
3087
|
+
|
|
3088
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
3089
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
3090
|
+
}
|
|
3091
|
+
|
|
3092
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
3093
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3094
|
+
position: relative;
|
|
3095
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3096
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3097
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
3098
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
3099
|
+
text-align: center;
|
|
3100
|
+
}
|
|
3101
|
+
|
|
3102
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
3103
|
+
position: absolute;
|
|
3104
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
3105
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
3106
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
3107
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
3108
|
+
content: "";
|
|
3109
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
3110
|
+
}
|
|
3111
|
+
|
|
3112
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
3113
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
3114
|
+
}
|
|
3115
|
+
|
|
3116
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
3117
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
3118
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
3119
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
3120
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
3121
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
3122
|
+
}
|
|
3123
|
+
|
|
3124
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
3125
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
3126
|
+
}
|
|
3127
|
+
|
|
3128
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
3129
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
3130
|
+
}
|
|
3131
|
+
|
|
3132
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
3133
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
3137
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
3138
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
3139
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
3140
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
3141
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
3142
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
3143
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
3144
|
+
}
|
|
3145
|
+
|
|
3146
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
3147
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3148
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3149
|
+
}
|
|
3150
|
+
|
|
3151
|
+
.pf-v6-c-calendar-month__date {
|
|
3152
|
+
position: relative;
|
|
3153
|
+
display: inline-flex;
|
|
3154
|
+
align-items: center;
|
|
3155
|
+
justify-content: center;
|
|
3156
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
3157
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
3158
|
+
line-height: 1;
|
|
3159
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
3160
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
3161
|
+
border: 0;
|
|
3162
|
+
}
|
|
3163
|
+
|
|
3164
|
+
.pf-v6-c-calendar-month__date::after {
|
|
3165
|
+
position: absolute;
|
|
3166
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3167
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3168
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3169
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3170
|
+
content: "";
|
|
3171
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
3172
|
+
}
|
|
3173
|
+
|
|
3174
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
3175
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
3176
|
+
}
|
|
3177
|
+
|
|
3178
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
3179
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
3180
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
3181
|
+
}
|
|
3182
|
+
|
|
3183
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
3184
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
3185
|
+
outline: 0;
|
|
3186
|
+
}
|
|
3187
|
+
|
|
3188
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
3189
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
3190
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
3191
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
3192
|
+
pointer-events: none;
|
|
3193
|
+
}
|
|
3194
|
+
|
|
3195
|
+
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
3196
|
+
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3197
|
+
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3198
|
+
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
3199
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
3200
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3201
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3202
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3203
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3204
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3205
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3206
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3207
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3208
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
|
|
3209
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
3210
|
+
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
3211
3211
|
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
|
|
3212
3212
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
3213
3213
|
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -4472,67 +4472,6 @@ ul) {
|
|
|
4472
4472
|
padding: 0;
|
|
4473
4473
|
}
|
|
4474
4474
|
|
|
4475
|
-
:where(:root, .pf-v6-c-date-picker) {
|
|
4476
|
-
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4477
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4478
|
-
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
4479
|
-
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
4480
|
-
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
4481
|
-
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
4482
|
-
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
4483
|
-
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
4484
|
-
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
4485
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
4486
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
4487
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
4488
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
4489
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
4490
|
-
}
|
|
4491
|
-
|
|
4492
|
-
.pf-v6-c-date-picker {
|
|
4493
|
-
position: relative;
|
|
4494
|
-
display: inline-block;
|
|
4495
|
-
}
|
|
4496
|
-
|
|
4497
|
-
.pf-v6-c-date-picker__helper-text {
|
|
4498
|
-
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
4499
|
-
}
|
|
4500
|
-
|
|
4501
|
-
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
4502
|
-
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
4503
|
-
}
|
|
4504
|
-
|
|
4505
|
-
.pf-v6-c-date-picker__calendar {
|
|
4506
|
-
position: absolute;
|
|
4507
|
-
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
4508
|
-
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
4509
|
-
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
4510
|
-
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
4511
|
-
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
4512
|
-
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
4513
|
-
}
|
|
4514
|
-
|
|
4515
|
-
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
4516
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
4517
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
4518
|
-
}
|
|
4519
|
-
|
|
4520
|
-
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
4521
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
4522
|
-
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
4523
|
-
}
|
|
4524
|
-
|
|
4525
|
-
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
4526
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4527
|
-
position: static;
|
|
4528
|
-
inset-block-start: auto;
|
|
4529
|
-
inset-block-end: auto;
|
|
4530
|
-
inset-inline-start: auto;
|
|
4531
|
-
inset-inline-end: auto;
|
|
4532
|
-
z-index: auto;
|
|
4533
|
-
min-width: min-content;
|
|
4534
|
-
}
|
|
4535
|
-
|
|
4536
4475
|
:where(:root, .pf-v6-c-description-list) {
|
|
4537
4476
|
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
4538
4477
|
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -4870,6 +4809,67 @@ ul) {
|
|
|
4870
4809
|
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4871
4810
|
}
|
|
4872
4811
|
}
|
|
4812
|
+
:where(:root, .pf-v6-c-date-picker) {
|
|
4813
|
+
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4814
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4815
|
+
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
4816
|
+
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
4817
|
+
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
4818
|
+
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
4819
|
+
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
4820
|
+
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
4821
|
+
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
4822
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
4823
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
4824
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
4825
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
4826
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
4827
|
+
}
|
|
4828
|
+
|
|
4829
|
+
.pf-v6-c-date-picker {
|
|
4830
|
+
position: relative;
|
|
4831
|
+
display: inline-block;
|
|
4832
|
+
}
|
|
4833
|
+
|
|
4834
|
+
.pf-v6-c-date-picker__helper-text {
|
|
4835
|
+
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
4836
|
+
}
|
|
4837
|
+
|
|
4838
|
+
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
4839
|
+
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
4840
|
+
}
|
|
4841
|
+
|
|
4842
|
+
.pf-v6-c-date-picker__calendar {
|
|
4843
|
+
position: absolute;
|
|
4844
|
+
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
4845
|
+
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
4846
|
+
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
4847
|
+
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
4848
|
+
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
4849
|
+
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
4850
|
+
}
|
|
4851
|
+
|
|
4852
|
+
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
4853
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
4854
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
4855
|
+
}
|
|
4856
|
+
|
|
4857
|
+
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
4858
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
4859
|
+
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
4860
|
+
}
|
|
4861
|
+
|
|
4862
|
+
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
4863
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4864
|
+
position: static;
|
|
4865
|
+
inset-block-start: auto;
|
|
4866
|
+
inset-block-end: auto;
|
|
4867
|
+
inset-inline-start: auto;
|
|
4868
|
+
inset-inline-end: auto;
|
|
4869
|
+
z-index: auto;
|
|
4870
|
+
min-width: min-content;
|
|
4871
|
+
}
|
|
4872
|
+
|
|
4873
4873
|
:where(:root, .pf-v6-c-drawer) {
|
|
4874
4874
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
4875
4875
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -6232,66 +6232,6 @@ ul) {
|
|
|
6232
6232
|
justify-content: center;
|
|
6233
6233
|
}
|
|
6234
6234
|
|
|
6235
|
-
:where(:root, .pf-v6-c-file-upload) {
|
|
6236
|
-
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
6237
|
-
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6238
|
-
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6239
|
-
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6240
|
-
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6241
|
-
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6242
|
-
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6243
|
-
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
6244
|
-
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
6245
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
6246
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
6247
|
-
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
6248
|
-
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
6249
|
-
}
|
|
6250
|
-
|
|
6251
|
-
.pf-v6-c-file-upload {
|
|
6252
|
-
position: relative;
|
|
6253
|
-
display: flex;
|
|
6254
|
-
flex-direction: column;
|
|
6255
|
-
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
6256
|
-
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
6257
|
-
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
6258
|
-
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
6259
|
-
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
6260
|
-
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
6261
|
-
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
6262
|
-
}
|
|
6263
|
-
|
|
6264
|
-
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
6265
|
-
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
6266
|
-
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
6267
|
-
}
|
|
6268
|
-
|
|
6269
|
-
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
6270
|
-
position: relative;
|
|
6271
|
-
}
|
|
6272
|
-
|
|
6273
|
-
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
6274
|
-
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6275
|
-
}
|
|
6276
|
-
|
|
6277
|
-
.pf-v6-c-file-upload__file-details {
|
|
6278
|
-
position: relative;
|
|
6279
|
-
display: flex;
|
|
6280
|
-
}
|
|
6281
|
-
|
|
6282
|
-
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
6283
|
-
flex: 1 1 auto;
|
|
6284
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6285
|
-
border-block-start: 0;
|
|
6286
|
-
}
|
|
6287
|
-
|
|
6288
|
-
.pf-v6-c-file-upload__file-details-spinner {
|
|
6289
|
-
position: absolute;
|
|
6290
|
-
inset-block-start: 50%;
|
|
6291
|
-
inset-inline-start: 50%;
|
|
6292
|
-
transform: translate(-50%, -50%);
|
|
6293
|
-
}
|
|
6294
|
-
|
|
6295
6235
|
:where(:root, .pf-v6-c-expandable-section) {
|
|
6296
6236
|
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6297
6237
|
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -6440,6 +6380,66 @@ ul) {
|
|
|
6440
6380
|
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
6441
6381
|
}
|
|
6442
6382
|
|
|
6383
|
+
:where(:root, .pf-v6-c-file-upload) {
|
|
6384
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
6385
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6386
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6387
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6388
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6389
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6390
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6391
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
6392
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
6393
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
6394
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
6395
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
6396
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
6397
|
+
}
|
|
6398
|
+
|
|
6399
|
+
.pf-v6-c-file-upload {
|
|
6400
|
+
position: relative;
|
|
6401
|
+
display: flex;
|
|
6402
|
+
flex-direction: column;
|
|
6403
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
6404
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
6405
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
6406
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
6407
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
6408
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
6409
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
6410
|
+
}
|
|
6411
|
+
|
|
6412
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
6413
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
6414
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
6415
|
+
}
|
|
6416
|
+
|
|
6417
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
6418
|
+
position: relative;
|
|
6419
|
+
}
|
|
6420
|
+
|
|
6421
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
6422
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6423
|
+
}
|
|
6424
|
+
|
|
6425
|
+
.pf-v6-c-file-upload__file-details {
|
|
6426
|
+
position: relative;
|
|
6427
|
+
display: flex;
|
|
6428
|
+
}
|
|
6429
|
+
|
|
6430
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
6431
|
+
flex: 1 1 auto;
|
|
6432
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6433
|
+
border-block-start: 0;
|
|
6434
|
+
}
|
|
6435
|
+
|
|
6436
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
6437
|
+
position: absolute;
|
|
6438
|
+
inset-block-start: 50%;
|
|
6439
|
+
inset-inline-start: 50%;
|
|
6440
|
+
transform: translate(-50%, -50%);
|
|
6441
|
+
}
|
|
6442
|
+
|
|
6443
6443
|
:where(:root, .pf-v6-c-form) {
|
|
6444
6444
|
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
6445
6445
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -6986,40 +6986,118 @@ ul) {
|
|
|
6986
6986
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6987
6987
|
}
|
|
6988
6988
|
|
|
6989
|
-
:where(:root, .pf-v6-c-
|
|
6990
|
-
--pf-v6-c-
|
|
6991
|
-
--pf-v6-c-
|
|
6992
|
-
--pf-v6-c-
|
|
6993
|
-
--pf-v6-c-
|
|
6994
|
-
--pf-v6-c-
|
|
6995
|
-
--pf-v6-c-
|
|
6996
|
-
--pf-v6-c-
|
|
6997
|
-
--pf-v6-c-
|
|
6998
|
-
--pf-v6-c-
|
|
6999
|
-
--pf-v6-c-
|
|
7000
|
-
--pf-v6-c-
|
|
7001
|
-
--pf-v6-c-
|
|
7002
|
-
--pf-v6-c-
|
|
7003
|
-
--pf-v6-c-
|
|
7004
|
-
--pf-v6-c-
|
|
7005
|
-
--pf-v6-c-
|
|
7006
|
-
--pf-v6-c-
|
|
7007
|
-
--pf-v6-c-
|
|
7008
|
-
--pf-v6-c-
|
|
7009
|
-
--pf-v6-c-
|
|
7010
|
-
--pf-v6-c-
|
|
7011
|
-
|
|
7012
|
-
|
|
7013
|
-
|
|
7014
|
-
|
|
7015
|
-
--pf-v6-c-
|
|
7016
|
-
--pf-v6-c-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
|
|
7021
|
-
|
|
7022
|
-
|
|
6989
|
+
:where(:root, .pf-v6-c-helper-text) {
|
|
6990
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6991
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6992
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6993
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6994
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6995
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6996
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6997
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6998
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6999
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7000
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7001
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7002
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7003
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7004
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7005
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7006
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7007
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7008
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7009
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7010
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
7011
|
+
}
|
|
7012
|
+
|
|
7013
|
+
.pf-v6-c-helper-text {
|
|
7014
|
+
display: grid;
|
|
7015
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
7016
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
7017
|
+
}
|
|
7018
|
+
|
|
7019
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
7020
|
+
visibility: hidden;
|
|
7021
|
+
opacity: 0;
|
|
7022
|
+
}
|
|
7023
|
+
|
|
7024
|
+
.pf-v6-c-helper-text__item {
|
|
7025
|
+
display: flex;
|
|
7026
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
7027
|
+
}
|
|
7028
|
+
|
|
7029
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
7030
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
7031
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7032
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7033
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7034
|
+
}
|
|
7035
|
+
|
|
7036
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7037
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7038
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7039
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7040
|
+
}
|
|
7041
|
+
|
|
7042
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7043
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7044
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7045
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7046
|
+
}
|
|
7047
|
+
|
|
7048
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7049
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7050
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7051
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7052
|
+
}
|
|
7053
|
+
|
|
7054
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7055
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7056
|
+
}
|
|
7057
|
+
|
|
7058
|
+
.pf-v6-c-helper-text__item-icon {
|
|
7059
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7060
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7061
|
+
}
|
|
7062
|
+
|
|
7063
|
+
.pf-v6-c-helper-text__item-text {
|
|
7064
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7065
|
+
}
|
|
7066
|
+
|
|
7067
|
+
:where(:root, .pf-v6-c-form-control) {
|
|
7068
|
+
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7069
|
+
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
7070
|
+
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7071
|
+
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7072
|
+
--pf-v6-c-form-control--Resize: none;
|
|
7073
|
+
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
7074
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7075
|
+
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7076
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7077
|
+
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7078
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7079
|
+
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
7080
|
+
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7081
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7082
|
+
--pf-v6-c-form-control--Width: 100%;
|
|
7083
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
7084
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
7085
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
7086
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7087
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7088
|
+
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
7089
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7090
|
+
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7091
|
+
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7092
|
+
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7093
|
+
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7094
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
7095
|
+
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
7096
|
+
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7097
|
+
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7098
|
+
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
7099
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7100
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: transparent;
|
|
7023
7101
|
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
7024
7102
|
--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7025
7103
|
--pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -7284,84 +7362,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7284
7362
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7285
7363
|
}
|
|
7286
7364
|
|
|
7287
|
-
:where(:root, .pf-v6-c-helper-text) {
|
|
7288
|
-
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7289
|
-
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7290
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7291
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
7292
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7293
|
-
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
7294
|
-
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
7295
|
-
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7296
|
-
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7297
|
-
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7298
|
-
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7299
|
-
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7300
|
-
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7301
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7302
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7303
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7304
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7305
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7306
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7307
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7308
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
7309
|
-
}
|
|
7310
|
-
|
|
7311
|
-
.pf-v6-c-helper-text {
|
|
7312
|
-
display: grid;
|
|
7313
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
7314
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
7315
|
-
}
|
|
7316
|
-
|
|
7317
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
7318
|
-
visibility: hidden;
|
|
7319
|
-
opacity: 0;
|
|
7320
|
-
}
|
|
7321
|
-
|
|
7322
|
-
.pf-v6-c-helper-text__item {
|
|
7323
|
-
display: flex;
|
|
7324
|
-
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
7325
|
-
}
|
|
7326
|
-
|
|
7327
|
-
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
7328
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
7329
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7330
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7331
|
-
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7332
|
-
}
|
|
7333
|
-
|
|
7334
|
-
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7335
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7336
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7337
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7338
|
-
}
|
|
7339
|
-
|
|
7340
|
-
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7341
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
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
7365
|
:where(:root, .pf-v6-c-hint) {
|
|
7366
7366
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7367
7367
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -7441,72 +7441,329 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7441
7441
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7442
7442
|
}
|
|
7443
7443
|
|
|
7444
|
-
:where(:root, .pf-v6-c-
|
|
7445
|
-
--pf-v6-c-
|
|
7446
|
-
--pf-v6-c-
|
|
7447
|
-
--pf-v6-c-
|
|
7448
|
-
--pf-v6-c-
|
|
7449
|
-
--pf-v6-c-
|
|
7450
|
-
--pf-v6-c-
|
|
7451
|
-
--pf-v6-c-
|
|
7452
|
-
--pf-v6-c-
|
|
7453
|
-
--pf-v6-c-
|
|
7454
|
-
--pf-v6-c-
|
|
7455
|
-
--pf-v6-c-
|
|
7456
|
-
--pf-v6-c-
|
|
7457
|
-
--pf-v6-c-
|
|
7458
|
-
--pf-v6-c-
|
|
7459
|
-
--pf-v6-c-
|
|
7460
|
-
--pf-v6-c-
|
|
7461
|
-
--pf-v6-c-
|
|
7462
|
-
--pf-v6-c-
|
|
7463
|
-
--pf-v6-c-
|
|
7464
|
-
--pf-v6-c-
|
|
7465
|
-
--pf-v6-c-
|
|
7466
|
-
--pf-v6-c-
|
|
7467
|
-
--pf-v6-c-
|
|
7468
|
-
--pf-v6-c-
|
|
7469
|
-
--pf-v6-c-
|
|
7470
|
-
--pf-v6-c-
|
|
7471
|
-
--pf-v6-c-
|
|
7472
|
-
--pf-v6-c-
|
|
7473
|
-
--pf-v6-c-
|
|
7474
|
-
--pf-v6-c-
|
|
7475
|
-
--pf-v6-c-
|
|
7476
|
-
--pf-v6-c-
|
|
7477
|
-
--pf-v6-c-
|
|
7478
|
-
--pf-v6-c-
|
|
7479
|
-
--pf-v6-c-
|
|
7480
|
-
--pf-v6-c-
|
|
7481
|
-
--pf-v6-c-
|
|
7482
|
-
--pf-v6-c-
|
|
7483
|
-
--pf-v6-c-
|
|
7484
|
-
--pf-v6-c-
|
|
7485
|
-
--pf-v6-c-
|
|
7486
|
-
--pf-v6-c-
|
|
7487
|
-
--pf-v6-c-
|
|
7488
|
-
--pf-v6-c-
|
|
7489
|
-
--pf-v6-c-
|
|
7490
|
-
--pf-v6-c-icon--
|
|
7491
|
-
--pf-v6-c-icon--
|
|
7492
|
-
--pf-v6-c-icon--
|
|
7493
|
-
--pf-v6-c-
|
|
7494
|
-
|
|
7495
|
-
|
|
7496
|
-
|
|
7497
|
-
|
|
7498
|
-
|
|
7499
|
-
|
|
7500
|
-
|
|
7501
|
-
|
|
7502
|
-
|
|
7503
|
-
|
|
7504
|
-
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
|
|
7508
|
-
|
|
7509
|
-
|
|
7444
|
+
:where(:root, .pf-v6-c-jump-links) {
|
|
7445
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7446
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7447
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7448
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7449
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7450
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7451
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7452
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7453
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7454
|
+
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7455
|
+
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7456
|
+
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7457
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7458
|
+
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7459
|
+
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7460
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7461
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7462
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7463
|
+
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7464
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7465
|
+
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7466
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7467
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7468
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7469
|
+
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7470
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7471
|
+
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7472
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7473
|
+
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7474
|
+
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7475
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7476
|
+
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7477
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7478
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7479
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7480
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7481
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7482
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7483
|
+
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7484
|
+
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7485
|
+
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7486
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7487
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7488
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7489
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7490
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7491
|
+
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
7492
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7493
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7494
|
+
}
|
|
7495
|
+
|
|
7496
|
+
.pf-v6-c-jump-links {
|
|
7497
|
+
display: flex;
|
|
7498
|
+
}
|
|
7499
|
+
|
|
7500
|
+
.pf-v6-c-jump-links.pf-m-center {
|
|
7501
|
+
justify-content: center;
|
|
7502
|
+
}
|
|
7503
|
+
|
|
7504
|
+
.pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
|
|
7505
|
+
align-items: center;
|
|
7506
|
+
}
|
|
7507
|
+
|
|
7508
|
+
.pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
|
|
7509
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
|
|
7510
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
7511
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7512
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7513
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7514
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7515
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7516
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7517
|
+
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7518
|
+
flex-direction: column;
|
|
7519
|
+
}
|
|
7520
|
+
|
|
7521
|
+
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7522
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7523
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7524
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7525
|
+
}
|
|
7526
|
+
|
|
7527
|
+
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7528
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7529
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7530
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7531
|
+
}
|
|
7532
|
+
|
|
7533
|
+
@media (min-width: 36rem) {
|
|
7534
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7535
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7536
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7537
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7538
|
+
}
|
|
7539
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7540
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7541
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7542
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7543
|
+
}
|
|
7544
|
+
}
|
|
7545
|
+
@media (min-width: 48rem) {
|
|
7546
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7547
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7548
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7549
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7550
|
+
}
|
|
7551
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7552
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7553
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7554
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7555
|
+
}
|
|
7556
|
+
}
|
|
7557
|
+
@media (min-width: 62rem) {
|
|
7558
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7559
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7560
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7561
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7562
|
+
}
|
|
7563
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7564
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7565
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7566
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7567
|
+
}
|
|
7568
|
+
}
|
|
7569
|
+
@media (min-width: 75rem) {
|
|
7570
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7571
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7572
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7573
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7574
|
+
}
|
|
7575
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7576
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7577
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7578
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7579
|
+
}
|
|
7580
|
+
}
|
|
7581
|
+
@media (min-width: 90.625rem) {
|
|
7582
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7583
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7584
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7585
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7586
|
+
}
|
|
7587
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7588
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7589
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7590
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7591
|
+
}
|
|
7592
|
+
}
|
|
7593
|
+
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7594
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7595
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7596
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7597
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7598
|
+
}
|
|
7599
|
+
|
|
7600
|
+
.pf-v6-c-jump-links__list {
|
|
7601
|
+
position: relative;
|
|
7602
|
+
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7603
|
+
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7604
|
+
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7605
|
+
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7606
|
+
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7607
|
+
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7608
|
+
}
|
|
7609
|
+
|
|
7610
|
+
.pf-v6-c-jump-links__list::before {
|
|
7611
|
+
position: absolute;
|
|
7612
|
+
inset: 0;
|
|
7613
|
+
pointer-events: none;
|
|
7614
|
+
content: "";
|
|
7615
|
+
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7616
|
+
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7617
|
+
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7618
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7619
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7620
|
+
}
|
|
7621
|
+
|
|
7622
|
+
.pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
|
|
7623
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7624
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7625
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7626
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7627
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7628
|
+
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7629
|
+
}
|
|
7630
|
+
|
|
7631
|
+
.pf-v6-c-jump-links__link {
|
|
7632
|
+
position: relative;
|
|
7633
|
+
display: flex;
|
|
7634
|
+
flex: 1;
|
|
7635
|
+
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7636
|
+
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7637
|
+
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7638
|
+
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7639
|
+
text-decoration: none;
|
|
7640
|
+
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7641
|
+
}
|
|
7642
|
+
|
|
7643
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
7644
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
7645
|
+
}
|
|
7646
|
+
|
|
7647
|
+
.pf-v6-c-jump-links__link::before {
|
|
7648
|
+
position: absolute;
|
|
7649
|
+
inset: 0;
|
|
7650
|
+
pointer-events: none;
|
|
7651
|
+
content: "";
|
|
7652
|
+
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7653
|
+
border-style: solid;
|
|
7654
|
+
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7655
|
+
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7656
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7657
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7658
|
+
}
|
|
7659
|
+
|
|
7660
|
+
.pf-v6-c-jump-links__item {
|
|
7661
|
+
--pf-v6-c-jump-links__list--before--BorderColor: transparent;
|
|
7662
|
+
}
|
|
7663
|
+
|
|
7664
|
+
.pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
|
|
7665
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
7666
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
7667
|
+
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7668
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7669
|
+
}
|
|
7670
|
+
|
|
7671
|
+
.pf-v6-c-jump-links__link-text {
|
|
7672
|
+
color: var(--pf-v6-c-jump-links__link-text--Color);
|
|
7673
|
+
}
|
|
7674
|
+
|
|
7675
|
+
.pf-v6-c-jump-links__label {
|
|
7676
|
+
display: var(--pf-v6-c-jump-links__label--Display);
|
|
7677
|
+
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
7678
|
+
}
|
|
7679
|
+
|
|
7680
|
+
.pf-v6-c-jump-links__main {
|
|
7681
|
+
display: flex;
|
|
7682
|
+
flex-direction: column;
|
|
7683
|
+
}
|
|
7684
|
+
|
|
7685
|
+
.pf-v6-c-jump-links__toggle {
|
|
7686
|
+
display: var(--pf-v6-c-jump-links__toggle--Display);
|
|
7687
|
+
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
7688
|
+
}
|
|
7689
|
+
|
|
7690
|
+
.pf-v6-c-jump-links__toggle-icon {
|
|
7691
|
+
display: inline-block;
|
|
7692
|
+
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7693
|
+
transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
|
|
7694
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
7695
|
+
}
|
|
7696
|
+
|
|
7697
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
7698
|
+
scale: -1 1;
|
|
7699
|
+
}
|
|
7700
|
+
|
|
7701
|
+
:where(:root, .pf-v6-c-icon) {
|
|
7702
|
+
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7703
|
+
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
7704
|
+
--pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
|
|
7705
|
+
--pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
|
|
7706
|
+
--pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
|
|
7707
|
+
--pf-v6-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
|
|
7708
|
+
--pf-v6-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
|
|
7709
|
+
--pf-v6-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
|
|
7710
|
+
--pf-v6-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
|
|
7711
|
+
--pf-v6-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
|
|
7712
|
+
--pf-v6-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
|
|
7713
|
+
--pf-v6-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
|
|
7714
|
+
--pf-v6-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
|
|
7715
|
+
--pf-v6-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
|
|
7716
|
+
--pf-v6-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
|
|
7717
|
+
--pf-v6-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
|
|
7718
|
+
--pf-v6-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7719
|
+
--pf-v6-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
7720
|
+
--pf-v6-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
|
|
7721
|
+
--pf-v6-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
|
|
7722
|
+
--pf-v6-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7723
|
+
--pf-v6-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7724
|
+
--pf-v6-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7725
|
+
--pf-v6-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7726
|
+
--pf-v6-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7727
|
+
--pf-v6-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7728
|
+
--pf-v6-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7729
|
+
--pf-v6-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7730
|
+
--pf-v6-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7731
|
+
--pf-v6-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7732
|
+
--pf-v6-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7733
|
+
--pf-v6-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7734
|
+
--pf-v6-c-icon--m-inline--Width: 1em;
|
|
7735
|
+
--pf-v6-c-icon--m-inline--Height: 1em;
|
|
7736
|
+
--pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
|
|
7737
|
+
--pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
|
|
7738
|
+
--pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7739
|
+
--pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7740
|
+
--pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7741
|
+
--pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
7742
|
+
--pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
7743
|
+
--pf-v6-c-icon--m-inline__content--Color: initial;
|
|
7744
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
7745
|
+
--pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
|
|
7746
|
+
--pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
|
|
7747
|
+
--pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
|
|
7748
|
+
--pf-v6-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
|
|
7749
|
+
--pf-v6-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
7750
|
+
--pf-v6-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
7751
|
+
--pf-v6-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
7752
|
+
--pf-v6-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
7753
|
+
--pf-v6-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
|
|
7754
|
+
--pf-v6-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7755
|
+
--pf-v6-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7756
|
+
--pf-v6-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7757
|
+
--pf-v6-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7758
|
+
--pf-v6-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7759
|
+
--pf-v6-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7760
|
+
--pf-v6-c-icon--m-inline__content--FontSize: 1em;
|
|
7761
|
+
}
|
|
7762
|
+
|
|
7763
|
+
.pf-v6-c-icon {
|
|
7764
|
+
position: relative;
|
|
7765
|
+
display: inline-flex;
|
|
7766
|
+
align-items: center;
|
|
7510
7767
|
justify-content: center;
|
|
7511
7768
|
width: var(--pf-v6-c-icon--Width);
|
|
7512
7769
|
height: var(--pf-v6-c-icon--Height);
|
|
@@ -7607,468 +7864,211 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7607
7864
|
--pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-2xl--Height);
|
|
7608
7865
|
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7609
7866
|
}
|
|
7610
|
-
|
|
7611
|
-
.pf-v6-c-icon.pf-m-heading-3xl {
|
|
7612
|
-
--pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-3xl--Width);
|
|
7613
|
-
--pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-3xl--Height);
|
|
7614
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7615
|
-
}
|
|
7616
|
-
|
|
7617
|
-
.pf-v6-c-icon.pf-m-in-progress {
|
|
7618
|
-
--pf-v6-c-icon__content--Opacity: 0;
|
|
7619
|
-
--pf-v6-c-icon__progress--Opacity: 1;
|
|
7620
|
-
}
|
|
7621
|
-
|
|
7622
|
-
.pf-v6-c-icon__content,
|
|
7623
|
-
.pf-v6-c-icon__progress {
|
|
7624
|
-
font-size: var(--pf-v6-c-icon__content--FontSize);
|
|
7625
|
-
}
|
|
7626
|
-
|
|
7627
|
-
.pf-v6-c-icon__content svg,
|
|
7628
|
-
.pf-v6-c-icon__progress svg {
|
|
7629
|
-
vertical-align: var(--pf-v6-c-icon__content--svg--VerticalAlign);
|
|
7630
|
-
}
|
|
7631
|
-
|
|
7632
|
-
.pf-v6-c-icon__content.pf-m-sm,
|
|
7633
|
-
.pf-v6-c-icon__progress.pf-m-sm {
|
|
7634
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-sm__content--FontSize);
|
|
7635
|
-
}
|
|
7636
|
-
|
|
7637
|
-
.pf-v6-c-icon__content.pf-m-md,
|
|
7638
|
-
.pf-v6-c-icon__progress.pf-m-md {
|
|
7639
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
|
|
7640
|
-
}
|
|
7641
|
-
|
|
7642
|
-
.pf-v6-c-icon__content.pf-m-lg,
|
|
7643
|
-
.pf-v6-c-icon__progress.pf-m-lg {
|
|
7644
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7645
|
-
}
|
|
7646
|
-
|
|
7647
|
-
.pf-v6-c-icon__content.pf-m-xl,
|
|
7648
|
-
.pf-v6-c-icon__progress.pf-m-xl {
|
|
7649
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-xl__content--FontSize);
|
|
7650
|
-
}
|
|
7651
|
-
|
|
7652
|
-
.pf-v6-c-icon__content.pf-m-2xl,
|
|
7653
|
-
.pf-v6-c-icon__progress.pf-m-2xl {
|
|
7654
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-2xl__content--FontSize);
|
|
7655
|
-
}
|
|
7656
|
-
|
|
7657
|
-
.pf-v6-c-icon__content.pf-m-3xl,
|
|
7658
|
-
.pf-v6-c-icon__progress.pf-m-3xl {
|
|
7659
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-3xl__content--FontSize);
|
|
7660
|
-
}
|
|
7661
|
-
|
|
7662
|
-
.pf-v6-c-icon__content.pf-m-body-sm,
|
|
7663
|
-
.pf-v6-c-icon__progress.pf-m-body-sm {
|
|
7664
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-body-sm__content--FontSize);
|
|
7665
|
-
}
|
|
7666
|
-
|
|
7667
|
-
.pf-v6-c-icon__content.pf-m-body-default,
|
|
7668
|
-
.pf-v6-c-icon__progress.pf-m-body-default {
|
|
7669
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
|
|
7670
|
-
}
|
|
7671
|
-
|
|
7672
|
-
.pf-v6-c-icon__content.pf-m-body-lg,
|
|
7673
|
-
.pf-v6-c-icon__progress.pf-m-body-lg {
|
|
7674
|
-
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7675
|
-
}
|
|
7676
|
-
|
|
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
|
-
:where(:root, .pf-v6-c-input-group) {
|
|
7740
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
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);
|
|
7867
|
+
|
|
7868
|
+
.pf-v6-c-icon.pf-m-heading-3xl {
|
|
7869
|
+
--pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-3xl--Width);
|
|
7870
|
+
--pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-3xl--Height);
|
|
7871
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7791
7872
|
}
|
|
7792
7873
|
|
|
7793
|
-
.pf-v6-c-
|
|
7794
|
-
--pf-v6-c-
|
|
7795
|
-
|
|
7874
|
+
.pf-v6-c-icon.pf-m-in-progress {
|
|
7875
|
+
--pf-v6-c-icon__content--Opacity: 0;
|
|
7876
|
+
--pf-v6-c-icon__progress--Opacity: 1;
|
|
7796
7877
|
}
|
|
7797
7878
|
|
|
7798
|
-
.pf-v6-c-
|
|
7799
|
-
|
|
7800
|
-
|
|
7879
|
+
.pf-v6-c-icon__content,
|
|
7880
|
+
.pf-v6-c-icon__progress {
|
|
7881
|
+
font-size: var(--pf-v6-c-icon__content--FontSize);
|
|
7801
7882
|
}
|
|
7802
7883
|
|
|
7803
|
-
.pf-v6-c-
|
|
7804
|
-
|
|
7884
|
+
.pf-v6-c-icon__content svg,
|
|
7885
|
+
.pf-v6-c-icon__progress svg {
|
|
7886
|
+
vertical-align: var(--pf-v6-c-icon__content--svg--VerticalAlign);
|
|
7805
7887
|
}
|
|
7806
7888
|
|
|
7807
|
-
.pf-v6-c-
|
|
7808
|
-
|
|
7809
|
-
|
|
7810
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7889
|
+
.pf-v6-c-icon__content.pf-m-sm,
|
|
7890
|
+
.pf-v6-c-icon__progress.pf-m-sm {
|
|
7891
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-sm__content--FontSize);
|
|
7811
7892
|
}
|
|
7812
7893
|
|
|
7813
|
-
|
|
7814
|
-
|
|
7894
|
+
.pf-v6-c-icon__content.pf-m-md,
|
|
7895
|
+
.pf-v6-c-icon__progress.pf-m-md {
|
|
7896
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
|
|
7815
7897
|
}
|
|
7816
7898
|
|
|
7817
|
-
|
|
7818
|
-
|
|
7819
|
-
--pf-v6-c-
|
|
7820
|
-
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7821
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7822
|
-
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7823
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7824
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7825
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7826
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7827
|
-
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7828
|
-
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7829
|
-
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7830
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7831
|
-
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7832
|
-
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7833
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7834
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7835
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7836
|
-
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7837
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7838
|
-
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7839
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7840
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7841
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7842
|
-
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7843
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7844
|
-
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7845
|
-
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7846
|
-
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7847
|
-
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7848
|
-
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7849
|
-
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7850
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7851
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7852
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7853
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7854
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7855
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7856
|
-
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7857
|
-
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7858
|
-
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7859
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7860
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7861
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7862
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7863
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7864
|
-
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
7865
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7866
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7899
|
+
.pf-v6-c-icon__content.pf-m-lg,
|
|
7900
|
+
.pf-v6-c-icon__progress.pf-m-lg {
|
|
7901
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7867
7902
|
}
|
|
7868
7903
|
|
|
7869
|
-
.pf-v6-c-
|
|
7870
|
-
|
|
7904
|
+
.pf-v6-c-icon__content.pf-m-xl,
|
|
7905
|
+
.pf-v6-c-icon__progress.pf-m-xl {
|
|
7906
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-xl__content--FontSize);
|
|
7871
7907
|
}
|
|
7872
7908
|
|
|
7873
|
-
.pf-v6-c-
|
|
7874
|
-
|
|
7909
|
+
.pf-v6-c-icon__content.pf-m-2xl,
|
|
7910
|
+
.pf-v6-c-icon__progress.pf-m-2xl {
|
|
7911
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-2xl__content--FontSize);
|
|
7875
7912
|
}
|
|
7876
7913
|
|
|
7877
|
-
.pf-v6-c-
|
|
7878
|
-
|
|
7914
|
+
.pf-v6-c-icon__content.pf-m-3xl,
|
|
7915
|
+
.pf-v6-c-icon__progress.pf-m-3xl {
|
|
7916
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-3xl__content--FontSize);
|
|
7879
7917
|
}
|
|
7880
7918
|
|
|
7881
|
-
.pf-v6-c-
|
|
7882
|
-
|
|
7883
|
-
--pf-v6-c-
|
|
7884
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7885
|
-
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7886
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7887
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7888
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7889
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7890
|
-
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7891
|
-
flex-direction: column;
|
|
7919
|
+
.pf-v6-c-icon__content.pf-m-body-sm,
|
|
7920
|
+
.pf-v6-c-icon__progress.pf-m-body-sm {
|
|
7921
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-body-sm__content--FontSize);
|
|
7892
7922
|
}
|
|
7893
7923
|
|
|
7894
|
-
.pf-v6-c-
|
|
7895
|
-
|
|
7896
|
-
--pf-v6-c-
|
|
7897
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7924
|
+
.pf-v6-c-icon__content.pf-m-body-default,
|
|
7925
|
+
.pf-v6-c-icon__progress.pf-m-body-default {
|
|
7926
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
|
|
7898
7927
|
}
|
|
7899
7928
|
|
|
7900
|
-
.pf-v6-c-
|
|
7901
|
-
|
|
7902
|
-
--pf-v6-c-
|
|
7903
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7929
|
+
.pf-v6-c-icon__content.pf-m-body-lg,
|
|
7930
|
+
.pf-v6-c-icon__progress.pf-m-body-lg {
|
|
7931
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
|
|
7904
7932
|
}
|
|
7905
7933
|
|
|
7906
|
-
|
|
7907
|
-
|
|
7908
|
-
|
|
7909
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7910
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7911
|
-
}
|
|
7912
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7913
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7914
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7915
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7916
|
-
}
|
|
7934
|
+
.pf-v6-c-icon__content.pf-m-heading-sm,
|
|
7935
|
+
.pf-v6-c-icon__progress.pf-m-heading-sm {
|
|
7936
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
|
|
7917
7937
|
}
|
|
7918
|
-
|
|
7919
|
-
|
|
7920
|
-
|
|
7921
|
-
|
|
7922
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7923
|
-
}
|
|
7924
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7925
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7926
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7927
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7928
|
-
}
|
|
7938
|
+
|
|
7939
|
+
.pf-v6-c-icon__content.pf-m-heading-md,
|
|
7940
|
+
.pf-v6-c-icon__progress.pf-m-heading-md {
|
|
7941
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
|
|
7929
7942
|
}
|
|
7930
|
-
|
|
7931
|
-
|
|
7932
|
-
|
|
7933
|
-
|
|
7934
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7935
|
-
}
|
|
7936
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7937
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7938
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7939
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7940
|
-
}
|
|
7943
|
+
|
|
7944
|
+
.pf-v6-c-icon__content.pf-m-heading-lg,
|
|
7945
|
+
.pf-v6-c-icon__progress.pf-m-heading-lg {
|
|
7946
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
|
|
7941
7947
|
}
|
|
7942
|
-
|
|
7943
|
-
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7947
|
-
}
|
|
7948
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7949
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7950
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7951
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7952
|
-
}
|
|
7948
|
+
|
|
7949
|
+
.pf-v6-c-icon__content.pf-m-heading-xl,
|
|
7950
|
+
.pf-v6-c-icon__progress.pf-m-heading-xl {
|
|
7951
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
|
|
7953
7952
|
}
|
|
7954
|
-
|
|
7955
|
-
|
|
7956
|
-
|
|
7957
|
-
|
|
7958
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7959
|
-
}
|
|
7960
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7961
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7962
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7963
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7964
|
-
}
|
|
7953
|
+
|
|
7954
|
+
.pf-v6-c-icon__content.pf-m-heading-2xl,
|
|
7955
|
+
.pf-v6-c-icon__progress.pf-m-heading-2xl {
|
|
7956
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
|
|
7965
7957
|
}
|
|
7966
|
-
|
|
7967
|
-
|
|
7968
|
-
|
|
7969
|
-
--pf-v6-c-
|
|
7970
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7958
|
+
|
|
7959
|
+
.pf-v6-c-icon__content.pf-m-heading-3xl,
|
|
7960
|
+
.pf-v6-c-icon__progress.pf-m-heading-3xl {
|
|
7961
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
|
|
7971
7962
|
}
|
|
7972
7963
|
|
|
7973
|
-
.pf-v6-c-
|
|
7974
|
-
|
|
7975
|
-
|
|
7976
|
-
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7977
|
-
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7978
|
-
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7979
|
-
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7980
|
-
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7964
|
+
.pf-v6-c-icon__content {
|
|
7965
|
+
color: var(--pf-v6-c-icon__content--Color, inherit);
|
|
7966
|
+
opacity: var(--pf-v6-c-icon__content--Opacity, 1);
|
|
7981
7967
|
}
|
|
7982
7968
|
|
|
7983
|
-
.pf-v6-c-
|
|
7984
|
-
|
|
7985
|
-
inset: 0;
|
|
7986
|
-
pointer-events: none;
|
|
7987
|
-
content: "";
|
|
7988
|
-
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7989
|
-
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7990
|
-
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7991
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7992
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7969
|
+
.pf-v6-c-icon__content.pf-m-danger {
|
|
7970
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
|
|
7993
7971
|
}
|
|
7994
7972
|
|
|
7995
|
-
.pf-v6-c-
|
|
7996
|
-
--pf-v6-c-
|
|
7997
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7998
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7999
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
8000
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
8001
|
-
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7973
|
+
.pf-v6-c-icon__content.pf-m-warning {
|
|
7974
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
|
|
8002
7975
|
}
|
|
8003
7976
|
|
|
8004
|
-
.pf-v6-c-
|
|
8005
|
-
|
|
8006
|
-
display: flex;
|
|
8007
|
-
flex: 1;
|
|
8008
|
-
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
8009
|
-
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
8010
|
-
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
8011
|
-
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
8012
|
-
text-decoration: none;
|
|
8013
|
-
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7977
|
+
.pf-v6-c-icon__content.pf-m-success {
|
|
7978
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
|
|
8014
7979
|
}
|
|
8015
7980
|
|
|
8016
|
-
.pf-v6-c-
|
|
8017
|
-
--pf-v6-c-
|
|
7981
|
+
.pf-v6-c-icon__content.pf-m-info {
|
|
7982
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
|
|
8018
7983
|
}
|
|
8019
7984
|
|
|
8020
|
-
.pf-v6-c-
|
|
7985
|
+
.pf-v6-c-icon__content.pf-m-custom {
|
|
7986
|
+
--pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
|
|
7987
|
+
}
|
|
7988
|
+
|
|
7989
|
+
.pf-v6-c-icon__progress {
|
|
8021
7990
|
position: absolute;
|
|
8022
|
-
inset: 0;
|
|
8023
|
-
|
|
8024
|
-
|
|
8025
|
-
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
8026
|
-
border-style: solid;
|
|
8027
|
-
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
8028
|
-
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
8029
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
8030
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7991
|
+
inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
|
|
7992
|
+
opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
|
|
7993
|
+
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
8031
7994
|
}
|
|
8032
7995
|
|
|
8033
|
-
.pf-v6-c-
|
|
8034
|
-
--pf-v6-c-
|
|
7996
|
+
:where(:root, .pf-v6-c-input-group) {
|
|
7997
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7998
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7999
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
8000
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
8001
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
8002
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
8003
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8004
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8005
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
8006
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
8007
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8008
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
8009
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
8010
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
8011
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
8012
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
8013
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8014
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
8015
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
8016
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
8035
8017
|
}
|
|
8036
8018
|
|
|
8037
|
-
.pf-v6-c-
|
|
8038
|
-
|
|
8039
|
-
|
|
8040
|
-
|
|
8041
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
8019
|
+
.pf-v6-c-input-group {
|
|
8020
|
+
display: flex;
|
|
8021
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
8022
|
+
width: 100%;
|
|
8042
8023
|
}
|
|
8043
8024
|
|
|
8044
|
-
.pf-v6-c-
|
|
8045
|
-
|
|
8025
|
+
.pf-v6-c-input-group__item {
|
|
8026
|
+
position: relative;
|
|
8027
|
+
display: flex;
|
|
8028
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
8029
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
8030
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
8031
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
8032
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
8033
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
8034
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
8035
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
8046
8036
|
}
|
|
8047
8037
|
|
|
8048
|
-
.pf-v6-c-
|
|
8049
|
-
|
|
8050
|
-
|
|
8038
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
8039
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
8040
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
8041
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
8042
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
8043
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
8044
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
8045
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
8046
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
8047
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
8051
8048
|
}
|
|
8052
8049
|
|
|
8053
|
-
.pf-v6-c-
|
|
8054
|
-
|
|
8055
|
-
|
|
8050
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
8051
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
8052
|
+
border: none;
|
|
8056
8053
|
}
|
|
8057
8054
|
|
|
8058
|
-
.pf-v6-c-
|
|
8059
|
-
|
|
8060
|
-
|
|
8055
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
8056
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
8057
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
8061
8058
|
}
|
|
8062
8059
|
|
|
8063
|
-
.pf-v6-c-
|
|
8064
|
-
|
|
8065
|
-
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
8066
|
-
transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
|
|
8067
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
8060
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
8061
|
+
flex-grow: 1;
|
|
8068
8062
|
}
|
|
8069
8063
|
|
|
8070
|
-
|
|
8071
|
-
|
|
8064
|
+
.pf-v6-c-input-group__text {
|
|
8065
|
+
align-self: center;
|
|
8066
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
8067
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
8068
|
+
}
|
|
8069
|
+
|
|
8070
|
+
label.pf-v6-c-input-group__text {
|
|
8071
|
+
cursor: pointer;
|
|
8072
8072
|
}
|
|
8073
8073
|
|
|
8074
8074
|
:where(:root, .pf-v6-c-sidebar) {
|
|
@@ -8383,52 +8383,196 @@ label.pf-v6-c-input-group__text {
|
|
|
8383
8383
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8384
8384
|
}
|
|
8385
8385
|
}
|
|
8386
|
-
@media (min-width: 75rem) {
|
|
8387
|
-
.pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
8388
|
-
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8389
|
-
}
|
|
8390
|
-
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
8391
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8392
|
-
}
|
|
8393
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
8394
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8395
|
-
}
|
|
8396
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
8397
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8398
|
-
}
|
|
8399
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
8400
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8401
|
-
}
|
|
8402
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8403
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8404
|
-
}
|
|
8405
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8406
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8407
|
-
}
|
|
8386
|
+
@media (min-width: 75rem) {
|
|
8387
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
|
|
8388
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8389
|
+
}
|
|
8390
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
|
|
8391
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8392
|
+
}
|
|
8393
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
|
|
8394
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8395
|
+
}
|
|
8396
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
|
|
8397
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8398
|
+
}
|
|
8399
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
|
|
8400
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8401
|
+
}
|
|
8402
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
|
|
8403
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8404
|
+
}
|
|
8405
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
|
|
8406
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8407
|
+
}
|
|
8408
|
+
}
|
|
8409
|
+
@media (min-width: 90.625rem) {
|
|
8410
|
+
.pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
|
|
8411
|
+
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
8412
|
+
}
|
|
8413
|
+
.pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8414
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8415
|
+
}
|
|
8416
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8417
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8418
|
+
}
|
|
8419
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8420
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8421
|
+
}
|
|
8422
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8423
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8424
|
+
}
|
|
8425
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8426
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8427
|
+
}
|
|
8428
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8429
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8430
|
+
}
|
|
8431
|
+
}
|
|
8432
|
+
:where(:root, .pf-v6-c-label-group) {
|
|
8433
|
+
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8434
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8435
|
+
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8436
|
+
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8437
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8438
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8439
|
+
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8440
|
+
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8441
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8442
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8443
|
+
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8444
|
+
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8445
|
+
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8446
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8447
|
+
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8448
|
+
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8449
|
+
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8450
|
+
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8451
|
+
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8452
|
+
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8453
|
+
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8454
|
+
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8455
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8456
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8457
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8458
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8459
|
+
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8460
|
+
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8461
|
+
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8462
|
+
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8463
|
+
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8464
|
+
}
|
|
8465
|
+
|
|
8466
|
+
.pf-v6-c-label-group {
|
|
8467
|
+
display: inline-flex;
|
|
8468
|
+
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8469
|
+
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8470
|
+
align-items: center;
|
|
8471
|
+
}
|
|
8472
|
+
|
|
8473
|
+
.pf-v6-c-label-group.pf-m-category {
|
|
8474
|
+
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8475
|
+
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8476
|
+
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8477
|
+
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8478
|
+
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8479
|
+
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8480
|
+
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8481
|
+
}
|
|
8482
|
+
|
|
8483
|
+
.pf-v6-c-label-group.pf-m-vertical {
|
|
8484
|
+
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8485
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8486
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8487
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8488
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8489
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8490
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8491
|
+
}
|
|
8492
|
+
|
|
8493
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8494
|
+
align-items: flex-start;
|
|
8495
|
+
}
|
|
8496
|
+
|
|
8497
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8498
|
+
flex-direction: column;
|
|
8499
|
+
align-items: flex-start;
|
|
8500
|
+
}
|
|
8501
|
+
|
|
8502
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8503
|
+
flex-direction: column;
|
|
8504
|
+
}
|
|
8505
|
+
|
|
8506
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
8507
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8508
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8509
|
+
display: flex;
|
|
8510
|
+
}
|
|
8511
|
+
|
|
8512
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8513
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8514
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8515
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8516
|
+
flex: 1;
|
|
8517
|
+
}
|
|
8518
|
+
|
|
8519
|
+
.pf-v6-c-label-group__main {
|
|
8520
|
+
display: flex;
|
|
8521
|
+
flex: 1;
|
|
8522
|
+
flex-wrap: wrap;
|
|
8523
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8524
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8525
|
+
align-items: baseline;
|
|
8526
|
+
}
|
|
8527
|
+
|
|
8528
|
+
.pf-v6-c-label-group__list {
|
|
8529
|
+
display: inline-flex;
|
|
8530
|
+
flex-wrap: wrap;
|
|
8531
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8532
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8533
|
+
}
|
|
8534
|
+
|
|
8535
|
+
.pf-v6-c-label-group__list-item {
|
|
8536
|
+
display: inline-flex;
|
|
8408
8537
|
}
|
|
8409
|
-
|
|
8410
|
-
|
|
8411
|
-
|
|
8412
|
-
|
|
8413
|
-
|
|
8414
|
-
|
|
8415
|
-
|
|
8416
|
-
|
|
8417
|
-
|
|
8418
|
-
|
|
8419
|
-
|
|
8420
|
-
|
|
8421
|
-
|
|
8422
|
-
|
|
8423
|
-
|
|
8424
|
-
|
|
8425
|
-
|
|
8426
|
-
|
|
8427
|
-
|
|
8428
|
-
|
|
8429
|
-
|
|
8430
|
-
|
|
8538
|
+
|
|
8539
|
+
.pf-v6-c-label-group__label {
|
|
8540
|
+
overflow: hidden;
|
|
8541
|
+
text-overflow: ellipsis;
|
|
8542
|
+
white-space: nowrap;
|
|
8543
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8544
|
+
}
|
|
8545
|
+
|
|
8546
|
+
.pf-v6-c-label-group__close {
|
|
8547
|
+
display: flex;
|
|
8548
|
+
align-self: flex-start;
|
|
8549
|
+
}
|
|
8550
|
+
|
|
8551
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8552
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8553
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8554
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8555
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8556
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8557
|
+
}
|
|
8558
|
+
|
|
8559
|
+
.pf-v6-c-label-group__textarea {
|
|
8560
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8561
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8562
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8563
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8564
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8565
|
+
white-space: nowrap;
|
|
8566
|
+
resize: none;
|
|
8567
|
+
border: 0;
|
|
8568
|
+
-ms-overflow-style: none;
|
|
8569
|
+
scrollbar-width: none;
|
|
8570
|
+
}
|
|
8571
|
+
|
|
8572
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8573
|
+
display: none;
|
|
8431
8574
|
}
|
|
8575
|
+
|
|
8432
8576
|
:where(:root, .pf-v6-c-label) {
|
|
8433
8577
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8434
8578
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -8880,224 +9024,80 @@ label.pf-v6-c-input-group__text {
|
|
|
8880
9024
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
8881
9025
|
}
|
|
8882
9026
|
|
|
8883
|
-
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
8884
|
-
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
8885
|
-
}
|
|
8886
|
-
|
|
8887
|
-
.pf-v6-c-label.pf-m-disabled {
|
|
8888
|
-
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|
|
8889
|
-
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-disabled--Color);
|
|
8890
|
-
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-disabled__icon--Color);
|
|
8891
|
-
--pf-v6-c-label--BorderWidth: 0;
|
|
8892
|
-
pointer-events: none;
|
|
8893
|
-
}
|
|
8894
|
-
|
|
8895
|
-
.pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
|
|
8896
|
-
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
|
|
8897
|
-
}
|
|
8898
|
-
|
|
8899
|
-
.pf-v6-c-label,
|
|
8900
|
-
.pf-v6-c-label__content {
|
|
8901
|
-
display: inline-flex;
|
|
8902
|
-
align-items: center;
|
|
8903
|
-
}
|
|
8904
|
-
|
|
8905
|
-
.pf-v6-c-label__text {
|
|
8906
|
-
overflow: hidden;
|
|
8907
|
-
text-overflow: ellipsis;
|
|
8908
|
-
white-space: nowrap;
|
|
8909
|
-
max-width: var(--pf-v6-c-label__text--MaxWidth);
|
|
8910
|
-
}
|
|
8911
|
-
|
|
8912
|
-
.pf-v6-c-label__content {
|
|
8913
|
-
gap: var(--pf-v6-c-label__content--Gap);
|
|
8914
|
-
max-width: var(--pf-v6-c-label__content--MaxWidth);
|
|
8915
|
-
padding: 0;
|
|
8916
|
-
overflow: hidden;
|
|
8917
|
-
color: var(--pf-v6-c-label--Color);
|
|
8918
|
-
cursor: var(--pf-v6-c-label__content--Cursor, revert);
|
|
8919
|
-
background: transparent;
|
|
8920
|
-
border-width: 0;
|
|
8921
|
-
}
|
|
8922
|
-
|
|
8923
|
-
.pf-v6-c-label__content::before {
|
|
8924
|
-
position: absolute;
|
|
8925
|
-
inset: 0;
|
|
8926
|
-
z-index: -1;
|
|
8927
|
-
pointer-events: none;
|
|
8928
|
-
content: "";
|
|
8929
|
-
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
8930
|
-
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
8931
|
-
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
8932
|
-
}
|
|
8933
|
-
|
|
8934
|
-
input.pf-v6-c-label__content {
|
|
8935
|
-
overflow: hidden;
|
|
8936
|
-
text-overflow: ellipsis;
|
|
8937
|
-
white-space: nowrap;
|
|
8938
|
-
}
|
|
8939
|
-
|
|
8940
|
-
.pf-v6-c-label__icon {
|
|
8941
|
-
color: var(--pf-v6-c-label__icon--Color);
|
|
8942
|
-
}
|
|
8943
|
-
|
|
8944
|
-
.pf-v6-c-label__actions {
|
|
8945
|
-
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
8946
|
-
}
|
|
8947
|
-
|
|
8948
|
-
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
8949
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
8950
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
8951
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
8952
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
8953
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
8954
|
-
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
8955
|
-
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
8956
|
-
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8957
|
-
}
|
|
8958
|
-
|
|
8959
|
-
:where(:root, .pf-v6-c-label-group) {
|
|
8960
|
-
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8961
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8962
|
-
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8963
|
-
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8964
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8965
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8966
|
-
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8967
|
-
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8968
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8969
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8970
|
-
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8971
|
-
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8972
|
-
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8973
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8974
|
-
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8975
|
-
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8976
|
-
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8977
|
-
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8978
|
-
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8979
|
-
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8980
|
-
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8981
|
-
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8982
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8983
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8984
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8985
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8986
|
-
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8987
|
-
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8988
|
-
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8989
|
-
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8990
|
-
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8991
|
-
}
|
|
8992
|
-
|
|
8993
|
-
.pf-v6-c-label-group {
|
|
8994
|
-
display: inline-flex;
|
|
8995
|
-
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8996
|
-
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8997
|
-
align-items: center;
|
|
8998
|
-
}
|
|
8999
|
-
|
|
9000
|
-
.pf-v6-c-label-group.pf-m-category {
|
|
9001
|
-
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
9002
|
-
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
9003
|
-
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
9004
|
-
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
9005
|
-
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
9006
|
-
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
9007
|
-
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
9008
|
-
}
|
|
9009
|
-
|
|
9010
|
-
.pf-v6-c-label-group.pf-m-vertical {
|
|
9011
|
-
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
9012
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
9013
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
9014
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
9015
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
9016
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
9017
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
9018
|
-
}
|
|
9019
|
-
|
|
9020
|
-
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
9021
|
-
align-items: flex-start;
|
|
9022
|
-
}
|
|
9023
|
-
|
|
9024
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
9025
|
-
flex-direction: column;
|
|
9026
|
-
align-items: flex-start;
|
|
9027
|
-
}
|
|
9028
|
-
|
|
9029
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
9030
|
-
flex-direction: column;
|
|
9031
|
-
}
|
|
9032
|
-
|
|
9033
|
-
.pf-v6-c-label-group.pf-m-editable,
|
|
9034
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9035
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
9036
|
-
display: flex;
|
|
9037
|
-
}
|
|
9038
|
-
|
|
9039
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9040
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
9041
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
9042
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
9043
|
-
flex: 1;
|
|
9044
|
-
}
|
|
9045
|
-
|
|
9046
|
-
.pf-v6-c-label-group__main {
|
|
9047
|
-
display: flex;
|
|
9048
|
-
flex: 1;
|
|
9049
|
-
flex-wrap: wrap;
|
|
9050
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
9051
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
9052
|
-
align-items: baseline;
|
|
9027
|
+
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
9028
|
+
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
9053
9029
|
}
|
|
9054
9030
|
|
|
9055
|
-
.pf-v6-c-label-
|
|
9056
|
-
|
|
9057
|
-
|
|
9058
|
-
|
|
9059
|
-
|
|
9031
|
+
.pf-v6-c-label.pf-m-disabled {
|
|
9032
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|
|
9033
|
+
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-disabled--Color);
|
|
9034
|
+
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-disabled__icon--Color);
|
|
9035
|
+
--pf-v6-c-label--BorderWidth: 0;
|
|
9036
|
+
pointer-events: none;
|
|
9060
9037
|
}
|
|
9061
9038
|
|
|
9062
|
-
.pf-v6-c-label-
|
|
9039
|
+
.pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
|
|
9040
|
+
--pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
|
|
9041
|
+
}
|
|
9042
|
+
|
|
9043
|
+
.pf-v6-c-label,
|
|
9044
|
+
.pf-v6-c-label__content {
|
|
9063
9045
|
display: inline-flex;
|
|
9046
|
+
align-items: center;
|
|
9064
9047
|
}
|
|
9065
9048
|
|
|
9066
|
-
.pf-v6-c-
|
|
9049
|
+
.pf-v6-c-label__text {
|
|
9067
9050
|
overflow: hidden;
|
|
9068
9051
|
text-overflow: ellipsis;
|
|
9069
9052
|
white-space: nowrap;
|
|
9070
|
-
max-width: var(--pf-v6-c-
|
|
9053
|
+
max-width: var(--pf-v6-c-label__text--MaxWidth);
|
|
9071
9054
|
}
|
|
9072
9055
|
|
|
9073
|
-
.pf-v6-c-
|
|
9074
|
-
|
|
9075
|
-
|
|
9056
|
+
.pf-v6-c-label__content {
|
|
9057
|
+
gap: var(--pf-v6-c-label__content--Gap);
|
|
9058
|
+
max-width: var(--pf-v6-c-label__content--MaxWidth);
|
|
9059
|
+
padding: 0;
|
|
9060
|
+
overflow: hidden;
|
|
9061
|
+
color: var(--pf-v6-c-label--Color);
|
|
9062
|
+
cursor: var(--pf-v6-c-label__content--Cursor, revert);
|
|
9063
|
+
background: transparent;
|
|
9064
|
+
border-width: 0;
|
|
9076
9065
|
}
|
|
9077
9066
|
|
|
9078
|
-
.pf-v6-c-
|
|
9079
|
-
|
|
9080
|
-
|
|
9081
|
-
|
|
9082
|
-
|
|
9083
|
-
|
|
9067
|
+
.pf-v6-c-label__content::before {
|
|
9068
|
+
position: absolute;
|
|
9069
|
+
inset: 0;
|
|
9070
|
+
z-index: -1;
|
|
9071
|
+
pointer-events: none;
|
|
9072
|
+
content: "";
|
|
9073
|
+
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
9074
|
+
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
9075
|
+
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
9084
9076
|
}
|
|
9085
9077
|
|
|
9086
|
-
.pf-v6-c-
|
|
9087
|
-
|
|
9088
|
-
|
|
9089
|
-
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
9090
|
-
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
9091
|
-
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
9078
|
+
input.pf-v6-c-label__content {
|
|
9079
|
+
overflow: hidden;
|
|
9080
|
+
text-overflow: ellipsis;
|
|
9092
9081
|
white-space: nowrap;
|
|
9093
|
-
resize: none;
|
|
9094
|
-
border: 0;
|
|
9095
|
-
-ms-overflow-style: none;
|
|
9096
|
-
scrollbar-width: none;
|
|
9097
9082
|
}
|
|
9098
9083
|
|
|
9099
|
-
.pf-v6-c-
|
|
9100
|
-
|
|
9084
|
+
.pf-v6-c-label__icon {
|
|
9085
|
+
color: var(--pf-v6-c-label__icon--Color);
|
|
9086
|
+
}
|
|
9087
|
+
|
|
9088
|
+
.pf-v6-c-label__actions {
|
|
9089
|
+
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
9090
|
+
}
|
|
9091
|
+
|
|
9092
|
+
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
9093
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
|
|
9094
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
|
|
9095
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
|
|
9096
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
|
|
9097
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
|
|
9098
|
+
margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
|
|
9099
|
+
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
9100
|
+
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
9101
9101
|
}
|
|
9102
9102
|
|
|
9103
9103
|
:where(:root, .pf-v6-c-list) {
|
|
@@ -12850,276 +12850,97 @@ ul.pf-v6-c-list {
|
|
|
12850
12850
|
|
|
12851
12851
|
.pf-v6-c-popover:is(.pf-m-top-left,
|
|
12852
12852
|
.pf-m-bottom-left) {
|
|
12853
|
-
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
|
|
12854
|
-
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
|
|
12855
|
-
}
|
|
12856
|
-
|
|
12857
|
-
.pf-v6-c-popover:is(.pf-m-top-right,
|
|
12858
|
-
.pf-m-bottom-right) {
|
|
12859
|
-
--pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
|
|
12860
|
-
--pf-v6-c-popover__arrow--InsetInlineStart: auto;
|
|
12861
|
-
}
|
|
12862
|
-
|
|
12863
|
-
.pf-v6-c-popover.pf-m-danger {
|
|
12864
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
|
|
12865
|
-
}
|
|
12866
|
-
|
|
12867
|
-
.pf-v6-c-popover.pf-m-warning {
|
|
12868
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
|
|
12869
|
-
}
|
|
12870
|
-
|
|
12871
|
-
.pf-v6-c-popover.pf-m-success {
|
|
12872
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
|
|
12873
|
-
}
|
|
12874
|
-
|
|
12875
|
-
.pf-v6-c-popover.pf-m-custom {
|
|
12876
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
|
|
12877
|
-
}
|
|
12878
|
-
|
|
12879
|
-
.pf-v6-c-popover.pf-m-info {
|
|
12880
|
-
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
|
|
12881
|
-
}
|
|
12882
|
-
|
|
12883
|
-
.pf-v6-c-popover__content {
|
|
12884
|
-
position: relative;
|
|
12885
|
-
padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
|
|
12886
|
-
padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
|
|
12887
|
-
padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
|
|
12888
|
-
padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
12889
|
-
background-color: var(--pf-v6-c-popover__content--BackgroundColor);
|
|
12890
|
-
border-radius: var(--pf-v6-c-popover__content--BorderRadius);
|
|
12891
|
-
}
|
|
12892
|
-
|
|
12893
|
-
.pf-v6-c-popover__close {
|
|
12894
|
-
position: absolute;
|
|
12895
|
-
inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
|
|
12896
|
-
inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
|
|
12897
|
-
}
|
|
12898
|
-
|
|
12899
|
-
.pf-v6-c-popover__close + * {
|
|
12900
|
-
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
|
|
12901
|
-
}
|
|
12902
|
-
|
|
12903
|
-
.pf-v6-c-popover__arrow {
|
|
12904
|
-
position: absolute;
|
|
12905
|
-
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
12906
|
-
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12907
|
-
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12908
|
-
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12909
|
-
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12910
|
-
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12911
|
-
pointer-events: none;
|
|
12912
|
-
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12913
|
-
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12914
|
-
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));
|
|
12915
|
-
}
|
|
12916
|
-
|
|
12917
|
-
.pf-v6-c-popover__header {
|
|
12918
|
-
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
12919
|
-
}
|
|
12920
|
-
|
|
12921
|
-
.pf-v6-c-popover__title {
|
|
12922
|
-
display: flex;
|
|
12923
|
-
flex: 0 0 auto;
|
|
12924
|
-
}
|
|
12925
|
-
|
|
12926
|
-
.pf-v6-c-popover__title-icon {
|
|
12927
|
-
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12928
|
-
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12929
|
-
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
12930
|
-
}
|
|
12931
|
-
|
|
12932
|
-
.pf-v6-c-popover__title-text {
|
|
12933
|
-
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12934
|
-
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12935
|
-
color: var(--pf-v6-c-popover__title-text--Color);
|
|
12936
|
-
}
|
|
12937
|
-
|
|
12938
|
-
.pf-v6-c-popover__body {
|
|
12939
|
-
word-wrap: break-word;
|
|
12940
|
-
}
|
|
12941
|
-
|
|
12942
|
-
.pf-v6-c-popover__footer {
|
|
12943
|
-
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12944
|
-
}
|
|
12945
|
-
|
|
12946
|
-
:where(:root, .pf-v6-c-progress) {
|
|
12947
|
-
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12948
|
-
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12949
|
-
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12950
|
-
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
12951
|
-
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
12952
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12953
|
-
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
12954
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
12955
|
-
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
12956
|
-
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
12957
|
-
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
12958
|
-
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
12959
|
-
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12960
|
-
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12961
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12962
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
12963
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
12964
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
12965
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
12966
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
12967
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12968
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12969
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
12970
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12971
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
12972
|
-
}
|
|
12973
|
-
|
|
12974
|
-
.pf-v6-c-progress {
|
|
12975
|
-
display: grid;
|
|
12976
|
-
grid-template-rows: 1fr auto;
|
|
12977
|
-
grid-template-columns: auto auto;
|
|
12978
|
-
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
12979
|
-
align-items: end;
|
|
12980
|
-
}
|
|
12981
|
-
|
|
12982
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
12983
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
12984
|
-
}
|
|
12985
|
-
|
|
12986
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
12987
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
12988
|
-
}
|
|
12989
|
-
|
|
12990
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
12991
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
12992
|
-
}
|
|
12993
|
-
|
|
12994
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
12995
|
-
display: flex;
|
|
12996
|
-
align-items: center;
|
|
12997
|
-
justify-content: center;
|
|
12998
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
12999
|
-
}
|
|
13000
|
-
|
|
13001
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13002
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13003
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13004
|
-
text-align: center;
|
|
13005
|
-
}
|
|
13006
|
-
|
|
13007
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13008
|
-
grid-column: 1/3;
|
|
13009
|
-
}
|
|
13010
|
-
|
|
13011
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13012
|
-
grid-row: 2/3;
|
|
13013
|
-
grid-column: 2/3;
|
|
13014
|
-
align-self: center;
|
|
13015
|
-
}
|
|
13016
|
-
|
|
13017
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13018
|
-
display: inline-block;
|
|
13019
|
-
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13020
|
-
}
|
|
13021
|
-
|
|
13022
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13023
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13024
|
-
text-align: start;
|
|
12853
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
|
|
12854
|
+
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
|
|
13025
12855
|
}
|
|
13026
12856
|
|
|
13027
|
-
.pf-v6-c-
|
|
13028
|
-
.pf-
|
|
13029
|
-
|
|
12857
|
+
.pf-v6-c-popover:is(.pf-m-top-right,
|
|
12858
|
+
.pf-m-bottom-right) {
|
|
12859
|
+
--pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
|
|
12860
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: auto;
|
|
13030
12861
|
}
|
|
13031
12862
|
|
|
13032
|
-
.pf-v6-c-
|
|
13033
|
-
|
|
12863
|
+
.pf-v6-c-popover.pf-m-danger {
|
|
12864
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
|
|
13034
12865
|
}
|
|
13035
12866
|
|
|
13036
|
-
.pf-v6-c-
|
|
13037
|
-
|
|
12867
|
+
.pf-v6-c-popover.pf-m-warning {
|
|
12868
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
|
|
13038
12869
|
}
|
|
13039
12870
|
|
|
13040
|
-
.pf-v6-c-
|
|
13041
|
-
|
|
13042
|
-
grid-column: 1/2;
|
|
12871
|
+
.pf-v6-c-popover.pf-m-success {
|
|
12872
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
|
|
13043
12873
|
}
|
|
13044
12874
|
|
|
13045
|
-
.pf-v6-c-
|
|
13046
|
-
|
|
13047
|
-
grid-column: 2/3;
|
|
12875
|
+
.pf-v6-c-popover.pf-m-custom {
|
|
12876
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
|
|
13048
12877
|
}
|
|
13049
12878
|
|
|
13050
|
-
.pf-v6-c-
|
|
13051
|
-
|
|
12879
|
+
.pf-v6-c-popover.pf-m-info {
|
|
12880
|
+
--pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
|
|
13052
12881
|
}
|
|
13053
12882
|
|
|
13054
|
-
.pf-v6-c-
|
|
13055
|
-
|
|
13056
|
-
|
|
13057
|
-
|
|
12883
|
+
.pf-v6-c-popover__content {
|
|
12884
|
+
position: relative;
|
|
12885
|
+
padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
|
|
12886
|
+
padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
|
|
12887
|
+
padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
|
|
12888
|
+
padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
12889
|
+
background-color: var(--pf-v6-c-popover__content--BackgroundColor);
|
|
12890
|
+
border-radius: var(--pf-v6-c-popover__content--BorderRadius);
|
|
13058
12891
|
}
|
|
13059
12892
|
|
|
13060
|
-
.pf-v6-c-
|
|
13061
|
-
|
|
13062
|
-
|
|
13063
|
-
|
|
12893
|
+
.pf-v6-c-popover__close {
|
|
12894
|
+
position: absolute;
|
|
12895
|
+
inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
|
|
12896
|
+
inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
|
|
13064
12897
|
}
|
|
13065
12898
|
|
|
13066
|
-
.pf-v6-c-
|
|
13067
|
-
|
|
13068
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13069
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
12899
|
+
.pf-v6-c-popover__close + * {
|
|
12900
|
+
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
|
|
13070
12901
|
}
|
|
13071
12902
|
|
|
13072
|
-
.pf-v6-c-
|
|
13073
|
-
|
|
13074
|
-
|
|
12903
|
+
.pf-v6-c-popover__arrow {
|
|
12904
|
+
position: absolute;
|
|
12905
|
+
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
12906
|
+
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12907
|
+
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12908
|
+
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12909
|
+
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12910
|
+
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12911
|
+
pointer-events: none;
|
|
12912
|
+
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12913
|
+
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12914
|
+
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));
|
|
13075
12915
|
}
|
|
13076
12916
|
|
|
13077
|
-
.pf-v6-c-
|
|
13078
|
-
|
|
13079
|
-
text-overflow: ellipsis;
|
|
13080
|
-
white-space: nowrap;
|
|
12917
|
+
.pf-v6-c-popover__header {
|
|
12918
|
+
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
13081
12919
|
}
|
|
13082
12920
|
|
|
13083
|
-
.pf-v6-c-
|
|
12921
|
+
.pf-v6-c-popover__title {
|
|
13084
12922
|
display: flex;
|
|
13085
|
-
|
|
13086
|
-
grid-column: 2/3;
|
|
13087
|
-
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13088
|
-
align-items: flex-start;
|
|
13089
|
-
justify-content: flex-end;
|
|
13090
|
-
text-align: end;
|
|
13091
|
-
word-break: break-word;
|
|
13092
|
-
}
|
|
13093
|
-
|
|
13094
|
-
.pf-v6-c-progress__status-icon {
|
|
13095
|
-
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
12923
|
+
flex: 0 0 auto;
|
|
13096
12924
|
}
|
|
13097
12925
|
|
|
13098
|
-
.pf-v6-c-
|
|
13099
|
-
|
|
13100
|
-
|
|
13101
|
-
|
|
12926
|
+
.pf-v6-c-popover__title-icon {
|
|
12927
|
+
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12928
|
+
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12929
|
+
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
13102
12930
|
}
|
|
13103
12931
|
|
|
13104
|
-
.pf-v6-c-
|
|
13105
|
-
|
|
13106
|
-
|
|
13107
|
-
|
|
13108
|
-
align-self: center;
|
|
13109
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
13110
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
12932
|
+
.pf-v6-c-popover__title-text {
|
|
12933
|
+
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12934
|
+
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12935
|
+
color: var(--pf-v6-c-popover__title-text--Color);
|
|
13111
12936
|
}
|
|
13112
12937
|
|
|
13113
|
-
.pf-v6-c-
|
|
13114
|
-
|
|
13115
|
-
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13116
|
-
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
12938
|
+
.pf-v6-c-popover__body {
|
|
12939
|
+
word-wrap: break-word;
|
|
13117
12940
|
}
|
|
13118
12941
|
|
|
13119
|
-
.pf-v6-c-
|
|
13120
|
-
|
|
13121
|
-
grid-column: 1/3;
|
|
13122
|
-
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
12942
|
+
.pf-v6-c-popover__footer {
|
|
12943
|
+
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
13123
12944
|
}
|
|
13124
12945
|
|
|
13125
12946
|
:where(:root, .pf-v6-c-progress-stepper) {
|
|
@@ -13758,6 +13579,185 @@ ul.pf-v6-c-list {
|
|
|
13758
13579
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
13759
13580
|
}
|
|
13760
13581
|
}
|
|
13582
|
+
:where(:root, .pf-v6-c-progress) {
|
|
13583
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
13584
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13585
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13586
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13587
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13588
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13589
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13590
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13591
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13592
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13593
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
13594
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
13595
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
13596
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
13597
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13598
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
13599
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
13600
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
13601
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
13602
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13603
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13604
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13605
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13606
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13607
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13608
|
+
}
|
|
13609
|
+
|
|
13610
|
+
.pf-v6-c-progress {
|
|
13611
|
+
display: grid;
|
|
13612
|
+
grid-template-rows: 1fr auto;
|
|
13613
|
+
grid-template-columns: auto auto;
|
|
13614
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13615
|
+
align-items: end;
|
|
13616
|
+
}
|
|
13617
|
+
|
|
13618
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
13619
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13620
|
+
}
|
|
13621
|
+
|
|
13622
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13623
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13624
|
+
}
|
|
13625
|
+
|
|
13626
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
13627
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13628
|
+
}
|
|
13629
|
+
|
|
13630
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13631
|
+
display: flex;
|
|
13632
|
+
align-items: center;
|
|
13633
|
+
justify-content: center;
|
|
13634
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13635
|
+
}
|
|
13636
|
+
|
|
13637
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13638
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13639
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13640
|
+
text-align: center;
|
|
13641
|
+
}
|
|
13642
|
+
|
|
13643
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13644
|
+
grid-column: 1/3;
|
|
13645
|
+
}
|
|
13646
|
+
|
|
13647
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13648
|
+
grid-row: 2/3;
|
|
13649
|
+
grid-column: 2/3;
|
|
13650
|
+
align-self: center;
|
|
13651
|
+
}
|
|
13652
|
+
|
|
13653
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13654
|
+
display: inline-block;
|
|
13655
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13656
|
+
}
|
|
13657
|
+
|
|
13658
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13659
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13660
|
+
text-align: start;
|
|
13661
|
+
}
|
|
13662
|
+
|
|
13663
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13664
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13665
|
+
grid-column: 1/2;
|
|
13666
|
+
}
|
|
13667
|
+
|
|
13668
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
13669
|
+
grid-template-rows: 1fr;
|
|
13670
|
+
}
|
|
13671
|
+
|
|
13672
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13673
|
+
display: none;
|
|
13674
|
+
}
|
|
13675
|
+
|
|
13676
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13677
|
+
grid-row: 1/2;
|
|
13678
|
+
grid-column: 1/2;
|
|
13679
|
+
}
|
|
13680
|
+
|
|
13681
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13682
|
+
grid-row: 1/2;
|
|
13683
|
+
grid-column: 2/3;
|
|
13684
|
+
}
|
|
13685
|
+
|
|
13686
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13687
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
13688
|
+
}
|
|
13689
|
+
|
|
13690
|
+
.pf-v6-c-progress.pf-m-success {
|
|
13691
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13692
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13693
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13694
|
+
}
|
|
13695
|
+
|
|
13696
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
13697
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13698
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13699
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13700
|
+
}
|
|
13701
|
+
|
|
13702
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
13703
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13704
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13705
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13706
|
+
}
|
|
13707
|
+
|
|
13708
|
+
.pf-v6-c-progress__description {
|
|
13709
|
+
grid-column: 1/2;
|
|
13710
|
+
word-break: break-word;
|
|
13711
|
+
}
|
|
13712
|
+
|
|
13713
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
13714
|
+
overflow: hidden;
|
|
13715
|
+
text-overflow: ellipsis;
|
|
13716
|
+
white-space: nowrap;
|
|
13717
|
+
}
|
|
13718
|
+
|
|
13719
|
+
.pf-v6-c-progress__status {
|
|
13720
|
+
display: flex;
|
|
13721
|
+
grid-row: 1/2;
|
|
13722
|
+
grid-column: 2/3;
|
|
13723
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13724
|
+
align-items: flex-start;
|
|
13725
|
+
justify-content: flex-end;
|
|
13726
|
+
text-align: end;
|
|
13727
|
+
word-break: break-word;
|
|
13728
|
+
}
|
|
13729
|
+
|
|
13730
|
+
.pf-v6-c-progress__status-icon {
|
|
13731
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
13732
|
+
}
|
|
13733
|
+
|
|
13734
|
+
.pf-v6-c-progress__bar::before,
|
|
13735
|
+
.pf-v6-c-progress__indicator {
|
|
13736
|
+
inset-block-start: 0;
|
|
13737
|
+
inset-inline-start: 0;
|
|
13738
|
+
}
|
|
13739
|
+
|
|
13740
|
+
.pf-v6-c-progress__bar {
|
|
13741
|
+
position: relative;
|
|
13742
|
+
grid-row: 2/3;
|
|
13743
|
+
grid-column: 1/3;
|
|
13744
|
+
align-self: center;
|
|
13745
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
13746
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13747
|
+
}
|
|
13748
|
+
|
|
13749
|
+
.pf-v6-c-progress__indicator {
|
|
13750
|
+
position: absolute;
|
|
13751
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13752
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
13753
|
+
}
|
|
13754
|
+
|
|
13755
|
+
.pf-v6-c-progress__helper-text {
|
|
13756
|
+
grid-row: 3/4;
|
|
13757
|
+
grid-column: 1/3;
|
|
13758
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
13759
|
+
}
|
|
13760
|
+
|
|
13761
13761
|
:where(:root, .pf-v6-c-radio) {
|
|
13762
13762
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13763
13763
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -14322,6 +14322,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14322
14322
|
transform: translateX(100%);
|
|
14323
14323
|
}
|
|
14324
14324
|
}
|
|
14325
|
+
:where(:root, .pf-v6-c-skip-to-content) {
|
|
14326
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14327
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14328
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14329
|
+
}
|
|
14330
|
+
|
|
14331
|
+
.pf-v6-c-skip-to-content {
|
|
14332
|
+
position: absolute;
|
|
14333
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14334
|
+
inset-inline-start: -300%;
|
|
14335
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14336
|
+
}
|
|
14337
|
+
|
|
14338
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
14339
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14340
|
+
}
|
|
14341
|
+
|
|
14325
14342
|
:where(:root, .pf-v6-c-slider) {
|
|
14326
14343
|
--pf-v6-c-slider--value: 0;
|
|
14327
14344
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14559,23 +14576,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14559
14576
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14560
14577
|
}
|
|
14561
14578
|
|
|
14562
|
-
:where(:root, .pf-v6-c-skip-to-content) {
|
|
14563
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14564
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14565
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14566
|
-
}
|
|
14567
|
-
|
|
14568
|
-
.pf-v6-c-skip-to-content {
|
|
14569
|
-
position: absolute;
|
|
14570
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14571
|
-
inset-inline-start: -300%;
|
|
14572
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14573
|
-
}
|
|
14574
|
-
|
|
14575
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
14576
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14577
|
-
}
|
|
14578
|
-
|
|
14579
14579
|
:where(:root, .pf-v6-c-spinner) {
|
|
14580
14580
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14581
14581
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
@@ -14612,51 +14612,213 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14612
14612
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14613
14613
|
}
|
|
14614
14614
|
|
|
14615
|
-
.pf-v6-c-spinner.pf-m-lg {
|
|
14616
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14615
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14616
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14617
|
+
}
|
|
14618
|
+
|
|
14619
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14620
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14621
|
+
}
|
|
14622
|
+
|
|
14623
|
+
.pf-v6-c-spinner__path {
|
|
14624
|
+
width: 100%;
|
|
14625
|
+
height: 100%;
|
|
14626
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14627
|
+
stroke-dasharray: 283;
|
|
14628
|
+
stroke-dashoffset: 280;
|
|
14629
|
+
stroke-linecap: round;
|
|
14630
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14631
|
+
transform-origin: 50% 50%;
|
|
14632
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14633
|
+
}
|
|
14634
|
+
|
|
14635
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14636
|
+
0% {
|
|
14637
|
+
transform: rotate(0deg);
|
|
14638
|
+
}
|
|
14639
|
+
100% {
|
|
14640
|
+
transform: rotate(360deg);
|
|
14641
|
+
}
|
|
14642
|
+
}
|
|
14643
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14644
|
+
0% {
|
|
14645
|
+
stroke-dashoffset: 280;
|
|
14646
|
+
transform: rotate(0);
|
|
14647
|
+
}
|
|
14648
|
+
15% {
|
|
14649
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14650
|
+
}
|
|
14651
|
+
40% {
|
|
14652
|
+
stroke-dasharray: 220;
|
|
14653
|
+
stroke-dashoffset: 150;
|
|
14654
|
+
}
|
|
14655
|
+
100% {
|
|
14656
|
+
stroke-dashoffset: 280;
|
|
14657
|
+
transform: rotate(720deg);
|
|
14658
|
+
}
|
|
14659
|
+
}
|
|
14660
|
+
:where(:root, .pf-v6-c-switch) {
|
|
14661
|
+
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14662
|
+
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14663
|
+
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
14664
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
14665
|
+
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
14666
|
+
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
14667
|
+
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14668
|
+
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14669
|
+
--pf-v6-c-switch--Height: auto;
|
|
14670
|
+
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14671
|
+
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14672
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
14673
|
+
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
14674
|
+
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
14675
|
+
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14676
|
+
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14677
|
+
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14678
|
+
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14679
|
+
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14680
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14681
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14682
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14683
|
+
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14684
|
+
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14685
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14686
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14687
|
+
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14688
|
+
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14689
|
+
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14690
|
+
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14691
|
+
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14692
|
+
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14693
|
+
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14694
|
+
}
|
|
14695
|
+
|
|
14696
|
+
.pf-v6-c-switch {
|
|
14697
|
+
position: relative;
|
|
14698
|
+
display: inline-grid;
|
|
14699
|
+
grid-template-columns: auto;
|
|
14700
|
+
grid-auto-columns: 1fr;
|
|
14701
|
+
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14702
|
+
height: var(--pf-v6-c-switch--Height);
|
|
14703
|
+
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14704
|
+
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14705
|
+
vertical-align: middle;
|
|
14706
|
+
cursor: pointer;
|
|
14707
|
+
}
|
|
14708
|
+
|
|
14709
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14710
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14711
|
+
grid-row: 1;
|
|
14712
|
+
}
|
|
14713
|
+
|
|
14714
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14715
|
+
grid-column: 1;
|
|
14716
|
+
}
|
|
14717
|
+
|
|
14718
|
+
.pf-v6-c-switch__input {
|
|
14719
|
+
position: absolute;
|
|
14720
|
+
cursor: pointer;
|
|
14721
|
+
opacity: 0;
|
|
14722
|
+
}
|
|
14723
|
+
|
|
14724
|
+
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
14725
|
+
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
14726
|
+
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
14727
|
+
}
|
|
14728
|
+
|
|
14729
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
14730
|
+
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
14731
|
+
}
|
|
14732
|
+
|
|
14733
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
14734
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
14735
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
14736
|
+
}
|
|
14737
|
+
|
|
14738
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14739
|
+
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
14740
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
14741
|
+
}
|
|
14742
|
+
|
|
14743
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14744
|
+
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
14745
|
+
}
|
|
14746
|
+
|
|
14747
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
14748
|
+
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
14749
|
+
}
|
|
14750
|
+
|
|
14751
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
14752
|
+
display: none;
|
|
14753
|
+
}
|
|
14754
|
+
|
|
14755
|
+
.pf-v6-c-switch__input:disabled {
|
|
14756
|
+
cursor: not-allowed;
|
|
14757
|
+
}
|
|
14758
|
+
|
|
14759
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
14760
|
+
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
14761
|
+
cursor: not-allowed;
|
|
14762
|
+
}
|
|
14763
|
+
|
|
14764
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
14765
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
14766
|
+
cursor: not-allowed;
|
|
14767
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
14768
|
+
}
|
|
14769
|
+
|
|
14770
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
14771
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
14772
|
+
}
|
|
14773
|
+
|
|
14774
|
+
.pf-v6-c-switch__toggle {
|
|
14775
|
+
position: relative;
|
|
14776
|
+
display: inline-block;
|
|
14777
|
+
width: var(--pf-v6-c-switch__toggle--Width);
|
|
14778
|
+
height: var(--pf-v6-c-switch__toggle--Height);
|
|
14779
|
+
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
14780
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14781
|
+
}
|
|
14782
|
+
|
|
14783
|
+
.pf-v6-c-switch__toggle::before {
|
|
14784
|
+
position: absolute;
|
|
14785
|
+
inset-block-start: 50%;
|
|
14786
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
14787
|
+
display: block;
|
|
14788
|
+
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14789
|
+
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
14790
|
+
content: "";
|
|
14791
|
+
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
14792
|
+
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
14793
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
14794
|
+
transform: translateY(-50%);
|
|
14795
|
+
}
|
|
14796
|
+
|
|
14797
|
+
.pf-v6-c-switch__toggle::after {
|
|
14798
|
+
position: absolute;
|
|
14799
|
+
inset: 0;
|
|
14800
|
+
content: "";
|
|
14801
|
+
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
14802
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14617
14803
|
}
|
|
14618
14804
|
|
|
14619
|
-
.pf-v6-c-
|
|
14620
|
-
|
|
14805
|
+
.pf-v6-c-switch__toggle-icon {
|
|
14806
|
+
position: absolute;
|
|
14807
|
+
inset-block-start: 0;
|
|
14808
|
+
inset-block-end: 0;
|
|
14809
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
14810
|
+
display: flex;
|
|
14811
|
+
align-items: center;
|
|
14812
|
+
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
14813
|
+
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
14621
14814
|
}
|
|
14622
14815
|
|
|
14623
|
-
.pf-v6-c-
|
|
14624
|
-
|
|
14625
|
-
|
|
14626
|
-
|
|
14627
|
-
stroke-dasharray: 283;
|
|
14628
|
-
stroke-dashoffset: 280;
|
|
14629
|
-
stroke-linecap: round;
|
|
14630
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14631
|
-
transform-origin: 50% 50%;
|
|
14632
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14816
|
+
.pf-v6-c-switch__label {
|
|
14817
|
+
display: inline-block;
|
|
14818
|
+
grid-column: 2;
|
|
14819
|
+
vertical-align: top;
|
|
14633
14820
|
}
|
|
14634
14821
|
|
|
14635
|
-
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14636
|
-
0% {
|
|
14637
|
-
transform: rotate(0deg);
|
|
14638
|
-
}
|
|
14639
|
-
100% {
|
|
14640
|
-
transform: rotate(360deg);
|
|
14641
|
-
}
|
|
14642
|
-
}
|
|
14643
|
-
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14644
|
-
0% {
|
|
14645
|
-
stroke-dashoffset: 280;
|
|
14646
|
-
transform: rotate(0);
|
|
14647
|
-
}
|
|
14648
|
-
15% {
|
|
14649
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14650
|
-
}
|
|
14651
|
-
40% {
|
|
14652
|
-
stroke-dasharray: 220;
|
|
14653
|
-
stroke-dashoffset: 150;
|
|
14654
|
-
}
|
|
14655
|
-
100% {
|
|
14656
|
-
stroke-dashoffset: 280;
|
|
14657
|
-
transform: rotate(720deg);
|
|
14658
|
-
}
|
|
14659
|
-
}
|
|
14660
14822
|
:where(:root, .pf-v6-c-tabs) {
|
|
14661
14823
|
--pf-v6-c-tabs--inset: 0;
|
|
14662
14824
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -15580,168 +15742,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15580
15742
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15581
15743
|
}
|
|
15582
15744
|
|
|
15583
|
-
:where(:root, .pf-v6-c-switch) {
|
|
15584
|
-
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
15585
|
-
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15586
|
-
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
15587
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
15588
|
-
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
15589
|
-
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
15590
|
-
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15591
|
-
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15592
|
-
--pf-v6-c-switch--Height: auto;
|
|
15593
|
-
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15594
|
-
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15595
|
-
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
15596
|
-
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15597
|
-
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15598
|
-
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15599
|
-
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15600
|
-
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15601
|
-
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15602
|
-
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
15603
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
15604
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
15605
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
15606
|
-
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
15607
|
-
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15608
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
15609
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15610
|
-
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15611
|
-
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15612
|
-
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15613
|
-
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15614
|
-
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15615
|
-
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
15616
|
-
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
15617
|
-
}
|
|
15618
|
-
|
|
15619
|
-
.pf-v6-c-switch {
|
|
15620
|
-
position: relative;
|
|
15621
|
-
display: inline-grid;
|
|
15622
|
-
grid-template-columns: auto;
|
|
15623
|
-
grid-auto-columns: 1fr;
|
|
15624
|
-
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
15625
|
-
height: var(--pf-v6-c-switch--Height);
|
|
15626
|
-
font-size: var(--pf-v6-c-switch--FontSize);
|
|
15627
|
-
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
15628
|
-
vertical-align: middle;
|
|
15629
|
-
cursor: pointer;
|
|
15630
|
-
}
|
|
15631
|
-
|
|
15632
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
15633
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
15634
|
-
grid-row: 1;
|
|
15635
|
-
}
|
|
15636
|
-
|
|
15637
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
15638
|
-
grid-column: 1;
|
|
15639
|
-
}
|
|
15640
|
-
|
|
15641
|
-
.pf-v6-c-switch__input {
|
|
15642
|
-
position: absolute;
|
|
15643
|
-
cursor: pointer;
|
|
15644
|
-
opacity: 0;
|
|
15645
|
-
}
|
|
15646
|
-
|
|
15647
|
-
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
15648
|
-
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
15649
|
-
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
15650
|
-
}
|
|
15651
|
-
|
|
15652
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
15653
|
-
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
15654
|
-
}
|
|
15655
|
-
|
|
15656
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15657
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15658
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15659
|
-
}
|
|
15660
|
-
|
|
15661
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15662
|
-
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
15663
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
15664
|
-
}
|
|
15665
|
-
|
|
15666
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15667
|
-
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
15668
|
-
}
|
|
15669
|
-
|
|
15670
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
15671
|
-
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
15672
|
-
}
|
|
15673
|
-
|
|
15674
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
15675
|
-
display: none;
|
|
15676
|
-
}
|
|
15677
|
-
|
|
15678
|
-
.pf-v6-c-switch__input:disabled {
|
|
15679
|
-
cursor: not-allowed;
|
|
15680
|
-
}
|
|
15681
|
-
|
|
15682
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
15683
|
-
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
15684
|
-
cursor: not-allowed;
|
|
15685
|
-
}
|
|
15686
|
-
|
|
15687
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15688
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15689
|
-
cursor: not-allowed;
|
|
15690
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15691
|
-
}
|
|
15692
|
-
|
|
15693
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
15694
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
15695
|
-
}
|
|
15696
|
-
|
|
15697
|
-
.pf-v6-c-switch__toggle {
|
|
15698
|
-
position: relative;
|
|
15699
|
-
display: inline-block;
|
|
15700
|
-
width: var(--pf-v6-c-switch__toggle--Width);
|
|
15701
|
-
height: var(--pf-v6-c-switch__toggle--Height);
|
|
15702
|
-
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
15703
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15704
|
-
}
|
|
15705
|
-
|
|
15706
|
-
.pf-v6-c-switch__toggle::before {
|
|
15707
|
-
position: absolute;
|
|
15708
|
-
inset-block-start: 50%;
|
|
15709
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
15710
|
-
display: block;
|
|
15711
|
-
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15712
|
-
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15713
|
-
content: "";
|
|
15714
|
-
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15715
|
-
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15716
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15717
|
-
transform: translateY(-50%);
|
|
15718
|
-
}
|
|
15719
|
-
|
|
15720
|
-
.pf-v6-c-switch__toggle::after {
|
|
15721
|
-
position: absolute;
|
|
15722
|
-
inset: 0;
|
|
15723
|
-
content: "";
|
|
15724
|
-
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
15725
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15726
|
-
}
|
|
15727
|
-
|
|
15728
|
-
.pf-v6-c-switch__toggle-icon {
|
|
15729
|
-
position: absolute;
|
|
15730
|
-
inset-block-start: 0;
|
|
15731
|
-
inset-block-end: 0;
|
|
15732
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
15733
|
-
display: flex;
|
|
15734
|
-
align-items: center;
|
|
15735
|
-
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
15736
|
-
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
15737
|
-
}
|
|
15738
|
-
|
|
15739
|
-
.pf-v6-c-switch__label {
|
|
15740
|
-
display: inline-block;
|
|
15741
|
-
grid-column: 2;
|
|
15742
|
-
vertical-align: top;
|
|
15743
|
-
}
|
|
15744
|
-
|
|
15745
15745
|
:where(:root, .pf-v6-c-tile) {
|
|
15746
15746
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15747
15747
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -19576,6 +19576,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19576
19576
|
margin: 0;
|
|
19577
19577
|
}
|
|
19578
19578
|
|
|
19579
|
+
:where(:root, .pf-v6-l-level) {
|
|
19580
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
19581
|
+
}
|
|
19582
|
+
|
|
19583
|
+
.pf-v6-l-level {
|
|
19584
|
+
display: flex;
|
|
19585
|
+
flex-wrap: wrap;
|
|
19586
|
+
align-items: center;
|
|
19587
|
+
justify-content: space-between;
|
|
19588
|
+
}
|
|
19589
|
+
|
|
19590
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
19591
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
19592
|
+
}
|
|
19593
|
+
|
|
19579
19594
|
:where(:root, .pf-v6-l-flex) {
|
|
19580
19595
|
--pf-v6-l-flex--Display: flex;
|
|
19581
19596
|
--pf-v6-l-flex--FlexWrap: wrap;
|
|
@@ -22144,21 +22159,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22144
22159
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
|
|
22145
22160
|
}
|
|
22146
22161
|
}
|
|
22147
|
-
:where(:root, .pf-v6-l-level) {
|
|
22148
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
22149
|
-
}
|
|
22150
|
-
|
|
22151
|
-
.pf-v6-l-level {
|
|
22152
|
-
display: flex;
|
|
22153
|
-
flex-wrap: wrap;
|
|
22154
|
-
align-items: center;
|
|
22155
|
-
justify-content: space-between;
|
|
22156
|
-
}
|
|
22157
|
-
|
|
22158
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
22159
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22160
|
-
}
|
|
22161
|
-
|
|
22162
22162
|
:where(:root, .pf-v6-l-grid) {
|
|
22163
22163
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
|
|
22164
22164
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|