@patternfly/react-templates 6.0.0-alpha.33 → 6.0.0-alpha.34
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.
|
@@ -4,88 +4,6 @@
|
|
|
4
4
|
pointer-events: none;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
:where(:root, .pf-v6-c-check) {
|
|
8
|
-
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
9
|
-
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
10
|
-
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
11
|
-
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
12
|
-
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
13
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
14
|
-
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
15
|
-
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16
|
-
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17
|
-
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
18
|
-
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
19
|
-
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
20
|
-
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
21
|
-
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.pf-v6-c-check {
|
|
25
|
-
display: grid;
|
|
26
|
-
grid-template-columns: auto 1fr;
|
|
27
|
-
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
28
|
-
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
32
|
-
display: inline-grid;
|
|
33
|
-
grid-template-columns: auto;
|
|
34
|
-
min-height: var(--pf-v6-c-check--MinHeight);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
38
|
-
align-self: center;
|
|
39
|
-
transform: none;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.pf-v6-c-check__input {
|
|
43
|
-
align-self: start;
|
|
44
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
45
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
46
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.pf-v6-c-check__label {
|
|
50
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
51
|
-
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
52
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
53
|
-
color: var(--pf-v6-c-check__label--Color);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.pf-v6-c-check__description {
|
|
57
|
-
grid-column: 2;
|
|
58
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
59
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.pf-v6-c-check__body {
|
|
63
|
-
grid-column: 2;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.pf-v6-c-check__label,
|
|
67
|
-
.pf-v6-c-check__input {
|
|
68
|
-
justify-self: start;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
72
|
-
.pf-v6-c-check__input {
|
|
73
|
-
cursor: pointer;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
77
|
-
.pf-v6-c-check__input:disabled,
|
|
78
|
-
.pf-v6-c-check__input.pf-m-disabled {
|
|
79
|
-
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
80
|
-
cursor: not-allowed;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.pf-v6-c-check__label-required {
|
|
84
|
-
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
85
|
-
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
86
|
-
color: var(--pf-v6-c-check__label-required--Color);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
7
|
:where(:root, .pf-v6-c-menu-toggle) {
|
|
90
8
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
91
9
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -517,6 +435,88 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
517
435
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
518
436
|
}
|
|
519
437
|
|
|
438
|
+
:where(:root, .pf-v6-c-check) {
|
|
439
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
440
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
441
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
442
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
443
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
444
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
445
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
446
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
447
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
448
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
449
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
450
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
451
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
452
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.pf-v6-c-check {
|
|
456
|
+
display: grid;
|
|
457
|
+
grid-template-columns: auto 1fr;
|
|
458
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
459
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
463
|
+
display: inline-grid;
|
|
464
|
+
grid-template-columns: auto;
|
|
465
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
469
|
+
align-self: center;
|
|
470
|
+
transform: none;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.pf-v6-c-check__input {
|
|
474
|
+
align-self: start;
|
|
475
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
476
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
477
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.pf-v6-c-check__label {
|
|
481
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
482
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
483
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
484
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
.pf-v6-c-check__description {
|
|
488
|
+
grid-column: 2;
|
|
489
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
490
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
.pf-v6-c-check__body {
|
|
494
|
+
grid-column: 2;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
.pf-v6-c-check__label,
|
|
498
|
+
.pf-v6-c-check__input {
|
|
499
|
+
justify-self: start;
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
503
|
+
.pf-v6-c-check__input {
|
|
504
|
+
cursor: pointer;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
508
|
+
.pf-v6-c-check__input:disabled,
|
|
509
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
510
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
511
|
+
cursor: not-allowed;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.pf-v6-c-check__label-required {
|
|
515
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
516
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
517
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
518
|
+
}
|
|
519
|
+
|
|
520
520
|
:where(:root, .pf-v6-c-divider) {
|
|
521
521
|
--pf-v6-c-divider--Display: flex;
|
|
522
522
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
@@ -2617,226 +2617,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2617
2617
|
align-items: center;
|
|
2618
2618
|
}
|
|
2619
2619
|
|
|
2620
|
-
:where(:root, .pf-v6-c-calendar-month) {
|
|
2621
|
-
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2622
|
-
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2623
|
-
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2624
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2625
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2626
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2627
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2628
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
2629
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2630
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2631
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2632
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2633
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2634
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2635
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
2636
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2637
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2638
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2639
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2640
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2641
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2642
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2643
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2644
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2645
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2646
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
2647
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
2648
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2649
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
2650
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2651
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2652
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2653
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2654
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2655
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
2656
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2657
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2658
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2659
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2660
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2661
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2662
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2663
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2664
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2665
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2666
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2667
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2668
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2669
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2670
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2671
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2672
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2673
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2674
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2675
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2676
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2677
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2678
|
-
}
|
|
2679
|
-
|
|
2680
|
-
.pf-v6-c-calendar-month {
|
|
2681
|
-
display: inline-flex;
|
|
2682
|
-
flex-direction: column;
|
|
2683
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
2684
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
2685
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
2686
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
2687
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2688
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2689
|
-
}
|
|
2690
|
-
|
|
2691
|
-
.pf-v6-c-calendar-month__header {
|
|
2692
|
-
display: flex;
|
|
2693
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
2694
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
2695
|
-
}
|
|
2696
|
-
|
|
2697
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
2698
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
2699
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2700
|
-
}
|
|
2701
|
-
|
|
2702
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
2703
|
-
scale: -1 1;
|
|
2704
|
-
}
|
|
2705
|
-
|
|
2706
|
-
.pf-v6-c-calendar-month__header-month {
|
|
2707
|
-
flex-grow: 1;
|
|
2708
|
-
}
|
|
2709
|
-
|
|
2710
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
2711
|
-
width: 100%;
|
|
2712
|
-
}
|
|
2713
|
-
|
|
2714
|
-
.pf-v6-c-calendar-month__header-year {
|
|
2715
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
2716
|
-
}
|
|
2717
|
-
|
|
2718
|
-
.pf-v6-c-calendar-month__calendar {
|
|
2719
|
-
table-layout: fixed;
|
|
2720
|
-
}
|
|
2721
|
-
|
|
2722
|
-
.pf-v6-c-calendar-month__days {
|
|
2723
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
2724
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
2725
|
-
}
|
|
2726
|
-
|
|
2727
|
-
.pf-v6-c-calendar-month__day {
|
|
2728
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
2729
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
2730
|
-
text-align: center;
|
|
2731
|
-
}
|
|
2732
|
-
|
|
2733
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2734
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2735
|
-
}
|
|
2736
|
-
|
|
2737
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
2738
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2739
|
-
position: relative;
|
|
2740
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2741
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2742
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2743
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2744
|
-
text-align: center;
|
|
2745
|
-
}
|
|
2746
|
-
|
|
2747
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2748
|
-
position: absolute;
|
|
2749
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2750
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2751
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2752
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2753
|
-
content: "";
|
|
2754
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2755
|
-
}
|
|
2756
|
-
|
|
2757
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2758
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2759
|
-
}
|
|
2760
|
-
|
|
2761
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2762
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2763
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2764
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2765
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2766
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2767
|
-
}
|
|
2768
|
-
|
|
2769
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
2770
|
-
--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);
|
|
2771
|
-
}
|
|
2772
|
-
|
|
2773
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
2774
|
-
--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);
|
|
2775
|
-
}
|
|
2776
|
-
|
|
2777
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
2778
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
2779
|
-
}
|
|
2780
|
-
|
|
2781
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2782
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2783
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2784
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2785
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2786
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2787
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2788
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2789
|
-
}
|
|
2790
|
-
|
|
2791
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2792
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2793
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2794
|
-
}
|
|
2795
|
-
|
|
2796
|
-
.pf-v6-c-calendar-month__date {
|
|
2797
|
-
position: relative;
|
|
2798
|
-
display: inline-flex;
|
|
2799
|
-
align-items: center;
|
|
2800
|
-
justify-content: center;
|
|
2801
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2802
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2803
|
-
line-height: 1;
|
|
2804
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2805
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2806
|
-
border: 0;
|
|
2807
|
-
}
|
|
2808
|
-
|
|
2809
|
-
.pf-v6-c-calendar-month__date::after {
|
|
2810
|
-
position: absolute;
|
|
2811
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2812
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2813
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2814
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2815
|
-
content: "";
|
|
2816
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2817
|
-
}
|
|
2818
|
-
|
|
2819
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2820
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2821
|
-
}
|
|
2822
|
-
|
|
2823
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2824
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2825
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
2826
|
-
}
|
|
2827
|
-
|
|
2828
|
-
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2829
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2830
|
-
outline: 0;
|
|
2831
|
-
}
|
|
2832
|
-
|
|
2833
|
-
.pf-v6-c-calendar-month__date:disabled {
|
|
2834
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2835
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2836
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2837
|
-
pointer-events: none;
|
|
2838
|
-
}
|
|
2839
|
-
|
|
2840
2620
|
:where(:root, .pf-v6-c-card) {
|
|
2841
2621
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2842
2622
|
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -3191,68 +2971,288 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3191
2971
|
color: var(--pf-v6-c-card__footer--Color);
|
|
3192
2972
|
}
|
|
3193
2973
|
|
|
3194
|
-
:where(:root, .pf-v6-c-
|
|
3195
|
-
--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-
|
|
3211
|
-
--pf-v6-c-
|
|
3212
|
-
--pf-v6-c-
|
|
3213
|
-
--pf-v6-c-
|
|
3214
|
-
--pf-v6-c-
|
|
3215
|
-
--pf-v6-c-
|
|
3216
|
-
--pf-v6-c-
|
|
3217
|
-
--pf-v6-c-
|
|
3218
|
-
--pf-v6-c-
|
|
3219
|
-
--pf-v6-c-
|
|
2974
|
+
:where(:root, .pf-v6-c-calendar-month) {
|
|
2975
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2976
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2977
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2978
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2979
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2980
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2981
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2982
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
2983
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2984
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2985
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2986
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2987
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2988
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2989
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
|
|
2990
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2991
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2992
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2993
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2994
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2995
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2996
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2997
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2998
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2999
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3000
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
3001
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
3002
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3003
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
3004
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
3005
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3006
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
3007
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3008
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
3009
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
3010
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3011
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3012
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3013
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3014
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
3015
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
3016
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
3017
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
3018
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
3019
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3020
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
3021
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
3022
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3023
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
3024
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
3025
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3026
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3027
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3028
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
3029
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3030
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3031
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
3220
3032
|
}
|
|
3221
3033
|
|
|
3222
|
-
.pf-v6-c-
|
|
3223
|
-
|
|
3034
|
+
.pf-v6-c-calendar-month {
|
|
3035
|
+
display: inline-flex;
|
|
3036
|
+
flex-direction: column;
|
|
3037
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
3038
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
3039
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
3040
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
3041
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
3042
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
3224
3043
|
}
|
|
3225
3044
|
|
|
3226
|
-
.pf-v6-c-
|
|
3227
|
-
display:
|
|
3228
|
-
|
|
3229
|
-
|
|
3230
|
-
white-space: nowrap;
|
|
3231
|
-
background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
|
|
3045
|
+
.pf-v6-c-calendar-month__header {
|
|
3046
|
+
display: flex;
|
|
3047
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
3048
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
3232
3049
|
}
|
|
3233
3050
|
|
|
3234
|
-
.pf-v6-c-
|
|
3235
|
-
|
|
3051
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
3052
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
3053
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
3236
3054
|
}
|
|
3237
3055
|
|
|
3238
|
-
.pf-v6-c-
|
|
3239
|
-
|
|
3240
|
-
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
3056
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
3057
|
+
scale: -1 1;
|
|
3241
3058
|
}
|
|
3242
3059
|
|
|
3243
|
-
.pf-v6-c-
|
|
3244
|
-
|
|
3060
|
+
.pf-v6-c-calendar-month__header-month {
|
|
3061
|
+
flex-grow: 1;
|
|
3245
3062
|
}
|
|
3246
3063
|
|
|
3247
|
-
.pf-v6-c-
|
|
3248
|
-
|
|
3064
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
3065
|
+
width: 100%;
|
|
3249
3066
|
}
|
|
3250
3067
|
|
|
3251
|
-
|
|
3252
|
-
|
|
3068
|
+
.pf-v6-c-calendar-month__header-year {
|
|
3069
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
3253
3070
|
}
|
|
3254
3071
|
|
|
3255
|
-
.pf-v6-c-
|
|
3072
|
+
.pf-v6-c-calendar-month__calendar {
|
|
3073
|
+
table-layout: fixed;
|
|
3074
|
+
}
|
|
3075
|
+
|
|
3076
|
+
.pf-v6-c-calendar-month__days {
|
|
3077
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
3078
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
3079
|
+
}
|
|
3080
|
+
|
|
3081
|
+
.pf-v6-c-calendar-month__day {
|
|
3082
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
3083
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
3084
|
+
text-align: center;
|
|
3085
|
+
}
|
|
3086
|
+
|
|
3087
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
3088
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
3089
|
+
}
|
|
3090
|
+
|
|
3091
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
3092
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3093
|
+
position: relative;
|
|
3094
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3095
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3096
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
3097
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
3098
|
+
text-align: center;
|
|
3099
|
+
}
|
|
3100
|
+
|
|
3101
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
3102
|
+
position: absolute;
|
|
3103
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
3104
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
3105
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
3106
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
3107
|
+
content: "";
|
|
3108
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
3109
|
+
}
|
|
3110
|
+
|
|
3111
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
3112
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
3113
|
+
}
|
|
3114
|
+
|
|
3115
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
3116
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
3117
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
3118
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
3119
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
3120
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
3121
|
+
}
|
|
3122
|
+
|
|
3123
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
3124
|
+
--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);
|
|
3125
|
+
}
|
|
3126
|
+
|
|
3127
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
3128
|
+
--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);
|
|
3129
|
+
}
|
|
3130
|
+
|
|
3131
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
3132
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
3133
|
+
}
|
|
3134
|
+
|
|
3135
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
3136
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
3137
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
3138
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
3139
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
3140
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
3141
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
3142
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
3143
|
+
}
|
|
3144
|
+
|
|
3145
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
3146
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3147
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3148
|
+
}
|
|
3149
|
+
|
|
3150
|
+
.pf-v6-c-calendar-month__date {
|
|
3151
|
+
position: relative;
|
|
3152
|
+
display: inline-flex;
|
|
3153
|
+
align-items: center;
|
|
3154
|
+
justify-content: center;
|
|
3155
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
3156
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
3157
|
+
line-height: 1;
|
|
3158
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
3159
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
3160
|
+
border: 0;
|
|
3161
|
+
}
|
|
3162
|
+
|
|
3163
|
+
.pf-v6-c-calendar-month__date::after {
|
|
3164
|
+
position: absolute;
|
|
3165
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3166
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3167
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3168
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3169
|
+
content: "";
|
|
3170
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
3171
|
+
}
|
|
3172
|
+
|
|
3173
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
3174
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
3175
|
+
}
|
|
3176
|
+
|
|
3177
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
3178
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
3179
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
3180
|
+
}
|
|
3181
|
+
|
|
3182
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
3183
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
3184
|
+
outline: 0;
|
|
3185
|
+
}
|
|
3186
|
+
|
|
3187
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
3188
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
3189
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
3190
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
3191
|
+
pointer-events: none;
|
|
3192
|
+
}
|
|
3193
|
+
|
|
3194
|
+
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
3195
|
+
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3196
|
+
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3197
|
+
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
3198
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
3199
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
3200
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
3201
|
+
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3202
|
+
--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3203
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3204
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3205
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
|
|
3206
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
|
|
3207
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
|
|
3208
|
+
--pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
3209
|
+
--pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
3210
|
+
--pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
|
|
3211
|
+
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
3212
|
+
--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
3213
|
+
--pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3214
|
+
--pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
|
|
3215
|
+
--pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
3216
|
+
--pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
|
|
3217
|
+
--pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
3218
|
+
--pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
|
|
3219
|
+
--pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
|
|
3220
|
+
}
|
|
3221
|
+
|
|
3222
|
+
.pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
|
|
3223
|
+
transform: rotate(var(--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
|
|
3224
|
+
}
|
|
3225
|
+
|
|
3226
|
+
.pf-v6-c-clipboard-copy.pf-m-inline {
|
|
3227
|
+
display: inline;
|
|
3228
|
+
padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
|
|
3229
|
+
padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
|
|
3230
|
+
white-space: nowrap;
|
|
3231
|
+
background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
|
|
3232
|
+
}
|
|
3233
|
+
|
|
3234
|
+
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
3235
|
+
display: block;
|
|
3236
|
+
}
|
|
3237
|
+
|
|
3238
|
+
.pf-v6-c-clipboard-copy__group {
|
|
3239
|
+
display: flex;
|
|
3240
|
+
gap: var(--pf-v6-c-clipboard-copy__group--Gap);
|
|
3241
|
+
}
|
|
3242
|
+
|
|
3243
|
+
.pf-v6-c-clipboard-copy__group > * + * {
|
|
3244
|
+
margin-inline-start: -1px;
|
|
3245
|
+
}
|
|
3246
|
+
|
|
3247
|
+
.pf-v6-c-clipboard-copy__toggle-icon {
|
|
3248
|
+
transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
|
|
3249
|
+
}
|
|
3250
|
+
|
|
3251
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
|
|
3252
|
+
scale: -1 1;
|
|
3253
|
+
}
|
|
3254
|
+
|
|
3255
|
+
.pf-v6-c-clipboard-copy__expandable-content {
|
|
3256
3256
|
padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
|
|
3257
3257
|
padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
|
|
3258
3258
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
@@ -7450,78 +7450,156 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7450
7450
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7451
7451
|
}
|
|
7452
7452
|
|
|
7453
|
-
:where(:root, .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
|
-
|
|
7475
|
-
|
|
7476
|
-
|
|
7477
|
-
|
|
7478
|
-
--pf-v6-c-
|
|
7479
|
-
|
|
7480
|
-
|
|
7481
|
-
|
|
7482
|
-
|
|
7483
|
-
|
|
7484
|
-
|
|
7485
|
-
--pf-v6-c-
|
|
7486
|
-
--pf-v6-c-
|
|
7487
|
-
--pf-v6-c-
|
|
7488
|
-
--pf-v6-c-
|
|
7489
|
-
|
|
7490
|
-
|
|
7491
|
-
|
|
7492
|
-
|
|
7493
|
-
|
|
7494
|
-
|
|
7495
|
-
|
|
7496
|
-
--pf-v6-c-
|
|
7497
|
-
--pf-v6-c-
|
|
7498
|
-
--pf-v6-c-
|
|
7499
|
-
--pf-v6-c-
|
|
7500
|
-
|
|
7501
|
-
|
|
7502
|
-
|
|
7503
|
-
|
|
7504
|
-
--pf-v6-c-
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
|
|
7508
|
-
--pf-v6-c-
|
|
7509
|
-
|
|
7510
|
-
|
|
7511
|
-
|
|
7512
|
-
|
|
7513
|
-
|
|
7514
|
-
|
|
7515
|
-
|
|
7516
|
-
|
|
7517
|
-
|
|
7518
|
-
|
|
7519
|
-
|
|
7520
|
-
|
|
7521
|
-
|
|
7522
|
-
|
|
7523
|
-
|
|
7524
|
-
|
|
7453
|
+
:where(:root, .pf-v6-c-input-group) {
|
|
7454
|
+
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7455
|
+
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7456
|
+
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7457
|
+
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7458
|
+
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7459
|
+
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7460
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7461
|
+
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7462
|
+
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7463
|
+
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7464
|
+
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7465
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7466
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7467
|
+
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7468
|
+
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7469
|
+
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7470
|
+
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7471
|
+
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7472
|
+
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7473
|
+
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7474
|
+
}
|
|
7475
|
+
|
|
7476
|
+
.pf-v6-c-input-group {
|
|
7477
|
+
display: flex;
|
|
7478
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7479
|
+
width: 100%;
|
|
7480
|
+
}
|
|
7481
|
+
|
|
7482
|
+
.pf-v6-c-input-group__item {
|
|
7483
|
+
position: relative;
|
|
7484
|
+
display: flex;
|
|
7485
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7486
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7487
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7488
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7489
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7490
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7491
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7492
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7493
|
+
}
|
|
7494
|
+
|
|
7495
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7496
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7497
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7498
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7499
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7500
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7501
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7502
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7503
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7504
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7505
|
+
}
|
|
7506
|
+
|
|
7507
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7508
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7509
|
+
border: none;
|
|
7510
|
+
}
|
|
7511
|
+
|
|
7512
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7513
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7514
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7515
|
+
}
|
|
7516
|
+
|
|
7517
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7518
|
+
flex-grow: 1;
|
|
7519
|
+
}
|
|
7520
|
+
|
|
7521
|
+
.pf-v6-c-input-group__text {
|
|
7522
|
+
align-self: center;
|
|
7523
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7524
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7525
|
+
}
|
|
7526
|
+
|
|
7527
|
+
label.pf-v6-c-input-group__text {
|
|
7528
|
+
cursor: pointer;
|
|
7529
|
+
}
|
|
7530
|
+
|
|
7531
|
+
:where(:root, .pf-v6-c-icon) {
|
|
7532
|
+
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7533
|
+
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
7534
|
+
--pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
|
|
7535
|
+
--pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
|
|
7536
|
+
--pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
|
|
7537
|
+
--pf-v6-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
|
|
7538
|
+
--pf-v6-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
|
|
7539
|
+
--pf-v6-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
|
|
7540
|
+
--pf-v6-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
|
|
7541
|
+
--pf-v6-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
|
|
7542
|
+
--pf-v6-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
|
|
7543
|
+
--pf-v6-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
|
|
7544
|
+
--pf-v6-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
|
|
7545
|
+
--pf-v6-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
|
|
7546
|
+
--pf-v6-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
|
|
7547
|
+
--pf-v6-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
|
|
7548
|
+
--pf-v6-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7549
|
+
--pf-v6-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
7550
|
+
--pf-v6-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
|
|
7551
|
+
--pf-v6-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
|
|
7552
|
+
--pf-v6-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7553
|
+
--pf-v6-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7554
|
+
--pf-v6-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7555
|
+
--pf-v6-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7556
|
+
--pf-v6-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7557
|
+
--pf-v6-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7558
|
+
--pf-v6-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7559
|
+
--pf-v6-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7560
|
+
--pf-v6-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7561
|
+
--pf-v6-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7562
|
+
--pf-v6-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7563
|
+
--pf-v6-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7564
|
+
--pf-v6-c-icon--m-inline--Width: 1em;
|
|
7565
|
+
--pf-v6-c-icon--m-inline--Height: 1em;
|
|
7566
|
+
--pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
|
|
7567
|
+
--pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
|
|
7568
|
+
--pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7569
|
+
--pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7570
|
+
--pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7571
|
+
--pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
7572
|
+
--pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
|
|
7573
|
+
--pf-v6-c-icon--m-inline__content--Color: initial;
|
|
7574
|
+
--pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
7575
|
+
--pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
|
|
7576
|
+
--pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
|
|
7577
|
+
--pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
|
|
7578
|
+
--pf-v6-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
|
|
7579
|
+
--pf-v6-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
7580
|
+
--pf-v6-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
|
|
7581
|
+
--pf-v6-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
7582
|
+
--pf-v6-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
7583
|
+
--pf-v6-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
|
|
7584
|
+
--pf-v6-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
|
|
7585
|
+
--pf-v6-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
|
|
7586
|
+
--pf-v6-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
|
|
7587
|
+
--pf-v6-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
|
|
7588
|
+
--pf-v6-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
|
|
7589
|
+
--pf-v6-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
|
|
7590
|
+
--pf-v6-c-icon--m-inline__content--FontSize: 1em;
|
|
7591
|
+
}
|
|
7592
|
+
|
|
7593
|
+
.pf-v6-c-icon {
|
|
7594
|
+
position: relative;
|
|
7595
|
+
display: inline-flex;
|
|
7596
|
+
align-items: center;
|
|
7597
|
+
justify-content: center;
|
|
7598
|
+
width: var(--pf-v6-c-icon--Width);
|
|
7599
|
+
height: var(--pf-v6-c-icon--Height);
|
|
7600
|
+
}
|
|
7601
|
+
|
|
7602
|
+
.pf-v6-c-icon.pf-m-inline {
|
|
7525
7603
|
--pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-inline--Width);
|
|
7526
7604
|
--pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-inline--Height);
|
|
7527
7605
|
--pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-inline__content--FontSize);
|
|
@@ -7745,84 +7823,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7745
7823
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7746
7824
|
}
|
|
7747
7825
|
|
|
7748
|
-
:where(:root, .pf-v6-c-input-group) {
|
|
7749
|
-
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7750
|
-
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7751
|
-
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
7752
|
-
--pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
|
|
7753
|
-
--pf-v6-c-input-group__item--BackgroundColor: transparent;
|
|
7754
|
-
--pf-v6-c-input-group__item--AlignItems: start;
|
|
7755
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7756
|
-
--pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7757
|
-
--pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7758
|
-
--pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
|
|
7759
|
-
--pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7760
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7761
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7762
|
-
--pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7763
|
-
--pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
|
|
7764
|
-
--pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
|
|
7765
|
-
--pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7766
|
-
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
|
7767
|
-
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7768
|
-
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7769
|
-
}
|
|
7770
|
-
|
|
7771
|
-
.pf-v6-c-input-group {
|
|
7772
|
-
display: flex;
|
|
7773
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
7774
|
-
width: 100%;
|
|
7775
|
-
}
|
|
7776
|
-
|
|
7777
|
-
.pf-v6-c-input-group__item {
|
|
7778
|
-
position: relative;
|
|
7779
|
-
display: flex;
|
|
7780
|
-
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7781
|
-
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7782
|
-
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7783
|
-
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7784
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7785
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7786
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7787
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7788
|
-
}
|
|
7789
|
-
|
|
7790
|
-
.pf-v6-c-input-group__item.pf-m-box {
|
|
7791
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7792
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7793
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7794
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7795
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7796
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7797
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7798
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7799
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7800
|
-
}
|
|
7801
|
-
|
|
7802
|
-
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7803
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7804
|
-
border: none;
|
|
7805
|
-
}
|
|
7806
|
-
|
|
7807
|
-
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7808
|
-
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7809
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7810
|
-
}
|
|
7811
|
-
|
|
7812
|
-
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7813
|
-
flex-grow: 1;
|
|
7814
|
-
}
|
|
7815
|
-
|
|
7816
|
-
.pf-v6-c-input-group__text {
|
|
7817
|
-
align-self: center;
|
|
7818
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7819
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
7820
|
-
}
|
|
7821
|
-
|
|
7822
|
-
label.pf-v6-c-input-group__text {
|
|
7823
|
-
cursor: pointer;
|
|
7824
|
-
}
|
|
7825
|
-
|
|
7826
7826
|
:where(:root, .pf-v6-c-jump-links) {
|
|
7827
7827
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
7828
7828
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -13998,361 +13998,168 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13998
13998
|
flex: 1;
|
|
13999
13999
|
flex-wrap: wrap;
|
|
14000
14000
|
gap: var(--pf-v6-c-text-input-group__main--RowGap) var(--pf-v6-c-text-input-group__main--ColumnGap);
|
|
14001
|
-
min-width: 0;
|
|
14002
|
-
}
|
|
14003
|
-
|
|
14004
|
-
.pf-v6-c-text-input-group__main.pf-m-icon {
|
|
14005
|
-
--pf-v6-c-text-input-group__text--Position: relative;
|
|
14006
|
-
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
|
|
14007
|
-
display: inline-flex;
|
|
14008
|
-
align-items: center;
|
|
14009
|
-
justify-content: center;
|
|
14010
|
-
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
|
14011
|
-
}
|
|
14012
|
-
|
|
14013
|
-
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
|
14014
|
-
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
|
14015
|
-
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
|
14016
|
-
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
|
14017
|
-
}
|
|
14018
|
-
|
|
14019
|
-
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
|
14020
|
-
padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
|
|
14021
|
-
padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
|
|
14022
|
-
padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
|
|
14023
|
-
}
|
|
14024
|
-
|
|
14025
|
-
.pf-v6-c-text-input-group__text {
|
|
14026
|
-
position: var(--pf-v6-c-text-input-group__text--Position, revert);
|
|
14027
|
-
display: inline-grid;
|
|
14028
|
-
flex: 1;
|
|
14029
|
-
grid-template-areas: "text-input";
|
|
14030
|
-
grid-template-columns: 1fr;
|
|
14031
|
-
}
|
|
14032
|
-
|
|
14033
|
-
.pf-v6-c-text-input-group__icon {
|
|
14034
|
-
position: absolute;
|
|
14035
|
-
inset-block-start: 50%;
|
|
14036
|
-
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
|
14037
|
-
color: var(--pf-v6-c-text-input-group__icon--Color);
|
|
14038
|
-
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
|
14039
|
-
}
|
|
14040
|
-
|
|
14041
|
-
.pf-v6-c-text-input-group__icon.pf-m-status {
|
|
14042
|
-
inset-inline-start: auto;
|
|
14043
|
-
inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
|
|
14044
|
-
color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
|
|
14045
|
-
}
|
|
14046
|
-
|
|
14047
|
-
.pf-v6-c-text-input-group__text-input {
|
|
14048
|
-
overflow: hidden;
|
|
14049
|
-
text-overflow: ellipsis;
|
|
14050
|
-
white-space: nowrap;
|
|
14051
|
-
position: relative;
|
|
14052
|
-
width: 100%;
|
|
14053
|
-
min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
|
|
14054
|
-
padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
|
|
14055
|
-
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
14056
|
-
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
14057
|
-
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
14058
|
-
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
14059
|
-
border: 0;
|
|
14060
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
14061
|
-
}
|
|
14062
|
-
|
|
14063
|
-
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
14064
|
-
grid-area: text-input;
|
|
14065
|
-
}
|
|
14066
|
-
|
|
14067
|
-
.pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
14068
|
-
color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
|
|
14069
|
-
}
|
|
14070
|
-
|
|
14071
|
-
.pf-v6-c-text-input-group__text-input::placeholder {
|
|
14072
|
-
color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
|
|
14073
|
-
}
|
|
14074
|
-
|
|
14075
|
-
.pf-v6-c-text-input-group__utilities {
|
|
14076
|
-
display: flex;
|
|
14077
|
-
align-items: center;
|
|
14078
|
-
margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
|
|
14079
|
-
margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
|
|
14080
|
-
}
|
|
14081
|
-
|
|
14082
|
-
.pf-v6-c-text-input-group__utilities > * + * {
|
|
14083
|
-
margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
|
|
14084
|
-
}
|
|
14085
|
-
|
|
14086
|
-
.pf-v6-c-text-input-group__group {
|
|
14087
|
-
display: flex;
|
|
14088
|
-
}
|
|
14089
|
-
|
|
14090
|
-
:where(:root, .pf-v6-c-simple-list) {
|
|
14091
|
-
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
14092
|
-
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14093
|
-
--pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14094
|
-
--pf-v6-c-simple-list__item-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
14095
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14096
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
14097
|
-
--pf-v6-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
14098
|
-
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
14099
|
-
--pf-v6-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
14100
|
-
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
14101
|
-
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
14102
|
-
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
14103
|
-
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
14104
|
-
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
14105
|
-
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
14106
|
-
--pf-v6-c-simple-list__title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14107
|
-
--pf-v6-c-simple-list__title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14108
|
-
--pf-v6-c-simple-list__title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14109
|
-
--pf-v6-c-simple-list__title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
14110
|
-
--pf-v6-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14111
|
-
--pf-v6-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
|
|
14112
|
-
--pf-v6-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14113
|
-
--pf-v6-c-simple-list__section--section--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
14114
|
-
}
|
|
14115
|
-
|
|
14116
|
-
.pf-v6-c-simple-list__item-link {
|
|
14117
|
-
display: block;
|
|
14118
|
-
width: 100%;
|
|
14119
|
-
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
14120
|
-
padding-block-end: var(--pf-v6-c-simple-list__item-link--PaddingBlockEnd);
|
|
14121
|
-
padding-inline-start: var(--pf-v6-c-simple-list__item-link--PaddingInlineStart);
|
|
14122
|
-
padding-inline-end: var(--pf-v6-c-simple-list__item-link--PaddingInlineEnd);
|
|
14123
|
-
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
14124
|
-
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
14125
|
-
text-align: start;
|
|
14126
|
-
text-decoration: none;
|
|
14127
|
-
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
14128
|
-
border: none;
|
|
14129
|
-
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
14130
|
-
}
|
|
14131
|
-
|
|
14132
|
-
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
14133
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
14134
|
-
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
14135
|
-
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
14136
|
-
}
|
|
14137
|
-
|
|
14138
|
-
.pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
|
|
14139
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
14140
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
14141
|
-
text-decoration: none;
|
|
14142
|
-
}
|
|
14143
|
-
|
|
14144
|
-
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14145
|
-
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14146
|
-
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
14147
|
-
}
|
|
14148
|
-
|
|
14149
|
-
.pf-v6-c-simple-list__title {
|
|
14150
|
-
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
14151
|
-
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
14152
|
-
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
14153
|
-
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
14154
|
-
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
14155
|
-
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
14156
|
-
color: var(--pf-v6-c-simple-list__title--Color);
|
|
14157
|
-
}
|
|
14158
|
-
|
|
14159
|
-
.pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
|
|
14160
|
-
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
14161
|
-
}
|
|
14162
|
-
|
|
14163
|
-
:where(:root, .pf-v6-c-skeleton) {
|
|
14164
|
-
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14165
|
-
--pf-v6-c-skeleton--Width: auto;
|
|
14166
|
-
--pf-v6-c-skeleton--Height: auto;
|
|
14167
|
-
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
14168
|
-
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
14169
|
-
--pf-v6-c-skeleton--before--Height: auto;
|
|
14170
|
-
--pf-v6-c-skeleton--before--Content: " ";
|
|
14171
|
-
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
14172
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
14173
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
14174
|
-
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
14175
|
-
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
14176
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
14177
|
-
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
14178
|
-
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
14179
|
-
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
14180
|
-
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
14181
|
-
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14182
|
-
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
14183
|
-
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
14184
|
-
--pf-v6-c-skeleton--m-text-3xl--Height: calc(var(--pf-t--global--font--size--3xl) * var(--pf-t--global--font--line-height--heading));
|
|
14185
|
-
--pf-v6-c-skeleton--m-text-2xl--Height: calc(var(--pf-t--global--font--size--2xl) * var(--pf-t--global--font--line-height--heading));
|
|
14186
|
-
--pf-v6-c-skeleton--m-text-xl--Height: calc(var(--pf-t--global--font--size--xl) * var(--pf-t--global--font--line-height--heading));
|
|
14187
|
-
--pf-v6-c-skeleton--m-text-lg--Height: calc(var(--pf-t--global--font--size--lg) * var(--pf-t--global--font--line-height--body));
|
|
14188
|
-
--pf-v6-c-skeleton--m-text-md--Height: calc(var(--pf-t--global--font--size--md) * var(--pf-t--global--font--line-height--body));
|
|
14189
|
-
--pf-v6-c-skeleton--m-text-sm--Height: calc(var(--pf-t--global--font--size--sm) * var(--pf-t--global--font--line-height--body));
|
|
14190
|
-
--pf-v6-c-skeleton--m-width-sm--Width: 6.25rem;
|
|
14191
|
-
--pf-v6-c-skeleton--m-width-md--Width: 12.5rem;
|
|
14192
|
-
--pf-v6-c-skeleton--m-width-lg--Width: 18.75rem;
|
|
14193
|
-
--pf-v6-c-skeleton--m-width-25--Width: 25%;
|
|
14194
|
-
--pf-v6-c-skeleton--m-width-33--Width: calc(100% / 3);
|
|
14195
|
-
--pf-v6-c-skeleton--m-width-50--Width: 50%;
|
|
14196
|
-
--pf-v6-c-skeleton--m-width-66--Width: calc(100% / 3 * 2);
|
|
14197
|
-
--pf-v6-c-skeleton--m-width-75--Width: 75%;
|
|
14198
|
-
--pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
|
|
14199
|
-
--pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
|
|
14200
|
-
--pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
|
|
14201
|
-
--pf-v6-c-skeleton--m-height-25--Height: 25%;
|
|
14202
|
-
--pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
|
|
14203
|
-
--pf-v6-c-skeleton--m-height-50--Height: 50%;
|
|
14204
|
-
--pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
|
|
14205
|
-
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
14206
|
-
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
14207
|
-
}
|
|
14208
|
-
|
|
14209
|
-
.pf-v6-c-skeleton {
|
|
14210
|
-
position: relative;
|
|
14211
|
-
width: var(--pf-v6-c-skeleton--Width);
|
|
14212
|
-
height: var(--pf-v6-c-skeleton--Height);
|
|
14213
|
-
overflow: hidden;
|
|
14214
|
-
background-color: var(--pf-v6-c-skeleton--BackgroundColor);
|
|
14215
|
-
border-radius: var(--pf-v6-c-skeleton--BorderRadius);
|
|
14216
|
-
transform: translate(0);
|
|
14217
|
-
}
|
|
14218
|
-
|
|
14219
|
-
.pf-v6-c-skeleton::before {
|
|
14220
|
-
display: block;
|
|
14221
|
-
height: var(--pf-v6-c-skeleton--before--Height);
|
|
14222
|
-
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
14223
|
-
content: var(--pf-v6-c-skeleton--before--Content);
|
|
14224
|
-
}
|
|
14225
|
-
|
|
14226
|
-
.pf-v6-c-skeleton::after {
|
|
14227
|
-
position: absolute;
|
|
14228
|
-
inset: 0;
|
|
14229
|
-
display: block;
|
|
14230
|
-
content: "";
|
|
14231
|
-
background: linear-gradient(var(--pf-v6-c-skeleton--after--LinearGradientAngle), var(--pf-v6-c-skeleton--after--LinearGradientColorStop1), var(--pf-v6-c-skeleton--after--LinearGradientColorStop2), var(--pf-v6-c-skeleton--after--LinearGradientColorStop3));
|
|
14232
|
-
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
14233
|
-
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
14234
|
-
}
|
|
14235
|
-
|
|
14236
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
14237
|
-
scale: -1 1;
|
|
14238
|
-
}
|
|
14239
|
-
|
|
14240
|
-
.pf-v6-c-skeleton.pf-m-circle {
|
|
14241
|
-
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
14242
|
-
}
|
|
14243
|
-
|
|
14244
|
-
.pf-v6-c-skeleton.pf-m-square, .pf-v6-c-skeleton.pf-m-circle {
|
|
14245
|
-
--pf-v6-c-skeleton--before--Height: 0;
|
|
14246
|
-
--pf-v6-c-skeleton--before--PaddingBlockEnd: var(--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd);
|
|
14247
|
-
}
|
|
14248
|
-
|
|
14249
|
-
.pf-v6-c-skeleton.pf-m-width-sm {
|
|
14250
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-sm--Width);
|
|
14251
|
-
}
|
|
14252
|
-
|
|
14253
|
-
.pf-v6-c-skeleton.pf-m-width-md {
|
|
14254
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-md--Width);
|
|
14255
|
-
}
|
|
14256
|
-
|
|
14257
|
-
.pf-v6-c-skeleton.pf-m-width-lg {
|
|
14258
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-lg--Width);
|
|
14259
|
-
}
|
|
14260
|
-
|
|
14261
|
-
.pf-v6-c-skeleton.pf-m-width-25 {
|
|
14262
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-25--Width);
|
|
14263
|
-
}
|
|
14264
|
-
|
|
14265
|
-
.pf-v6-c-skeleton.pf-m-width-33 {
|
|
14266
|
-
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-33--Width);
|
|
14001
|
+
min-width: 0;
|
|
14267
14002
|
}
|
|
14268
14003
|
|
|
14269
|
-
.pf-v6-c-
|
|
14270
|
-
--pf-v6-c-
|
|
14004
|
+
.pf-v6-c-text-input-group__main.pf-m-icon {
|
|
14005
|
+
--pf-v6-c-text-input-group__text--Position: relative;
|
|
14006
|
+
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
|
|
14007
|
+
display: inline-flex;
|
|
14008
|
+
align-items: center;
|
|
14009
|
+
justify-content: center;
|
|
14010
|
+
min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
|
|
14271
14011
|
}
|
|
14272
14012
|
|
|
14273
|
-
.pf-v6-c-
|
|
14274
|
-
|
|
14013
|
+
.pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
|
|
14014
|
+
padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
|
|
14015
|
+
padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
|
|
14016
|
+
margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
|
|
14275
14017
|
}
|
|
14276
14018
|
|
|
14277
|
-
.pf-v6-c-
|
|
14278
|
-
|
|
14019
|
+
.pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
|
|
14020
|
+
padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
|
|
14021
|
+
padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
|
|
14022
|
+
padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
|
|
14279
14023
|
}
|
|
14280
14024
|
|
|
14281
|
-
.pf-v6-c-
|
|
14282
|
-
|
|
14025
|
+
.pf-v6-c-text-input-group__text {
|
|
14026
|
+
position: var(--pf-v6-c-text-input-group__text--Position, revert);
|
|
14027
|
+
display: inline-grid;
|
|
14028
|
+
flex: 1;
|
|
14029
|
+
grid-template-areas: "text-input";
|
|
14030
|
+
grid-template-columns: 1fr;
|
|
14283
14031
|
}
|
|
14284
14032
|
|
|
14285
|
-
.pf-v6-c-
|
|
14286
|
-
|
|
14033
|
+
.pf-v6-c-text-input-group__icon {
|
|
14034
|
+
position: absolute;
|
|
14035
|
+
inset-block-start: 50%;
|
|
14036
|
+
inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
|
|
14037
|
+
color: var(--pf-v6-c-text-input-group__icon--Color);
|
|
14038
|
+
transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
|
|
14287
14039
|
}
|
|
14288
14040
|
|
|
14289
|
-
.pf-v6-c-
|
|
14290
|
-
|
|
14041
|
+
.pf-v6-c-text-input-group__icon.pf-m-status {
|
|
14042
|
+
inset-inline-start: auto;
|
|
14043
|
+
inset-inline-end: var(--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd);
|
|
14044
|
+
color: var(--pf-v6-c-text-input-group__icon--m-status--Color);
|
|
14291
14045
|
}
|
|
14292
14046
|
|
|
14293
|
-
.pf-v6-c-
|
|
14294
|
-
|
|
14047
|
+
.pf-v6-c-text-input-group__text-input {
|
|
14048
|
+
overflow: hidden;
|
|
14049
|
+
text-overflow: ellipsis;
|
|
14050
|
+
white-space: nowrap;
|
|
14051
|
+
position: relative;
|
|
14052
|
+
width: 100%;
|
|
14053
|
+
min-width: var(--pf-v6-c-text-input-group__text-input--MinWidth);
|
|
14054
|
+
padding-block-start: var(--pf-v6-c-text-input-group__text-input--PaddingBlockStart);
|
|
14055
|
+
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
14056
|
+
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
14057
|
+
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
14058
|
+
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
14059
|
+
border: 0;
|
|
14060
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
14295
14061
|
}
|
|
14296
14062
|
|
|
14297
|
-
.pf-v6-c-
|
|
14298
|
-
|
|
14063
|
+
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
14064
|
+
grid-area: text-input;
|
|
14299
14065
|
}
|
|
14300
14066
|
|
|
14301
|
-
.pf-v6-c-
|
|
14302
|
-
|
|
14067
|
+
.pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
14068
|
+
color: var(--pf-v6-c-text-input-group__text-input--m-hint--Color);
|
|
14303
14069
|
}
|
|
14304
14070
|
|
|
14305
|
-
.pf-v6-c-
|
|
14306
|
-
|
|
14071
|
+
.pf-v6-c-text-input-group__text-input::placeholder {
|
|
14072
|
+
color: var(--pf-v6-c-text-input-group__text-input--placeholder--Color);
|
|
14307
14073
|
}
|
|
14308
14074
|
|
|
14309
|
-
.pf-v6-c-
|
|
14310
|
-
|
|
14075
|
+
.pf-v6-c-text-input-group__utilities {
|
|
14076
|
+
display: flex;
|
|
14077
|
+
align-items: center;
|
|
14078
|
+
margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
|
|
14079
|
+
margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
|
|
14311
14080
|
}
|
|
14312
14081
|
|
|
14313
|
-
.pf-v6-c-
|
|
14314
|
-
|
|
14082
|
+
.pf-v6-c-text-input-group__utilities > * + * {
|
|
14083
|
+
margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
|
|
14315
14084
|
}
|
|
14316
14085
|
|
|
14317
|
-
.pf-v6-c-
|
|
14318
|
-
|
|
14086
|
+
.pf-v6-c-text-input-group__group {
|
|
14087
|
+
display: flex;
|
|
14319
14088
|
}
|
|
14320
14089
|
|
|
14321
|
-
.pf-v6-c-
|
|
14322
|
-
--pf-v6-c-
|
|
14090
|
+
:where(:root, .pf-v6-c-simple-list) {
|
|
14091
|
+
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
14092
|
+
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14093
|
+
--pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14094
|
+
--pf-v6-c-simple-list__item-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
14095
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
14096
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
14097
|
+
--pf-v6-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
14098
|
+
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
14099
|
+
--pf-v6-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
14100
|
+
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
14101
|
+
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
14102
|
+
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
14103
|
+
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
14104
|
+
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
14105
|
+
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
14106
|
+
--pf-v6-c-simple-list__title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14107
|
+
--pf-v6-c-simple-list__title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14108
|
+
--pf-v6-c-simple-list__title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14109
|
+
--pf-v6-c-simple-list__title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
14110
|
+
--pf-v6-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14111
|
+
--pf-v6-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
|
|
14112
|
+
--pf-v6-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
14113
|
+
--pf-v6-c-simple-list__section--section--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
14323
14114
|
}
|
|
14324
14115
|
|
|
14325
|
-
.pf-v6-c-
|
|
14326
|
-
|
|
14116
|
+
.pf-v6-c-simple-list__item-link {
|
|
14117
|
+
display: block;
|
|
14118
|
+
width: 100%;
|
|
14119
|
+
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
14120
|
+
padding-block-end: var(--pf-v6-c-simple-list__item-link--PaddingBlockEnd);
|
|
14121
|
+
padding-inline-start: var(--pf-v6-c-simple-list__item-link--PaddingInlineStart);
|
|
14122
|
+
padding-inline-end: var(--pf-v6-c-simple-list__item-link--PaddingInlineEnd);
|
|
14123
|
+
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
14124
|
+
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
14125
|
+
text-align: start;
|
|
14126
|
+
text-decoration: none;
|
|
14127
|
+
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
14128
|
+
border: none;
|
|
14129
|
+
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
14327
14130
|
}
|
|
14328
14131
|
|
|
14329
|
-
.pf-v6-c-
|
|
14330
|
-
--pf-v6-c-
|
|
14132
|
+
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
14133
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
14134
|
+
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
14135
|
+
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
14331
14136
|
}
|
|
14332
14137
|
|
|
14333
|
-
.pf-v6-c-
|
|
14334
|
-
--pf-v6-c-
|
|
14138
|
+
.pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
|
|
14139
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
14140
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
14141
|
+
text-decoration: none;
|
|
14335
14142
|
}
|
|
14336
14143
|
|
|
14337
|
-
.pf-v6-c-
|
|
14338
|
-
--pf-v6-c-
|
|
14144
|
+
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14145
|
+
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14146
|
+
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
14339
14147
|
}
|
|
14340
14148
|
|
|
14341
|
-
.pf-v6-c-
|
|
14342
|
-
|
|
14149
|
+
.pf-v6-c-simple-list__title {
|
|
14150
|
+
padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
|
|
14151
|
+
padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
|
|
14152
|
+
padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
|
|
14153
|
+
padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
|
|
14154
|
+
font-size: var(--pf-v6-c-simple-list__title--FontSize);
|
|
14155
|
+
font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
|
|
14156
|
+
color: var(--pf-v6-c-simple-list__title--Color);
|
|
14343
14157
|
}
|
|
14344
14158
|
|
|
14345
|
-
|
|
14346
|
-
|
|
14347
|
-
transform: translateX(-100%);
|
|
14348
|
-
}
|
|
14349
|
-
60% {
|
|
14350
|
-
transform: translateX(100%);
|
|
14351
|
-
}
|
|
14352
|
-
100% {
|
|
14353
|
-
transform: translateX(100%);
|
|
14354
|
-
}
|
|
14159
|
+
.pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
|
|
14160
|
+
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
14355
14161
|
}
|
|
14162
|
+
|
|
14356
14163
|
:where(:root, .pf-v6-c-skip-to-content) {
|
|
14357
14164
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14358
14165
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14688,53 +14495,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14688
14495
|
transform: rotate(720deg);
|
|
14689
14496
|
}
|
|
14690
14497
|
}
|
|
14691
|
-
:where(:root, .pf-v6-c-tab-content) {
|
|
14692
|
-
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
14693
|
-
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
14694
|
-
--pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
|
|
14695
|
-
--pf-v6-c-tab-content__body--PaddingInlineStart: 0;
|
|
14696
|
-
--pf-v6-c-tab-content--BackgroundColor: transparent;
|
|
14697
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
14698
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14699
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
14700
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
14701
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14702
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
14703
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14704
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
14705
|
-
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14706
|
-
}
|
|
14707
|
-
|
|
14708
|
-
.pf-v6-c-tab-content {
|
|
14709
|
-
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
14710
|
-
}
|
|
14711
|
-
|
|
14712
|
-
@media screen and (min-width: 1200px) {
|
|
14713
|
-
.pf-v6-c-tab-content {
|
|
14714
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
|
|
14715
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
14716
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
14717
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
14718
|
-
}
|
|
14719
|
-
}
|
|
14720
|
-
.pf-v6-c-tab-content.pf-m-secondary {
|
|
14721
|
-
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
14722
|
-
}
|
|
14723
|
-
|
|
14724
|
-
.pf-v6-c-tab-content__body {
|
|
14725
|
-
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
14726
|
-
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
14727
|
-
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
14728
|
-
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
14729
|
-
}
|
|
14730
|
-
|
|
14731
|
-
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
14732
|
-
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
14733
|
-
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
14734
|
-
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
14735
|
-
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
14736
|
-
}
|
|
14737
|
-
|
|
14738
14498
|
:where(:root, .pf-v6-c-tabs) {
|
|
14739
14499
|
--pf-v6-c-tabs--inset: 0;
|
|
14740
14500
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -15611,6 +15371,53 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15611
15371
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
|
15612
15372
|
}
|
|
15613
15373
|
}
|
|
15374
|
+
:where(:root, .pf-v6-c-tab-content) {
|
|
15375
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
15376
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
15377
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
|
|
15378
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: 0;
|
|
15379
|
+
--pf-v6-c-tab-content--BackgroundColor: transparent;
|
|
15380
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
15381
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15382
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15383
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15384
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15385
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15386
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15387
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15388
|
+
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15389
|
+
}
|
|
15390
|
+
|
|
15391
|
+
.pf-v6-c-tab-content {
|
|
15392
|
+
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
15393
|
+
}
|
|
15394
|
+
|
|
15395
|
+
@media screen and (min-width: 1200px) {
|
|
15396
|
+
.pf-v6-c-tab-content {
|
|
15397
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
|
|
15398
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
15399
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15400
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15401
|
+
}
|
|
15402
|
+
}
|
|
15403
|
+
.pf-v6-c-tab-content.pf-m-secondary {
|
|
15404
|
+
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
15405
|
+
}
|
|
15406
|
+
|
|
15407
|
+
.pf-v6-c-tab-content__body {
|
|
15408
|
+
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
15409
|
+
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
15410
|
+
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
15411
|
+
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15412
|
+
}
|
|
15413
|
+
|
|
15414
|
+
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
15415
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
15416
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
15417
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
15418
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15419
|
+
}
|
|
15420
|
+
|
|
15614
15421
|
:where(:root, .pf-v6-c-switch) {
|
|
15615
15422
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
15616
15423
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -19603,19 +19410,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19603
19410
|
direction: rtl;
|
|
19604
19411
|
}
|
|
19605
19412
|
}
|
|
19606
|
-
:where(:root, .pf-v6-l-bullseye) {
|
|
19607
|
-
--pf-v6-l-bullseye--Padding: 0;
|
|
19608
|
-
}
|
|
19609
|
-
|
|
19610
|
-
.pf-v6-l-bullseye {
|
|
19611
|
-
display: flex;
|
|
19612
|
-
align-items: center;
|
|
19613
|
-
justify-content: center;
|
|
19614
|
-
height: 100%;
|
|
19615
|
-
padding: var(--pf-v6-l-bullseye--Padding);
|
|
19616
|
-
margin: 0;
|
|
19617
|
-
}
|
|
19618
|
-
|
|
19619
19413
|
:where(:root, .pf-v6-l-flex) {
|
|
19620
19414
|
--pf-v6-l-flex--Display: flex;
|
|
19621
19415
|
--pf-v6-l-flex--FlexWrap: wrap;
|
|
@@ -22112,6 +21906,19 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22112
21906
|
--pf-v6-l-flex--spacer--column: 0;
|
|
22113
21907
|
}
|
|
22114
21908
|
}
|
|
21909
|
+
:where(:root, .pf-v6-l-bullseye) {
|
|
21910
|
+
--pf-v6-l-bullseye--Padding: 0;
|
|
21911
|
+
}
|
|
21912
|
+
|
|
21913
|
+
.pf-v6-l-bullseye {
|
|
21914
|
+
display: flex;
|
|
21915
|
+
align-items: center;
|
|
21916
|
+
justify-content: center;
|
|
21917
|
+
height: 100%;
|
|
21918
|
+
padding: var(--pf-v6-l-bullseye--Padding);
|
|
21919
|
+
margin: 0;
|
|
21920
|
+
}
|
|
21921
|
+
|
|
22115
21922
|
:where(:root, .pf-v6-l-gallery) {
|
|
22116
21923
|
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
|
|
22117
21924
|
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
|
|
@@ -22184,21 +21991,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22184
21991
|
--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))))));
|
|
22185
21992
|
}
|
|
22186
21993
|
}
|
|
22187
|
-
:where(:root, .pf-v6-l-level) {
|
|
22188
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
|
|
22189
|
-
}
|
|
22190
|
-
|
|
22191
|
-
.pf-v6-l-level {
|
|
22192
|
-
display: flex;
|
|
22193
|
-
flex-wrap: wrap;
|
|
22194
|
-
align-items: center;
|
|
22195
|
-
justify-content: space-between;
|
|
22196
|
-
}
|
|
22197
|
-
|
|
22198
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
22199
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22200
|
-
}
|
|
22201
|
-
|
|
22202
21994
|
:where(:root, .pf-v6-l-grid) {
|
|
22203
21995
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
|
|
22204
21996
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23186,6 +22978,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23186
22978
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23187
22979
|
}
|
|
23188
22980
|
|
|
22981
|
+
:where(:root, .pf-v6-l-level) {
|
|
22982
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
|
|
22983
|
+
}
|
|
22984
|
+
|
|
22985
|
+
.pf-v6-l-level {
|
|
22986
|
+
display: flex;
|
|
22987
|
+
flex-wrap: wrap;
|
|
22988
|
+
align-items: center;
|
|
22989
|
+
justify-content: space-between;
|
|
22990
|
+
}
|
|
22991
|
+
|
|
22992
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
22993
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
22994
|
+
}
|
|
22995
|
+
|
|
23189
22996
|
:where(:root, .pf-v6-l-split) {
|
|
23190
22997
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
|
|
23191
22998
|
}
|
|
@@ -23226,6 +23033,199 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23226
23033
|
gap: var(--pf-v6-l-stack--m-gutter--Gap);
|
|
23227
23034
|
}
|
|
23228
23035
|
|
|
23036
|
+
:where(:root, .pf-v6-c-skeleton) {
|
|
23037
|
+
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23038
|
+
--pf-v6-c-skeleton--Width: auto;
|
|
23039
|
+
--pf-v6-c-skeleton--Height: auto;
|
|
23040
|
+
--pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
|
|
23041
|
+
--pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
|
|
23042
|
+
--pf-v6-c-skeleton--before--Height: auto;
|
|
23043
|
+
--pf-v6-c-skeleton--before--Content: " ";
|
|
23044
|
+
--pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
|
|
23045
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
23046
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
23047
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
23048
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
23049
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
23050
|
+
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
23051
|
+
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
23052
|
+
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
23053
|
+
--pf-v6-c-skeleton--after--AnimationDelay: .5s;
|
|
23054
|
+
--pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
23055
|
+
--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
|
|
23056
|
+
--pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
|
|
23057
|
+
--pf-v6-c-skeleton--m-text-3xl--Height: calc(var(--pf-t--global--font--size--3xl) * var(--pf-t--global--font--line-height--heading));
|
|
23058
|
+
--pf-v6-c-skeleton--m-text-2xl--Height: calc(var(--pf-t--global--font--size--2xl) * var(--pf-t--global--font--line-height--heading));
|
|
23059
|
+
--pf-v6-c-skeleton--m-text-xl--Height: calc(var(--pf-t--global--font--size--xl) * var(--pf-t--global--font--line-height--heading));
|
|
23060
|
+
--pf-v6-c-skeleton--m-text-lg--Height: calc(var(--pf-t--global--font--size--lg) * var(--pf-t--global--font--line-height--body));
|
|
23061
|
+
--pf-v6-c-skeleton--m-text-md--Height: calc(var(--pf-t--global--font--size--md) * var(--pf-t--global--font--line-height--body));
|
|
23062
|
+
--pf-v6-c-skeleton--m-text-sm--Height: calc(var(--pf-t--global--font--size--sm) * var(--pf-t--global--font--line-height--body));
|
|
23063
|
+
--pf-v6-c-skeleton--m-width-sm--Width: 6.25rem;
|
|
23064
|
+
--pf-v6-c-skeleton--m-width-md--Width: 12.5rem;
|
|
23065
|
+
--pf-v6-c-skeleton--m-width-lg--Width: 18.75rem;
|
|
23066
|
+
--pf-v6-c-skeleton--m-width-25--Width: 25%;
|
|
23067
|
+
--pf-v6-c-skeleton--m-width-33--Width: calc(100% / 3);
|
|
23068
|
+
--pf-v6-c-skeleton--m-width-50--Width: 50%;
|
|
23069
|
+
--pf-v6-c-skeleton--m-width-66--Width: calc(100% / 3 * 2);
|
|
23070
|
+
--pf-v6-c-skeleton--m-width-75--Width: 75%;
|
|
23071
|
+
--pf-v6-c-skeleton--m-height-sm--Height: 6.25rem;
|
|
23072
|
+
--pf-v6-c-skeleton--m-height-md--Height: 12.5rem;
|
|
23073
|
+
--pf-v6-c-skeleton--m-height-lg--Height: 18.75rem;
|
|
23074
|
+
--pf-v6-c-skeleton--m-height-25--Height: 25%;
|
|
23075
|
+
--pf-v6-c-skeleton--m-height-33--Height: calc(100% / 3);
|
|
23076
|
+
--pf-v6-c-skeleton--m-height-50--Height: 50%;
|
|
23077
|
+
--pf-v6-c-skeleton--m-height-66--Height: calc(100% / 3 * 2);
|
|
23078
|
+
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
23079
|
+
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
23080
|
+
}
|
|
23081
|
+
|
|
23082
|
+
.pf-v6-c-skeleton {
|
|
23083
|
+
position: relative;
|
|
23084
|
+
width: var(--pf-v6-c-skeleton--Width);
|
|
23085
|
+
height: var(--pf-v6-c-skeleton--Height);
|
|
23086
|
+
overflow: hidden;
|
|
23087
|
+
background-color: var(--pf-v6-c-skeleton--BackgroundColor);
|
|
23088
|
+
border-radius: var(--pf-v6-c-skeleton--BorderRadius);
|
|
23089
|
+
transform: translate(0);
|
|
23090
|
+
}
|
|
23091
|
+
|
|
23092
|
+
.pf-v6-c-skeleton::before {
|
|
23093
|
+
display: block;
|
|
23094
|
+
height: var(--pf-v6-c-skeleton--before--Height);
|
|
23095
|
+
padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
|
|
23096
|
+
content: var(--pf-v6-c-skeleton--before--Content);
|
|
23097
|
+
}
|
|
23098
|
+
|
|
23099
|
+
.pf-v6-c-skeleton::after {
|
|
23100
|
+
position: absolute;
|
|
23101
|
+
inset: 0;
|
|
23102
|
+
display: block;
|
|
23103
|
+
content: "";
|
|
23104
|
+
background: linear-gradient(var(--pf-v6-c-skeleton--after--LinearGradientAngle), var(--pf-v6-c-skeleton--after--LinearGradientColorStop1), var(--pf-v6-c-skeleton--after--LinearGradientColorStop2), var(--pf-v6-c-skeleton--after--LinearGradientColorStop3));
|
|
23105
|
+
transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
|
|
23106
|
+
animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
|
|
23107
|
+
}
|
|
23108
|
+
|
|
23109
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
|
|
23110
|
+
scale: -1 1;
|
|
23111
|
+
}
|
|
23112
|
+
|
|
23113
|
+
.pf-v6-c-skeleton.pf-m-circle {
|
|
23114
|
+
--pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
|
|
23115
|
+
}
|
|
23116
|
+
|
|
23117
|
+
.pf-v6-c-skeleton.pf-m-square, .pf-v6-c-skeleton.pf-m-circle {
|
|
23118
|
+
--pf-v6-c-skeleton--before--Height: 0;
|
|
23119
|
+
--pf-v6-c-skeleton--before--PaddingBlockEnd: var(--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd);
|
|
23120
|
+
}
|
|
23121
|
+
|
|
23122
|
+
.pf-v6-c-skeleton.pf-m-width-sm {
|
|
23123
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-sm--Width);
|
|
23124
|
+
}
|
|
23125
|
+
|
|
23126
|
+
.pf-v6-c-skeleton.pf-m-width-md {
|
|
23127
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-md--Width);
|
|
23128
|
+
}
|
|
23129
|
+
|
|
23130
|
+
.pf-v6-c-skeleton.pf-m-width-lg {
|
|
23131
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-lg--Width);
|
|
23132
|
+
}
|
|
23133
|
+
|
|
23134
|
+
.pf-v6-c-skeleton.pf-m-width-25 {
|
|
23135
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-25--Width);
|
|
23136
|
+
}
|
|
23137
|
+
|
|
23138
|
+
.pf-v6-c-skeleton.pf-m-width-33 {
|
|
23139
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-33--Width);
|
|
23140
|
+
}
|
|
23141
|
+
|
|
23142
|
+
.pf-v6-c-skeleton.pf-m-width-50 {
|
|
23143
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-50--Width);
|
|
23144
|
+
}
|
|
23145
|
+
|
|
23146
|
+
.pf-v6-c-skeleton.pf-m-width-66 {
|
|
23147
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-66--Width);
|
|
23148
|
+
}
|
|
23149
|
+
|
|
23150
|
+
.pf-v6-c-skeleton.pf-m-width-75 {
|
|
23151
|
+
--pf-v6-c-skeleton--Width: var(--pf-v6-c-skeleton--m-width-75--Width);
|
|
23152
|
+
}
|
|
23153
|
+
|
|
23154
|
+
.pf-v6-c-skeleton.pf-m-height-sm {
|
|
23155
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-sm--Height);
|
|
23156
|
+
}
|
|
23157
|
+
|
|
23158
|
+
.pf-v6-c-skeleton.pf-m-height-md {
|
|
23159
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-md--Height);
|
|
23160
|
+
}
|
|
23161
|
+
|
|
23162
|
+
.pf-v6-c-skeleton.pf-m-height-lg {
|
|
23163
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-lg--Height);
|
|
23164
|
+
}
|
|
23165
|
+
|
|
23166
|
+
.pf-v6-c-skeleton.pf-m-height-25 {
|
|
23167
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-25--Height);
|
|
23168
|
+
}
|
|
23169
|
+
|
|
23170
|
+
.pf-v6-c-skeleton.pf-m-height-33 {
|
|
23171
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-33--Height);
|
|
23172
|
+
}
|
|
23173
|
+
|
|
23174
|
+
.pf-v6-c-skeleton.pf-m-height-50 {
|
|
23175
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-50--Height);
|
|
23176
|
+
}
|
|
23177
|
+
|
|
23178
|
+
.pf-v6-c-skeleton.pf-m-height-66 {
|
|
23179
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-66--Height);
|
|
23180
|
+
}
|
|
23181
|
+
|
|
23182
|
+
.pf-v6-c-skeleton.pf-m-height-75 {
|
|
23183
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-75--Height);
|
|
23184
|
+
}
|
|
23185
|
+
|
|
23186
|
+
.pf-v6-c-skeleton.pf-m-height-100 {
|
|
23187
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-height-100--Height);
|
|
23188
|
+
}
|
|
23189
|
+
|
|
23190
|
+
.pf-v6-c-skeleton.pf-m-text-4xl {
|
|
23191
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-4xl--Height);
|
|
23192
|
+
}
|
|
23193
|
+
|
|
23194
|
+
.pf-v6-c-skeleton.pf-m-text-3xl {
|
|
23195
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-3xl--Height);
|
|
23196
|
+
}
|
|
23197
|
+
|
|
23198
|
+
.pf-v6-c-skeleton.pf-m-text-2xl {
|
|
23199
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-2xl--Height);
|
|
23200
|
+
}
|
|
23201
|
+
|
|
23202
|
+
.pf-v6-c-skeleton.pf-m-text-xl {
|
|
23203
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-xl--Height);
|
|
23204
|
+
}
|
|
23205
|
+
|
|
23206
|
+
.pf-v6-c-skeleton.pf-m-text-lg {
|
|
23207
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-lg--Height);
|
|
23208
|
+
}
|
|
23209
|
+
|
|
23210
|
+
.pf-v6-c-skeleton.pf-m-text-md {
|
|
23211
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-md--Height);
|
|
23212
|
+
}
|
|
23213
|
+
|
|
23214
|
+
.pf-v6-c-skeleton.pf-m-text-sm {
|
|
23215
|
+
--pf-v6-c-skeleton--Height: var(--pf-v6-c-skeleton--m-text-sm--Height);
|
|
23216
|
+
}
|
|
23217
|
+
|
|
23218
|
+
@keyframes pf-v6-c-skeleton-loading {
|
|
23219
|
+
0% {
|
|
23220
|
+
transform: translateX(-100%);
|
|
23221
|
+
}
|
|
23222
|
+
60% {
|
|
23223
|
+
transform: translateX(100%);
|
|
23224
|
+
}
|
|
23225
|
+
100% {
|
|
23226
|
+
transform: translateX(100%);
|
|
23227
|
+
}
|
|
23228
|
+
}
|
|
23229
23229
|
:where(:root, .pf-v6-c-about-modal-box) {
|
|
23230
23230
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
23231
23231
|
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|