@patternfly/react-templates 6.0.0-alpha.32 → 6.0.0-alpha.33
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,6 +4,88 @@
|
|
|
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
|
+
|
|
7
89
|
:where(:root, .pf-v6-c-menu-toggle) {
|
|
8
90
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
9
91
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -435,88 +517,6 @@
|
|
|
435
517
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
436
518
|
}
|
|
437
519
|
|
|
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);
|
|
@@ -6448,305 +6448,6 @@ ul) {
|
|
|
6448
6448
|
transform: translate(-50%, -50%);
|
|
6449
6449
|
}
|
|
6450
6450
|
|
|
6451
|
-
:where(:root, .pf-v6-c-form-control) {
|
|
6452
|
-
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6453
|
-
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6454
|
-
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6455
|
-
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6456
|
-
--pf-v6-c-form-control--Resize: none;
|
|
6457
|
-
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
6458
|
-
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6459
|
-
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6460
|
-
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
6461
|
-
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6462
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6463
|
-
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
6464
|
-
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6465
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6466
|
-
--pf-v6-c-form-control--Width: 100%;
|
|
6467
|
-
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
6468
|
-
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6469
|
-
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6470
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6471
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6472
|
-
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
6473
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6474
|
-
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6475
|
-
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6476
|
-
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6477
|
-
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6478
|
-
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
6479
|
-
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
6480
|
-
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
6481
|
-
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
6482
|
-
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
6483
|
-
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
6484
|
-
--pf-v6-c-form-control--m-readonly--BorderColor: transparent;
|
|
6485
|
-
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
6486
|
-
--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
6487
|
-
--pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6488
|
-
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
6489
|
-
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
6490
|
-
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
6491
|
-
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6492
|
-
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6493
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6494
|
-
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6495
|
-
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6496
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6497
|
-
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6498
|
-
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6499
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6500
|
-
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6501
|
-
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
6502
|
-
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6503
|
-
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
6504
|
-
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
6505
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6506
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6507
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
6508
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
6509
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
6510
|
-
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
6511
|
-
--pf-v6-c-form-control--textarea--Height: auto;
|
|
6512
|
-
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6513
|
-
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6514
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
6515
|
-
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
6516
|
-
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6517
|
-
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6518
|
-
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
6519
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
|
|
6520
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6521
|
-
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6522
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6523
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6524
|
-
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6525
|
-
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
6526
|
-
}
|
|
6527
|
-
|
|
6528
|
-
.pf-v6-c-form-control {
|
|
6529
|
-
position: relative;
|
|
6530
|
-
display: grid;
|
|
6531
|
-
grid-template-columns: 1fr auto;
|
|
6532
|
-
column-gap: var(--pf-v6-c-form-control--ColumnGap);
|
|
6533
|
-
align-items: start;
|
|
6534
|
-
width: var(--pf-v6-c-form-control--Width);
|
|
6535
|
-
font-size: var(--pf-v6-c-form-control--FontSize);
|
|
6536
|
-
line-height: var(--pf-v6-c-form-control--LineHeight);
|
|
6537
|
-
resize: var(--pf-v6-c-form-control--Resize);
|
|
6538
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
6539
|
-
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6540
|
-
}
|
|
6541
|
-
|
|
6542
|
-
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
6543
|
-
position: absolute;
|
|
6544
|
-
inset: 0;
|
|
6545
|
-
pointer-events: none;
|
|
6546
|
-
content: "";
|
|
6547
|
-
}
|
|
6548
|
-
|
|
6549
|
-
.pf-v6-c-form-control::before {
|
|
6550
|
-
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
6551
|
-
border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
|
|
6552
|
-
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
|
|
6553
|
-
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
6554
|
-
}
|
|
6555
|
-
|
|
6556
|
-
.pf-v6-c-form-control::after {
|
|
6557
|
-
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle, solid) var(--pf-v6-c-form-control--after--BorderColor);
|
|
6558
|
-
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
6559
|
-
}
|
|
6560
|
-
|
|
6561
|
-
.pf-v6-c-form-control > :is(input, select, textarea) {
|
|
6562
|
-
grid-row: 1/2;
|
|
6563
|
-
grid-column: 1/-1;
|
|
6564
|
-
padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
6565
|
-
padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
|
|
6566
|
-
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
|
|
6567
|
-
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
6568
|
-
color: var(--pf-v6-c-form-control--Color);
|
|
6569
|
-
background-color: transparent;
|
|
6570
|
-
border: none;
|
|
6571
|
-
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6572
|
-
-moz-appearance: none;
|
|
6573
|
-
-webkit-appearance: none;
|
|
6574
|
-
}
|
|
6575
|
-
|
|
6576
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
6577
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6578
|
-
}
|
|
6579
|
-
|
|
6580
|
-
.pf-v6-c-form-control > ::placeholder {
|
|
6581
|
-
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6582
|
-
}
|
|
6583
|
-
|
|
6584
|
-
.pf-v6-c-form-control > :is(input, select) {
|
|
6585
|
-
text-overflow: ellipsis;
|
|
6586
|
-
}
|
|
6587
|
-
|
|
6588
|
-
.pf-v6-c-form-control.pf-m-readonly {
|
|
6589
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
6590
|
-
--pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
6591
|
-
}
|
|
6592
|
-
|
|
6593
|
-
.pf-v6-c-form-control.pf-m-readonly:hover {
|
|
6594
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
6595
|
-
}
|
|
6596
|
-
|
|
6597
|
-
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
6598
|
-
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
6599
|
-
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
6600
|
-
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
|
|
6601
|
-
}
|
|
6602
|
-
|
|
6603
|
-
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
6604
|
-
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
6605
|
-
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
|
|
6606
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
6607
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
6608
|
-
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
6609
|
-
}
|
|
6610
|
-
|
|
6611
|
-
.pf-v6-c-form-control:hover {
|
|
6612
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
6613
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
6614
|
-
}
|
|
6615
|
-
|
|
6616
|
-
.pf-v6-c-form-control.pf-m-expanded {
|
|
6617
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
6618
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
6619
|
-
}
|
|
6620
|
-
|
|
6621
|
-
.pf-v6-c-form-control.pf-m-disabled {
|
|
6622
|
-
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
|
|
6623
|
-
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
6624
|
-
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
6625
|
-
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
6626
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
6627
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
6628
|
-
cursor: not-allowed;
|
|
6629
|
-
}
|
|
6630
|
-
|
|
6631
|
-
.pf-v6-c-form-control.pf-m-error {
|
|
6632
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
6633
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
6634
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
6635
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
6636
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
6637
|
-
}
|
|
6638
|
-
|
|
6639
|
-
.pf-v6-c-form-control.pf-m-error.pf-m-icon {
|
|
6640
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6641
|
-
}
|
|
6642
|
-
|
|
6643
|
-
.pf-v6-c-form-control.pf-m-success {
|
|
6644
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
6645
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
6646
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
6647
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
6648
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
6649
|
-
}
|
|
6650
|
-
|
|
6651
|
-
.pf-v6-c-form-control.pf-m-success.pf-m-icon {
|
|
6652
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6653
|
-
}
|
|
6654
|
-
|
|
6655
|
-
.pf-v6-c-form-control.pf-m-warning {
|
|
6656
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
6657
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
6658
|
-
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
6659
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
6660
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
6661
|
-
}
|
|
6662
|
-
|
|
6663
|
-
.pf-v6-c-form-control.pf-m-warning.pf-m-icon {
|
|
6664
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6665
|
-
}
|
|
6666
|
-
|
|
6667
|
-
.pf-v6-c-form-control.pf-m-icon {
|
|
6668
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
6669
|
-
}
|
|
6670
|
-
|
|
6671
|
-
.pf-v6-c-form-control > select {
|
|
6672
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
6673
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
6674
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
6675
|
-
}
|
|
6676
|
-
|
|
6677
|
-
@-moz-document url-prefix() {
|
|
6678
|
-
.pf-v6-c-form-control > select {
|
|
6679
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
6680
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
6681
|
-
}
|
|
6682
|
-
}
|
|
6683
|
-
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
6684
|
-
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6685
|
-
}
|
|
6686
|
-
|
|
6687
|
-
.pf-v6-c-form-control.pf-m-placeholder > select * {
|
|
6688
|
-
color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
|
|
6689
|
-
}
|
|
6690
|
-
|
|
6691
|
-
.pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
|
|
6692
|
-
color: revert;
|
|
6693
|
-
}
|
|
6694
|
-
|
|
6695
|
-
.pf-v6-c-form-control > textarea {
|
|
6696
|
-
width: 100%;
|
|
6697
|
-
height: 100%;
|
|
6698
|
-
vertical-align: bottom;
|
|
6699
|
-
resize: none;
|
|
6700
|
-
}
|
|
6701
|
-
|
|
6702
|
-
.pf-v6-c-form-control.pf-m-resize-vertical {
|
|
6703
|
-
--pf-v6-c-form-control--Resize: vertical;
|
|
6704
|
-
overflow: auto;
|
|
6705
|
-
}
|
|
6706
|
-
|
|
6707
|
-
.pf-v6-c-form-control.pf-m-resize-horizontal {
|
|
6708
|
-
--pf-v6-c-form-control--Resize: horizontal;
|
|
6709
|
-
overflow: auto;
|
|
6710
|
-
}
|
|
6711
|
-
|
|
6712
|
-
.pf-v6-c-form-control.pf-m-resize-both {
|
|
6713
|
-
--pf-v6-c-form-control--Resize: both;
|
|
6714
|
-
overflow: auto;
|
|
6715
|
-
}
|
|
6716
|
-
|
|
6717
|
-
.pf-v6-c-form-control__icon {
|
|
6718
|
-
padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
|
|
6719
|
-
color: var(--pf-v6-c-form-control__icon--Color);
|
|
6720
|
-
}
|
|
6721
|
-
|
|
6722
|
-
.pf-v6-c-form-control__icon.pf-m-status {
|
|
6723
|
-
--pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
|
|
6724
|
-
}
|
|
6725
|
-
|
|
6726
|
-
.pf-v6-c-form-control__toggle-icon {
|
|
6727
|
-
grid-row: 1/2;
|
|
6728
|
-
grid-column: 3;
|
|
6729
|
-
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
|
6730
|
-
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
6731
|
-
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
6732
|
-
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
6733
|
-
pointer-events: none;
|
|
6734
|
-
}
|
|
6735
|
-
|
|
6736
|
-
.pf-v6-c-form-control__utilities {
|
|
6737
|
-
display: flex;
|
|
6738
|
-
flex-wrap: nowrap;
|
|
6739
|
-
grid-row: 1/2;
|
|
6740
|
-
grid-column: 2;
|
|
6741
|
-
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
6742
|
-
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
6743
|
-
pointer-events: none;
|
|
6744
|
-
}
|
|
6745
|
-
|
|
6746
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
6747
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
6748
|
-
}
|
|
6749
|
-
|
|
6750
6451
|
:where(:root, .pf-v6-c-form) {
|
|
6751
6452
|
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
6752
6453
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -7231,66 +6932,365 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7231
6932
|
margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
|
|
7232
6933
|
}
|
|
7233
6934
|
|
|
7234
|
-
.pf-v6-c-form__field-group-toggle-icon {
|
|
7235
|
-
display: inline-block;
|
|
7236
|
-
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
7237
|
-
text-align: center;
|
|
7238
|
-
transition: var(--pf-v6-c-form__field-group-toggle-icon--Transition);
|
|
7239
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
6935
|
+
.pf-v6-c-form__field-group-toggle-icon {
|
|
6936
|
+
display: inline-block;
|
|
6937
|
+
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
6938
|
+
text-align: center;
|
|
6939
|
+
transition: var(--pf-v6-c-form__field-group-toggle-icon--Transition);
|
|
6940
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
6941
|
+
}
|
|
6942
|
+
|
|
6943
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
6944
|
+
scale: -1 1;
|
|
6945
|
+
}
|
|
6946
|
+
|
|
6947
|
+
.pf-v6-c-form__field-group-header {
|
|
6948
|
+
display: flex;
|
|
6949
|
+
grid-row: 1/2;
|
|
6950
|
+
grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
|
|
6951
|
+
align-items: flex-start;
|
|
6952
|
+
padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
|
6953
|
+
padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
|
|
6954
|
+
}
|
|
6955
|
+
|
|
6956
|
+
.pf-v6-c-form__field-group-header-main {
|
|
6957
|
+
display: flex;
|
|
6958
|
+
flex-direction: column;
|
|
6959
|
+
flex-grow: 1;
|
|
6960
|
+
}
|
|
6961
|
+
|
|
6962
|
+
.pf-v6-c-form__field-group-header-title {
|
|
6963
|
+
display: flex;
|
|
6964
|
+
}
|
|
6965
|
+
|
|
6966
|
+
.pf-v6-c-form__field-group-header-title-text {
|
|
6967
|
+
flex-grow: 1;
|
|
6968
|
+
}
|
|
6969
|
+
|
|
6970
|
+
.pf-v6-c-form__field-group-header-description {
|
|
6971
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
|
|
6972
|
+
color: var(--pf-v6-c-form__field-group-header-description--Color);
|
|
6973
|
+
}
|
|
6974
|
+
|
|
6975
|
+
.pf-v6-c-form__field-group-header-actions {
|
|
6976
|
+
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
6977
|
+
white-space: nowrap;
|
|
6978
|
+
}
|
|
6979
|
+
|
|
6980
|
+
.pf-v6-c-form__field-group-body {
|
|
6981
|
+
display: grid;
|
|
6982
|
+
grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
|
|
6983
|
+
gap: var(--pf-v6-c-form__field-group-body--Gap);
|
|
6984
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
6985
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
6986
|
+
}
|
|
6987
|
+
|
|
6988
|
+
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
6989
|
+
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
6990
|
+
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
6991
|
+
}
|
|
6992
|
+
|
|
6993
|
+
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
|
|
6994
|
+
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6995
|
+
}
|
|
6996
|
+
|
|
6997
|
+
:where(:root, .pf-v6-c-form-control) {
|
|
6998
|
+
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6999
|
+
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
7000
|
+
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7001
|
+
--pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
7002
|
+
--pf-v6-c-form-control--Resize: none;
|
|
7003
|
+
--pf-v6-c-form-control--OutlineOffset: -6px;
|
|
7004
|
+
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7005
|
+
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7006
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7007
|
+
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7008
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7009
|
+
--pf-v6-c-form-control--after--BorderColor: transparent;
|
|
7010
|
+
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7011
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
7012
|
+
--pf-v6-c-form-control--Width: 100%;
|
|
7013
|
+
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
|
|
7014
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
7015
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
7016
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7017
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7018
|
+
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
7019
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7020
|
+
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7021
|
+
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7022
|
+
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7023
|
+
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7024
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
7025
|
+
--pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
|
|
7026
|
+
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
7027
|
+
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
7028
|
+
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
|
7029
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7030
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: transparent;
|
|
7031
|
+
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
7032
|
+
--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7033
|
+
--pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7034
|
+
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
7035
|
+
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
7036
|
+
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
7037
|
+
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7038
|
+
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
7039
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
7040
|
+
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7041
|
+
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
7042
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
7043
|
+
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
7044
|
+
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
7045
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
|
|
7046
|
+
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
7047
|
+
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
7048
|
+
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
7049
|
+
--pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
|
|
7050
|
+
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
|
|
7051
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7052
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7053
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
7054
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
7055
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
|
|
7056
|
+
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
7057
|
+
--pf-v6-c-form-control--textarea--Height: auto;
|
|
7058
|
+
--pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7059
|
+
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7060
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
7061
|
+
--pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7062
|
+
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7063
|
+
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7064
|
+
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
|
|
7065
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
|
|
7066
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7067
|
+
--pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7068
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
7069
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7070
|
+
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7071
|
+
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
7072
|
+
}
|
|
7073
|
+
|
|
7074
|
+
.pf-v6-c-form-control {
|
|
7075
|
+
position: relative;
|
|
7076
|
+
display: grid;
|
|
7077
|
+
grid-template-columns: 1fr auto;
|
|
7078
|
+
column-gap: var(--pf-v6-c-form-control--ColumnGap);
|
|
7079
|
+
align-items: start;
|
|
7080
|
+
width: var(--pf-v6-c-form-control--Width);
|
|
7081
|
+
font-size: var(--pf-v6-c-form-control--FontSize);
|
|
7082
|
+
line-height: var(--pf-v6-c-form-control--LineHeight);
|
|
7083
|
+
resize: var(--pf-v6-c-form-control--Resize);
|
|
7084
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7085
|
+
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7086
|
+
}
|
|
7087
|
+
|
|
7088
|
+
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
7089
|
+
position: absolute;
|
|
7090
|
+
inset: 0;
|
|
7091
|
+
pointer-events: none;
|
|
7092
|
+
content: "";
|
|
7093
|
+
}
|
|
7094
|
+
|
|
7095
|
+
.pf-v6-c-form-control::before {
|
|
7096
|
+
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
7097
|
+
border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
|
|
7098
|
+
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
|
|
7099
|
+
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
7100
|
+
}
|
|
7101
|
+
|
|
7102
|
+
.pf-v6-c-form-control::after {
|
|
7103
|
+
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle, solid) var(--pf-v6-c-form-control--after--BorderColor);
|
|
7104
|
+
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
|
7105
|
+
}
|
|
7106
|
+
|
|
7107
|
+
.pf-v6-c-form-control > :is(input, select, textarea) {
|
|
7108
|
+
grid-row: 1/2;
|
|
7109
|
+
grid-column: 1/-1;
|
|
7110
|
+
padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
7111
|
+
padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
|
|
7112
|
+
padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
|
|
7113
|
+
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
7114
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
7115
|
+
background-color: transparent;
|
|
7116
|
+
border: none;
|
|
7117
|
+
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
7118
|
+
-moz-appearance: none;
|
|
7119
|
+
-webkit-appearance: none;
|
|
7120
|
+
}
|
|
7121
|
+
|
|
7122
|
+
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
7123
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
7124
|
+
}
|
|
7125
|
+
|
|
7126
|
+
.pf-v6-c-form-control > ::placeholder {
|
|
7127
|
+
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7128
|
+
}
|
|
7129
|
+
|
|
7130
|
+
.pf-v6-c-form-control > :is(input, select) {
|
|
7131
|
+
text-overflow: ellipsis;
|
|
7132
|
+
}
|
|
7133
|
+
|
|
7134
|
+
.pf-v6-c-form-control.pf-m-readonly {
|
|
7135
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
7136
|
+
--pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
7137
|
+
}
|
|
7138
|
+
|
|
7139
|
+
.pf-v6-c-form-control.pf-m-readonly:hover {
|
|
7140
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
7141
|
+
}
|
|
7142
|
+
|
|
7143
|
+
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
7144
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
7145
|
+
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
7146
|
+
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
|
|
7147
|
+
}
|
|
7148
|
+
|
|
7149
|
+
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
7150
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
|
|
7151
|
+
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
|
|
7152
|
+
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
7153
|
+
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
7154
|
+
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
7155
|
+
}
|
|
7156
|
+
|
|
7157
|
+
.pf-v6-c-form-control:hover {
|
|
7158
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
7159
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
7160
|
+
}
|
|
7161
|
+
|
|
7162
|
+
.pf-v6-c-form-control.pf-m-expanded {
|
|
7163
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
7164
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
7165
|
+
}
|
|
7166
|
+
|
|
7167
|
+
.pf-v6-c-form-control.pf-m-disabled {
|
|
7168
|
+
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
|
|
7169
|
+
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
7170
|
+
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
7171
|
+
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
7172
|
+
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
7173
|
+
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
7174
|
+
cursor: not-allowed;
|
|
7175
|
+
}
|
|
7176
|
+
|
|
7177
|
+
.pf-v6-c-form-control.pf-m-error {
|
|
7178
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
7179
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
7180
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
7181
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
7182
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
7183
|
+
}
|
|
7184
|
+
|
|
7185
|
+
.pf-v6-c-form-control.pf-m-error.pf-m-icon {
|
|
7186
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7187
|
+
}
|
|
7188
|
+
|
|
7189
|
+
.pf-v6-c-form-control.pf-m-success {
|
|
7190
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
7191
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
7192
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
7193
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
7194
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
7195
|
+
}
|
|
7196
|
+
|
|
7197
|
+
.pf-v6-c-form-control.pf-m-success.pf-m-icon {
|
|
7198
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7199
|
+
}
|
|
7200
|
+
|
|
7201
|
+
.pf-v6-c-form-control.pf-m-warning {
|
|
7202
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
7203
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
7204
|
+
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
7205
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
7206
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
7207
|
+
}
|
|
7208
|
+
|
|
7209
|
+
.pf-v6-c-form-control.pf-m-warning.pf-m-icon {
|
|
7210
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7211
|
+
}
|
|
7212
|
+
|
|
7213
|
+
.pf-v6-c-form-control.pf-m-icon {
|
|
7214
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
7215
|
+
}
|
|
7216
|
+
|
|
7217
|
+
.pf-v6-c-form-control > select {
|
|
7218
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
7219
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
7220
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7221
|
+
}
|
|
7222
|
+
|
|
7223
|
+
@-moz-document url-prefix() {
|
|
7224
|
+
.pf-v6-c-form-control > select {
|
|
7225
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
7226
|
+
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
7227
|
+
}
|
|
7228
|
+
}
|
|
7229
|
+
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
7230
|
+
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7231
|
+
}
|
|
7232
|
+
|
|
7233
|
+
.pf-v6-c-form-control.pf-m-placeholder > select * {
|
|
7234
|
+
color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
|
|
7240
7235
|
}
|
|
7241
7236
|
|
|
7242
|
-
|
|
7243
|
-
|
|
7237
|
+
.pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
|
|
7238
|
+
color: revert;
|
|
7244
7239
|
}
|
|
7245
7240
|
|
|
7246
|
-
.pf-v6-c-
|
|
7247
|
-
|
|
7248
|
-
|
|
7249
|
-
|
|
7250
|
-
|
|
7251
|
-
padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
|
7252
|
-
padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
|
|
7241
|
+
.pf-v6-c-form-control > textarea {
|
|
7242
|
+
width: 100%;
|
|
7243
|
+
height: 100%;
|
|
7244
|
+
vertical-align: bottom;
|
|
7245
|
+
resize: none;
|
|
7253
7246
|
}
|
|
7254
7247
|
|
|
7255
|
-
.pf-v6-c-
|
|
7256
|
-
|
|
7257
|
-
|
|
7258
|
-
flex-grow: 1;
|
|
7248
|
+
.pf-v6-c-form-control.pf-m-resize-vertical {
|
|
7249
|
+
--pf-v6-c-form-control--Resize: vertical;
|
|
7250
|
+
overflow: auto;
|
|
7259
7251
|
}
|
|
7260
7252
|
|
|
7261
|
-
.pf-v6-c-
|
|
7262
|
-
|
|
7253
|
+
.pf-v6-c-form-control.pf-m-resize-horizontal {
|
|
7254
|
+
--pf-v6-c-form-control--Resize: horizontal;
|
|
7255
|
+
overflow: auto;
|
|
7263
7256
|
}
|
|
7264
7257
|
|
|
7265
|
-
.pf-v6-c-
|
|
7266
|
-
|
|
7258
|
+
.pf-v6-c-form-control.pf-m-resize-both {
|
|
7259
|
+
--pf-v6-c-form-control--Resize: both;
|
|
7260
|
+
overflow: auto;
|
|
7267
7261
|
}
|
|
7268
7262
|
|
|
7269
|
-
.pf-v6-c-
|
|
7270
|
-
|
|
7271
|
-
color: var(--pf-v6-c-
|
|
7263
|
+
.pf-v6-c-form-control__icon {
|
|
7264
|
+
padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
|
|
7265
|
+
color: var(--pf-v6-c-form-control__icon--Color);
|
|
7272
7266
|
}
|
|
7273
7267
|
|
|
7274
|
-
.pf-v6-c-
|
|
7275
|
-
|
|
7276
|
-
white-space: nowrap;
|
|
7268
|
+
.pf-v6-c-form-control__icon.pf-m-status {
|
|
7269
|
+
--pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
|
|
7277
7270
|
}
|
|
7278
7271
|
|
|
7279
|
-
.pf-v6-c-
|
|
7280
|
-
|
|
7281
|
-
grid-column:
|
|
7282
|
-
|
|
7283
|
-
padding-
|
|
7284
|
-
padding-
|
|
7272
|
+
.pf-v6-c-form-control__toggle-icon {
|
|
7273
|
+
grid-row: 1/2;
|
|
7274
|
+
grid-column: 3;
|
|
7275
|
+
padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
|
|
7276
|
+
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
7277
|
+
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
7278
|
+
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
7279
|
+
pointer-events: none;
|
|
7285
7280
|
}
|
|
7286
7281
|
|
|
7287
|
-
.pf-v6-c-
|
|
7288
|
-
|
|
7289
|
-
|
|
7282
|
+
.pf-v6-c-form-control__utilities {
|
|
7283
|
+
display: flex;
|
|
7284
|
+
flex-wrap: nowrap;
|
|
7285
|
+
grid-row: 1/2;
|
|
7286
|
+
grid-column: 2;
|
|
7287
|
+
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
7288
|
+
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
7289
|
+
pointer-events: none;
|
|
7290
7290
|
}
|
|
7291
7291
|
|
|
7292
|
-
|
|
7293
|
-
|
|
7292
|
+
select ~ .pf-v6-c-form-control__utilities {
|
|
7293
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7294
7294
|
}
|
|
7295
7295
|
|
|
7296
7296
|
:where(:root, .pf-v6-c-helper-text) {
|
|
@@ -12930,47 +12930,226 @@ ul.pf-v6-c-list {
|
|
|
12930
12930
|
padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
|
|
12931
12931
|
}
|
|
12932
12932
|
|
|
12933
|
-
.pf-v6-c-popover__arrow {
|
|
12934
|
-
position: absolute;
|
|
12935
|
-
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
12936
|
-
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12937
|
-
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12938
|
-
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12939
|
-
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12940
|
-
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12941
|
-
pointer-events: none;
|
|
12942
|
-
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12943
|
-
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12944
|
-
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
12933
|
+
.pf-v6-c-popover__arrow {
|
|
12934
|
+
position: absolute;
|
|
12935
|
+
top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
|
|
12936
|
+
right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
|
|
12937
|
+
bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
|
|
12938
|
+
left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
|
|
12939
|
+
width: var(--pf-v6-c-popover__arrow--Width);
|
|
12940
|
+
height: var(--pf-v6-c-popover__arrow--Height);
|
|
12941
|
+
pointer-events: none;
|
|
12942
|
+
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
12943
|
+
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
12944
|
+
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
12945
|
+
}
|
|
12946
|
+
|
|
12947
|
+
.pf-v6-c-popover__header {
|
|
12948
|
+
margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
|
|
12949
|
+
}
|
|
12950
|
+
|
|
12951
|
+
.pf-v6-c-popover__title {
|
|
12952
|
+
display: flex;
|
|
12953
|
+
flex: 0 0 auto;
|
|
12954
|
+
}
|
|
12955
|
+
|
|
12956
|
+
.pf-v6-c-popover__title-icon {
|
|
12957
|
+
margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
|
|
12958
|
+
font-size: var(--pf-v6-c-popover__title-icon--FontSize);
|
|
12959
|
+
color: var(--pf-v6-c-popover__title-icon--Color);
|
|
12960
|
+
}
|
|
12961
|
+
|
|
12962
|
+
.pf-v6-c-popover__title-text {
|
|
12963
|
+
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12964
|
+
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12965
|
+
color: var(--pf-v6-c-popover__title-text--Color);
|
|
12966
|
+
}
|
|
12967
|
+
|
|
12968
|
+
.pf-v6-c-popover__body {
|
|
12969
|
+
word-wrap: break-word;
|
|
12970
|
+
}
|
|
12971
|
+
|
|
12972
|
+
.pf-v6-c-popover__footer {
|
|
12973
|
+
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12974
|
+
}
|
|
12975
|
+
|
|
12976
|
+
:where(:root, .pf-v6-c-progress) {
|
|
12977
|
+
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12978
|
+
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12979
|
+
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12980
|
+
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
12981
|
+
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
12982
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
12983
|
+
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
12984
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
12985
|
+
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
12986
|
+
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
12987
|
+
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
12988
|
+
--pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
12989
|
+
--pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
12990
|
+
--pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
12991
|
+
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
12992
|
+
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
12993
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
12994
|
+
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
12995
|
+
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
12996
|
+
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
12997
|
+
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12998
|
+
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
12999
|
+
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13000
|
+
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13001
|
+
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13002
|
+
}
|
|
13003
|
+
|
|
13004
|
+
.pf-v6-c-progress {
|
|
13005
|
+
display: grid;
|
|
13006
|
+
grid-template-rows: 1fr auto;
|
|
13007
|
+
grid-template-columns: auto auto;
|
|
13008
|
+
grid-gap: var(--pf-v6-c-progress--GridGap);
|
|
13009
|
+
align-items: end;
|
|
13010
|
+
}
|
|
13011
|
+
|
|
13012
|
+
.pf-v6-c-progress.pf-m-sm {
|
|
13013
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13014
|
+
}
|
|
13015
|
+
|
|
13016
|
+
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13017
|
+
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13018
|
+
}
|
|
13019
|
+
|
|
13020
|
+
.pf-v6-c-progress.pf-m-lg {
|
|
13021
|
+
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13022
|
+
}
|
|
13023
|
+
|
|
13024
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13025
|
+
display: flex;
|
|
13026
|
+
align-items: center;
|
|
13027
|
+
justify-content: center;
|
|
13028
|
+
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13029
|
+
}
|
|
13030
|
+
|
|
13031
|
+
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13032
|
+
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13033
|
+
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13034
|
+
text-align: center;
|
|
13035
|
+
}
|
|
13036
|
+
|
|
13037
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
|
|
13038
|
+
grid-column: 1/3;
|
|
13039
|
+
}
|
|
13040
|
+
|
|
13041
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
|
|
13042
|
+
grid-row: 2/3;
|
|
13043
|
+
grid-column: 2/3;
|
|
13044
|
+
align-self: center;
|
|
13045
|
+
}
|
|
13046
|
+
|
|
13047
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
|
|
13048
|
+
display: inline-block;
|
|
13049
|
+
font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
|
|
13050
|
+
}
|
|
13051
|
+
|
|
13052
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13053
|
+
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13054
|
+
text-align: start;
|
|
13055
|
+
}
|
|
13056
|
+
|
|
13057
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13058
|
+
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13059
|
+
grid-column: 1/2;
|
|
13060
|
+
}
|
|
13061
|
+
|
|
13062
|
+
.pf-v6-c-progress.pf-m-singleline {
|
|
13063
|
+
grid-template-rows: 1fr;
|
|
13064
|
+
}
|
|
13065
|
+
|
|
13066
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13067
|
+
display: none;
|
|
13068
|
+
}
|
|
13069
|
+
|
|
13070
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13071
|
+
grid-row: 1/2;
|
|
13072
|
+
grid-column: 1/2;
|
|
13073
|
+
}
|
|
13074
|
+
|
|
13075
|
+
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13076
|
+
grid-row: 1/2;
|
|
13077
|
+
grid-column: 2/3;
|
|
13078
|
+
}
|
|
13079
|
+
|
|
13080
|
+
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13081
|
+
grid-template-columns: 1fr fit-content(50%);
|
|
13082
|
+
}
|
|
13083
|
+
|
|
13084
|
+
.pf-v6-c-progress.pf-m-success {
|
|
13085
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13086
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13087
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13088
|
+
}
|
|
13089
|
+
|
|
13090
|
+
.pf-v6-c-progress.pf-m-warning {
|
|
13091
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13092
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13093
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13094
|
+
}
|
|
13095
|
+
|
|
13096
|
+
.pf-v6-c-progress.pf-m-danger {
|
|
13097
|
+
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13098
|
+
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13099
|
+
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13100
|
+
}
|
|
13101
|
+
|
|
13102
|
+
.pf-v6-c-progress__description {
|
|
13103
|
+
grid-column: 1/2;
|
|
13104
|
+
word-break: break-word;
|
|
13105
|
+
}
|
|
13106
|
+
|
|
13107
|
+
.pf-v6-c-progress__description.pf-m-truncate {
|
|
13108
|
+
overflow: hidden;
|
|
13109
|
+
text-overflow: ellipsis;
|
|
13110
|
+
white-space: nowrap;
|
|
12945
13111
|
}
|
|
12946
13112
|
|
|
12947
|
-
.pf-v6-c-
|
|
12948
|
-
|
|
13113
|
+
.pf-v6-c-progress__status {
|
|
13114
|
+
display: flex;
|
|
13115
|
+
grid-row: 1/2;
|
|
13116
|
+
grid-column: 2/3;
|
|
13117
|
+
gap: var(--pf-v6-c-progress__status--Gap);
|
|
13118
|
+
align-items: flex-start;
|
|
13119
|
+
justify-content: flex-end;
|
|
13120
|
+
text-align: end;
|
|
13121
|
+
word-break: break-word;
|
|
12949
13122
|
}
|
|
12950
13123
|
|
|
12951
|
-
.pf-v6-c-
|
|
12952
|
-
|
|
12953
|
-
flex: 0 0 auto;
|
|
13124
|
+
.pf-v6-c-progress__status-icon {
|
|
13125
|
+
color: var(--pf-v6-c-progress__status-icon--Color);
|
|
12954
13126
|
}
|
|
12955
13127
|
|
|
12956
|
-
.pf-v6-c-
|
|
12957
|
-
|
|
12958
|
-
|
|
12959
|
-
|
|
13128
|
+
.pf-v6-c-progress__bar::before,
|
|
13129
|
+
.pf-v6-c-progress__indicator {
|
|
13130
|
+
inset-block-start: 0;
|
|
13131
|
+
inset-inline-start: 0;
|
|
12960
13132
|
}
|
|
12961
13133
|
|
|
12962
|
-
.pf-v6-c-
|
|
12963
|
-
|
|
12964
|
-
|
|
12965
|
-
|
|
13134
|
+
.pf-v6-c-progress__bar {
|
|
13135
|
+
position: relative;
|
|
13136
|
+
grid-row: 2/3;
|
|
13137
|
+
grid-column: 1/3;
|
|
13138
|
+
align-self: center;
|
|
13139
|
+
height: var(--pf-v6-c-progress__bar--Height);
|
|
13140
|
+
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
12966
13141
|
}
|
|
12967
13142
|
|
|
12968
|
-
.pf-v6-c-
|
|
12969
|
-
|
|
13143
|
+
.pf-v6-c-progress__indicator {
|
|
13144
|
+
position: absolute;
|
|
13145
|
+
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13146
|
+
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
12970
13147
|
}
|
|
12971
13148
|
|
|
12972
|
-
.pf-v6-c-
|
|
12973
|
-
|
|
13149
|
+
.pf-v6-c-progress__helper-text {
|
|
13150
|
+
grid-row: 3/4;
|
|
13151
|
+
grid-column: 1/3;
|
|
13152
|
+
margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
|
|
12974
13153
|
}
|
|
12975
13154
|
|
|
12976
13155
|
:where(:root, .pf-v6-c-progress-stepper) {
|
|
@@ -13608,183 +13787,90 @@ ul.pf-v6-c-list {
|
|
|
13608
13787
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
13609
13788
|
}
|
|
13610
13789
|
}
|
|
13611
|
-
:where(:root, .pf-v6-c-
|
|
13612
|
-
--pf-v6-c-
|
|
13613
|
-
--pf-v6-c-
|
|
13614
|
-
--pf-v6-c-
|
|
13615
|
-
--pf-v6-c-
|
|
13616
|
-
--pf-v6-c-
|
|
13617
|
-
--pf-v6-c-
|
|
13618
|
-
--pf-v6-c-
|
|
13619
|
-
--pf-v6-c-
|
|
13620
|
-
--pf-v6-c-
|
|
13621
|
-
--pf-v6-c-
|
|
13622
|
-
--pf-v6-c-
|
|
13623
|
-
--pf-v6-c-
|
|
13624
|
-
--pf-v6-c-
|
|
13625
|
-
--pf-v6-c-
|
|
13626
|
-
--pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13627
|
-
--pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
|
|
13628
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
13629
|
-
--pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
|
|
13630
|
-
--pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
|
|
13631
|
-
--pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
13632
|
-
--pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13633
|
-
--pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
|
|
13634
|
-
--pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
|
|
13635
|
-
--pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13636
|
-
--pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
|
|
13790
|
+
:where(:root, .pf-v6-c-radio) {
|
|
13791
|
+
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13792
|
+
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13793
|
+
--pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
13794
|
+
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
13795
|
+
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
13796
|
+
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
13797
|
+
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
13798
|
+
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
13799
|
+
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
13800
|
+
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
13801
|
+
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
13802
|
+
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
13803
|
+
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
13804
|
+
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
13637
13805
|
}
|
|
13638
13806
|
|
|
13639
|
-
.pf-v6-c-
|
|
13807
|
+
.pf-v6-c-radio {
|
|
13640
13808
|
display: grid;
|
|
13641
|
-
grid-template-
|
|
13642
|
-
grid-
|
|
13643
|
-
|
|
13644
|
-
|
|
13645
|
-
}
|
|
13646
|
-
|
|
13647
|
-
.pf-v6-c-progress.pf-m-sm {
|
|
13648
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
|
|
13649
|
-
}
|
|
13650
|
-
|
|
13651
|
-
.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
|
|
13652
|
-
font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
|
|
13653
|
-
}
|
|
13654
|
-
|
|
13655
|
-
.pf-v6-c-progress.pf-m-lg {
|
|
13656
|
-
--pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
|
|
13657
|
-
}
|
|
13658
|
-
|
|
13659
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
|
|
13660
|
-
display: flex;
|
|
13661
|
-
align-items: center;
|
|
13662
|
-
justify-content: center;
|
|
13663
|
-
min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
|
|
13664
|
-
}
|
|
13665
|
-
|
|
13666
|
-
.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
|
|
13667
|
-
font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
|
|
13668
|
-
color: var(--pf-v6-c-progress--m-inside__measure--Color);
|
|
13669
|
-
text-align: center;
|
|
13809
|
+
grid-template-columns: auto 1fr;
|
|
13810
|
+
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
13811
|
+
align-items: baseline;
|
|
13812
|
+
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
13670
13813
|
}
|
|
13671
13814
|
|
|
13672
|
-
.pf-v6-c-
|
|
13673
|
-
|
|
13815
|
+
.pf-v6-c-radio.pf-m-standalone {
|
|
13816
|
+
display: inline-grid;
|
|
13817
|
+
grid-template-columns: auto;
|
|
13818
|
+
height: var(--pf-v6-c-check--Height);
|
|
13674
13819
|
}
|
|
13675
13820
|
|
|
13676
|
-
.pf-v6-c-
|
|
13677
|
-
grid-row: 2/3;
|
|
13678
|
-
grid-column: 2/3;
|
|
13821
|
+
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
13679
13822
|
align-self: center;
|
|
13823
|
+
transform: none;
|
|
13680
13824
|
}
|
|
13681
13825
|
|
|
13682
|
-
.pf-v6-c-
|
|
13683
|
-
|
|
13684
|
-
font-size: var(--pf-v6-c-
|
|
13685
|
-
|
|
13686
|
-
|
|
13687
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
|
|
13688
|
-
min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
|
|
13689
|
-
text-align: start;
|
|
13690
|
-
}
|
|
13691
|
-
|
|
13692
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
|
|
13693
|
-
.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
|
|
13694
|
-
grid-column: 1/2;
|
|
13695
|
-
}
|
|
13696
|
-
|
|
13697
|
-
.pf-v6-c-progress.pf-m-singleline {
|
|
13698
|
-
grid-template-rows: 1fr;
|
|
13699
|
-
}
|
|
13700
|
-
|
|
13701
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
|
|
13702
|
-
display: none;
|
|
13703
|
-
}
|
|
13704
|
-
|
|
13705
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
|
|
13706
|
-
grid-row: 1/2;
|
|
13707
|
-
grid-column: 1/2;
|
|
13708
|
-
}
|
|
13709
|
-
|
|
13710
|
-
.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
|
|
13711
|
-
grid-row: 1/2;
|
|
13712
|
-
grid-column: 2/3;
|
|
13713
|
-
}
|
|
13714
|
-
|
|
13715
|
-
.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
|
|
13716
|
-
grid-template-columns: 1fr fit-content(50%);
|
|
13717
|
-
}
|
|
13718
|
-
|
|
13719
|
-
.pf-v6-c-progress.pf-m-success {
|
|
13720
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
|
|
13721
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
|
|
13722
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
|
|
13723
|
-
}
|
|
13724
|
-
|
|
13725
|
-
.pf-v6-c-progress.pf-m-warning {
|
|
13726
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
|
|
13727
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
|
|
13728
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
|
|
13729
|
-
}
|
|
13730
|
-
|
|
13731
|
-
.pf-v6-c-progress.pf-m-danger {
|
|
13732
|
-
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
|
|
13733
|
-
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
13734
|
-
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
13826
|
+
.pf-v6-c-radio__input {
|
|
13827
|
+
align-self: start;
|
|
13828
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13829
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13830
|
+
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
13735
13831
|
}
|
|
13736
13832
|
|
|
13737
|
-
.pf-v6-c-
|
|
13738
|
-
|
|
13739
|
-
word-break: break-word;
|
|
13833
|
+
.pf-v6-c-radio__input:first-child {
|
|
13834
|
+
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
13740
13835
|
}
|
|
13741
13836
|
|
|
13742
|
-
.pf-v6-c-
|
|
13743
|
-
|
|
13744
|
-
text-overflow: ellipsis;
|
|
13745
|
-
white-space: nowrap;
|
|
13837
|
+
.pf-v6-c-radio__input:last-child {
|
|
13838
|
+
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
13746
13839
|
}
|
|
13747
13840
|
|
|
13748
|
-
.pf-v6-c-
|
|
13749
|
-
|
|
13750
|
-
|
|
13751
|
-
|
|
13752
|
-
|
|
13753
|
-
align-items: flex-start;
|
|
13754
|
-
justify-content: flex-end;
|
|
13755
|
-
text-align: end;
|
|
13756
|
-
word-break: break-word;
|
|
13841
|
+
.pf-v6-c-radio__label {
|
|
13842
|
+
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
13843
|
+
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
13844
|
+
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
13845
|
+
color: var(--pf-v6-c-radio__label--Color);
|
|
13757
13846
|
}
|
|
13758
13847
|
|
|
13759
|
-
.pf-v6-c-
|
|
13760
|
-
|
|
13848
|
+
.pf-v6-c-radio__description {
|
|
13849
|
+
grid-column: 2;
|
|
13850
|
+
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
13851
|
+
color: var(--pf-v6-c-radio__description--Color);
|
|
13761
13852
|
}
|
|
13762
13853
|
|
|
13763
|
-
.pf-v6-c-
|
|
13764
|
-
|
|
13765
|
-
|
|
13766
|
-
inset-inline-start: 0;
|
|
13854
|
+
.pf-v6-c-radio__body {
|
|
13855
|
+
grid-column: 2;
|
|
13856
|
+
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
13767
13857
|
}
|
|
13768
|
-
|
|
13769
|
-
.pf-v6-c-
|
|
13770
|
-
|
|
13771
|
-
|
|
13772
|
-
grid-column: 1/3;
|
|
13773
|
-
align-self: center;
|
|
13774
|
-
height: var(--pf-v6-c-progress__bar--Height);
|
|
13775
|
-
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13858
|
+
|
|
13859
|
+
.pf-v6-c-radio__label,
|
|
13860
|
+
.pf-v6-c-radio__input {
|
|
13861
|
+
justify-self: start;
|
|
13776
13862
|
}
|
|
13777
13863
|
|
|
13778
|
-
.pf-v6-c-
|
|
13779
|
-
|
|
13780
|
-
|
|
13781
|
-
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
13864
|
+
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13865
|
+
.pf-v6-c-radio__input {
|
|
13866
|
+
cursor: pointer;
|
|
13782
13867
|
}
|
|
13783
13868
|
|
|
13784
|
-
.pf-v6-c-
|
|
13785
|
-
|
|
13786
|
-
|
|
13787
|
-
|
|
13869
|
+
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
13870
|
+
.pf-v6-c-radio__input:disabled,
|
|
13871
|
+
.pf-v6-c-radio__input.pf-m-disabled {
|
|
13872
|
+
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
13873
|
+
cursor: not-allowed;
|
|
13788
13874
|
}
|
|
13789
13875
|
|
|
13790
13876
|
:where(:root, .pf-v6-c-text-input-group) {
|
|
@@ -14001,92 +14087,6 @@ ul.pf-v6-c-list {
|
|
|
14001
14087
|
display: flex;
|
|
14002
14088
|
}
|
|
14003
14089
|
|
|
14004
|
-
:where(:root, .pf-v6-c-radio) {
|
|
14005
|
-
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
14006
|
-
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
14007
|
-
--pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
14008
|
-
--pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
14009
|
-
--pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
|
|
14010
|
-
--pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
14011
|
-
--pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
14012
|
-
--pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14013
|
-
--pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14014
|
-
--pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
|
|
14015
|
-
--pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
|
|
14016
|
-
--pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
|
|
14017
|
-
--pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
14018
|
-
--pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
|
|
14019
|
-
}
|
|
14020
|
-
|
|
14021
|
-
.pf-v6-c-radio {
|
|
14022
|
-
display: grid;
|
|
14023
|
-
grid-template-columns: auto 1fr;
|
|
14024
|
-
grid-gap: var(--pf-v6-c-radio--GridGap);
|
|
14025
|
-
align-items: baseline;
|
|
14026
|
-
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
14027
|
-
}
|
|
14028
|
-
|
|
14029
|
-
.pf-v6-c-radio.pf-m-standalone {
|
|
14030
|
-
display: inline-grid;
|
|
14031
|
-
grid-template-columns: auto;
|
|
14032
|
-
height: var(--pf-v6-c-check--Height);
|
|
14033
|
-
}
|
|
14034
|
-
|
|
14035
|
-
.pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
|
|
14036
|
-
align-self: center;
|
|
14037
|
-
transform: none;
|
|
14038
|
-
}
|
|
14039
|
-
|
|
14040
|
-
.pf-v6-c-radio__input {
|
|
14041
|
-
align-self: start;
|
|
14042
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
14043
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
14044
|
-
transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
|
|
14045
|
-
}
|
|
14046
|
-
|
|
14047
|
-
.pf-v6-c-radio__input:first-child {
|
|
14048
|
-
margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
|
|
14049
|
-
}
|
|
14050
|
-
|
|
14051
|
-
.pf-v6-c-radio__input:last-child {
|
|
14052
|
-
margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
|
|
14053
|
-
}
|
|
14054
|
-
|
|
14055
|
-
.pf-v6-c-radio__label {
|
|
14056
|
-
font-size: var(--pf-v6-c-radio__label--FontSize);
|
|
14057
|
-
font-weight: var(--pf-v6-c-radio__label--FontWeight);
|
|
14058
|
-
line-height: var(--pf-v6-c-radio__label--LineHeight);
|
|
14059
|
-
color: var(--pf-v6-c-radio__label--Color);
|
|
14060
|
-
}
|
|
14061
|
-
|
|
14062
|
-
.pf-v6-c-radio__description {
|
|
14063
|
-
grid-column: 2;
|
|
14064
|
-
font-size: var(--pf-v6-c-radio__description--FontSize);
|
|
14065
|
-
color: var(--pf-v6-c-radio__description--Color);
|
|
14066
|
-
}
|
|
14067
|
-
|
|
14068
|
-
.pf-v6-c-radio__body {
|
|
14069
|
-
grid-column: 2;
|
|
14070
|
-
margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
|
|
14071
|
-
}
|
|
14072
|
-
|
|
14073
|
-
.pf-v6-c-radio__label,
|
|
14074
|
-
.pf-v6-c-radio__input {
|
|
14075
|
-
justify-self: start;
|
|
14076
|
-
}
|
|
14077
|
-
|
|
14078
|
-
label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14079
|
-
.pf-v6-c-radio__input {
|
|
14080
|
-
cursor: pointer;
|
|
14081
|
-
}
|
|
14082
|
-
|
|
14083
|
-
.pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
|
|
14084
|
-
.pf-v6-c-radio__input:disabled,
|
|
14085
|
-
.pf-v6-c-radio__input.pf-m-disabled {
|
|
14086
|
-
--pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
|
|
14087
|
-
cursor: not-allowed;
|
|
14088
|
-
}
|
|
14089
|
-
|
|
14090
14090
|
:where(:root, .pf-v6-c-simple-list) {
|
|
14091
14091
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
14092
14092
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -14688,166 +14688,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14688
14688
|
transform: rotate(720deg);
|
|
14689
14689
|
}
|
|
14690
14690
|
}
|
|
14691
|
-
:where(:root, .pf-v6-c-
|
|
14692
|
-
--pf-v6-c-
|
|
14693
|
-
--pf-v6-c-
|
|
14694
|
-
--pf-v6-c-
|
|
14695
|
-
--pf-v6-c-
|
|
14696
|
-
--pf-v6-c-
|
|
14697
|
-
--pf-v6-c-
|
|
14698
|
-
--pf-v6-c-
|
|
14699
|
-
--pf-v6-c-
|
|
14700
|
-
--pf-v6-c-
|
|
14701
|
-
--pf-v6-c-
|
|
14702
|
-
--pf-v6-c-
|
|
14703
|
-
--pf-v6-c-
|
|
14704
|
-
--pf-v6-c-
|
|
14705
|
-
--pf-v6-c-
|
|
14706
|
-
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14707
|
-
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14708
|
-
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14709
|
-
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14710
|
-
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14711
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14712
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14713
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14714
|
-
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14715
|
-
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14716
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14717
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14718
|
-
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14719
|
-
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14720
|
-
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14721
|
-
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14722
|
-
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14723
|
-
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14724
|
-
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14725
|
-
}
|
|
14726
|
-
|
|
14727
|
-
.pf-v6-c-switch {
|
|
14728
|
-
position: relative;
|
|
14729
|
-
display: inline-grid;
|
|
14730
|
-
grid-template-columns: auto;
|
|
14731
|
-
grid-auto-columns: 1fr;
|
|
14732
|
-
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14733
|
-
height: var(--pf-v6-c-switch--Height);
|
|
14734
|
-
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14735
|
-
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14736
|
-
vertical-align: middle;
|
|
14737
|
-
cursor: pointer;
|
|
14738
|
-
}
|
|
14739
|
-
|
|
14740
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14741
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14742
|
-
grid-row: 1;
|
|
14743
|
-
}
|
|
14744
|
-
|
|
14745
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14746
|
-
grid-column: 1;
|
|
14747
|
-
}
|
|
14748
|
-
|
|
14749
|
-
.pf-v6-c-switch__input {
|
|
14750
|
-
position: absolute;
|
|
14751
|
-
cursor: pointer;
|
|
14752
|
-
opacity: 0;
|
|
14753
|
-
}
|
|
14754
|
-
|
|
14755
|
-
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
14756
|
-
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
14757
|
-
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
14758
|
-
}
|
|
14759
|
-
|
|
14760
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
14761
|
-
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
14762
|
-
}
|
|
14763
|
-
|
|
14764
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
14765
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
14766
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
14767
|
-
}
|
|
14768
|
-
|
|
14769
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14770
|
-
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
14771
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
14772
|
-
}
|
|
14773
|
-
|
|
14774
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14775
|
-
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
14776
|
-
}
|
|
14777
|
-
|
|
14778
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
14779
|
-
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
14780
|
-
}
|
|
14781
|
-
|
|
14782
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
14783
|
-
display: none;
|
|
14784
|
-
}
|
|
14785
|
-
|
|
14786
|
-
.pf-v6-c-switch__input:disabled {
|
|
14787
|
-
cursor: not-allowed;
|
|
14788
|
-
}
|
|
14789
|
-
|
|
14790
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
14791
|
-
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
14792
|
-
cursor: not-allowed;
|
|
14793
|
-
}
|
|
14794
|
-
|
|
14795
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
14796
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
14797
|
-
cursor: not-allowed;
|
|
14798
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
14799
|
-
}
|
|
14800
|
-
|
|
14801
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
14802
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
14803
|
-
}
|
|
14804
|
-
|
|
14805
|
-
.pf-v6-c-switch__toggle {
|
|
14806
|
-
position: relative;
|
|
14807
|
-
display: inline-block;
|
|
14808
|
-
width: var(--pf-v6-c-switch__toggle--Width);
|
|
14809
|
-
height: var(--pf-v6-c-switch__toggle--Height);
|
|
14810
|
-
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
14811
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
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);
|
|
14812
14706
|
}
|
|
14813
14707
|
|
|
14814
|
-
.pf-v6-c-
|
|
14815
|
-
|
|
14816
|
-
inset-block-start: 50%;
|
|
14817
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
14818
|
-
display: block;
|
|
14819
|
-
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14820
|
-
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
14821
|
-
content: "";
|
|
14822
|
-
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
14823
|
-
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
14824
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
14825
|
-
transform: translateY(-50%);
|
|
14708
|
+
.pf-v6-c-tab-content {
|
|
14709
|
+
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
14826
14710
|
}
|
|
14827
14711
|
|
|
14828
|
-
|
|
14829
|
-
|
|
14830
|
-
|
|
14831
|
-
|
|
14832
|
-
|
|
14833
|
-
|
|
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);
|
|
14834
14722
|
}
|
|
14835
14723
|
|
|
14836
|
-
.pf-v6-c-
|
|
14837
|
-
|
|
14838
|
-
|
|
14839
|
-
|
|
14840
|
-
|
|
14841
|
-
display: flex;
|
|
14842
|
-
align-items: center;
|
|
14843
|
-
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
14844
|
-
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
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);
|
|
14845
14729
|
}
|
|
14846
14730
|
|
|
14847
|
-
.pf-v6-c-
|
|
14848
|
-
|
|
14849
|
-
|
|
14850
|
-
|
|
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);
|
|
14851
14736
|
}
|
|
14852
14737
|
|
|
14853
14738
|
:where(:root, .pf-v6-c-tabs) {
|
|
@@ -15726,51 +15611,166 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15726
15611
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
|
15727
15612
|
}
|
|
15728
15613
|
}
|
|
15729
|
-
:where(:root, .pf-v6-c-
|
|
15730
|
-
--pf-v6-c-
|
|
15731
|
-
--pf-v6-c-
|
|
15732
|
-
--pf-v6-c-
|
|
15733
|
-
--pf-v6-c-
|
|
15734
|
-
--pf-v6-c-
|
|
15735
|
-
--pf-v6-c-
|
|
15736
|
-
--pf-v6-c-
|
|
15737
|
-
--pf-v6-c-
|
|
15738
|
-
--pf-v6-c-
|
|
15739
|
-
--pf-v6-c-
|
|
15740
|
-
--pf-v6-c-
|
|
15741
|
-
--pf-v6-c-
|
|
15742
|
-
--pf-v6-c-
|
|
15743
|
-
--pf-v6-c-
|
|
15614
|
+
:where(:root, .pf-v6-c-switch) {
|
|
15615
|
+
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
15616
|
+
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15617
|
+
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
15618
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
15619
|
+
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
15620
|
+
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
15621
|
+
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15622
|
+
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15623
|
+
--pf-v6-c-switch--Height: auto;
|
|
15624
|
+
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15625
|
+
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15626
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
15627
|
+
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15628
|
+
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15629
|
+
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15630
|
+
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15631
|
+
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15632
|
+
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15633
|
+
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
15634
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
15635
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
15636
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
15637
|
+
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
15638
|
+
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15639
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
15640
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15641
|
+
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15642
|
+
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15643
|
+
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15644
|
+
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15645
|
+
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15646
|
+
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
15647
|
+
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
15744
15648
|
}
|
|
15745
15649
|
|
|
15746
|
-
.pf-v6-c-
|
|
15747
|
-
|
|
15650
|
+
.pf-v6-c-switch {
|
|
15651
|
+
position: relative;
|
|
15652
|
+
display: inline-grid;
|
|
15653
|
+
grid-template-columns: auto;
|
|
15654
|
+
grid-auto-columns: 1fr;
|
|
15655
|
+
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
15656
|
+
height: var(--pf-v6-c-switch--Height);
|
|
15657
|
+
font-size: var(--pf-v6-c-switch--FontSize);
|
|
15658
|
+
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
15659
|
+
vertical-align: middle;
|
|
15660
|
+
cursor: pointer;
|
|
15748
15661
|
}
|
|
15749
15662
|
|
|
15750
|
-
|
|
15751
|
-
|
|
15752
|
-
|
|
15753
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
15754
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15755
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15756
|
-
}
|
|
15663
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
15664
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
15665
|
+
grid-row: 1;
|
|
15757
15666
|
}
|
|
15758
|
-
|
|
15759
|
-
|
|
15667
|
+
|
|
15668
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
15669
|
+
grid-column: 1;
|
|
15760
15670
|
}
|
|
15761
15671
|
|
|
15762
|
-
.pf-v6-c-
|
|
15763
|
-
|
|
15764
|
-
|
|
15765
|
-
|
|
15766
|
-
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15672
|
+
.pf-v6-c-switch__input {
|
|
15673
|
+
position: absolute;
|
|
15674
|
+
cursor: pointer;
|
|
15675
|
+
opacity: 0;
|
|
15767
15676
|
}
|
|
15768
15677
|
|
|
15769
|
-
.pf-v6-c-
|
|
15770
|
-
--pf-v6-c-
|
|
15771
|
-
|
|
15772
|
-
|
|
15773
|
-
|
|
15678
|
+
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
15679
|
+
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
15680
|
+
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
15681
|
+
}
|
|
15682
|
+
|
|
15683
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
15684
|
+
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
15685
|
+
}
|
|
15686
|
+
|
|
15687
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15688
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15689
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15690
|
+
}
|
|
15691
|
+
|
|
15692
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15693
|
+
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
15694
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
15695
|
+
}
|
|
15696
|
+
|
|
15697
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15698
|
+
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
15699
|
+
}
|
|
15700
|
+
|
|
15701
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
15702
|
+
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
15703
|
+
}
|
|
15704
|
+
|
|
15705
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
15706
|
+
display: none;
|
|
15707
|
+
}
|
|
15708
|
+
|
|
15709
|
+
.pf-v6-c-switch__input:disabled {
|
|
15710
|
+
cursor: not-allowed;
|
|
15711
|
+
}
|
|
15712
|
+
|
|
15713
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
15714
|
+
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
15715
|
+
cursor: not-allowed;
|
|
15716
|
+
}
|
|
15717
|
+
|
|
15718
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15719
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15720
|
+
cursor: not-allowed;
|
|
15721
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15722
|
+
}
|
|
15723
|
+
|
|
15724
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
15725
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
15726
|
+
}
|
|
15727
|
+
|
|
15728
|
+
.pf-v6-c-switch__toggle {
|
|
15729
|
+
position: relative;
|
|
15730
|
+
display: inline-block;
|
|
15731
|
+
width: var(--pf-v6-c-switch__toggle--Width);
|
|
15732
|
+
height: var(--pf-v6-c-switch__toggle--Height);
|
|
15733
|
+
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
15734
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15735
|
+
}
|
|
15736
|
+
|
|
15737
|
+
.pf-v6-c-switch__toggle::before {
|
|
15738
|
+
position: absolute;
|
|
15739
|
+
inset-block-start: 50%;
|
|
15740
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
15741
|
+
display: block;
|
|
15742
|
+
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15743
|
+
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15744
|
+
content: "";
|
|
15745
|
+
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15746
|
+
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15747
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15748
|
+
transform: translateY(-50%);
|
|
15749
|
+
}
|
|
15750
|
+
|
|
15751
|
+
.pf-v6-c-switch__toggle::after {
|
|
15752
|
+
position: absolute;
|
|
15753
|
+
inset: 0;
|
|
15754
|
+
content: "";
|
|
15755
|
+
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
15756
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15757
|
+
}
|
|
15758
|
+
|
|
15759
|
+
.pf-v6-c-switch__toggle-icon {
|
|
15760
|
+
position: absolute;
|
|
15761
|
+
inset-block-start: 0;
|
|
15762
|
+
inset-block-end: 0;
|
|
15763
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
15764
|
+
display: flex;
|
|
15765
|
+
align-items: center;
|
|
15766
|
+
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
15767
|
+
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
15768
|
+
}
|
|
15769
|
+
|
|
15770
|
+
.pf-v6-c-switch__label {
|
|
15771
|
+
display: inline-block;
|
|
15772
|
+
grid-column: 2;
|
|
15773
|
+
vertical-align: top;
|
|
15774
15774
|
}
|
|
15775
15775
|
|
|
15776
15776
|
:where(:root, .pf-v6-c-tile) {
|
|
@@ -22184,6 +22184,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22184
22184
|
--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
22185
|
}
|
|
22186
22186
|
}
|
|
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
|
+
|
|
22187
22202
|
:where(:root, .pf-v6-l-grid) {
|
|
22188
22203
|
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
|
|
22189
22204
|
--pf-v6-l-grid__item--GridColumnStart: auto;
|
|
@@ -23171,21 +23186,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23171
23186
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23172
23187
|
}
|
|
23173
23188
|
|
|
23174
|
-
:where(:root, .pf-v6-l-level) {
|
|
23175
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
|
|
23176
|
-
}
|
|
23177
|
-
|
|
23178
|
-
.pf-v6-l-level {
|
|
23179
|
-
display: flex;
|
|
23180
|
-
flex-wrap: wrap;
|
|
23181
|
-
align-items: center;
|
|
23182
|
-
justify-content: space-between;
|
|
23183
|
-
}
|
|
23184
|
-
|
|
23185
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
23186
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23187
|
-
}
|
|
23188
|
-
|
|
23189
23189
|
:where(:root, .pf-v6-l-split) {
|
|
23190
23190
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--lg);
|
|
23191
23191
|
}
|