@patternfly/react-templates 1.1.0-prerelease.16 → 1.1.0-prerelease.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic-modules.json +10 -10
- package/dist/esm/components/Dropdown/{DropdownSimple.d.ts → SimpleDropdown.d.ts} +11 -6
- package/dist/esm/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
- package/dist/esm/components/Dropdown/{DropdownSimple.js → SimpleDropdown.js} +13 -7
- package/dist/esm/components/Dropdown/SimpleDropdown.js.map +1 -0
- package/dist/esm/components/Dropdown/index.d.ts +1 -1
- package/dist/esm/components/Dropdown/index.js +1 -1
- package/dist/esm/components/Select/CheckboxSelect.d.ts +7 -3
- package/dist/esm/components/Select/CheckboxSelect.d.ts.map +1 -1
- package/dist/esm/components/Select/CheckboxSelect.js +9 -6
- package/dist/esm/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/{js/components/Select/SelectSimple.d.ts → esm/components/Select/SimpleSelect.d.ts} +10 -7
- package/dist/esm/components/Select/SimpleSelect.d.ts.map +1 -0
- package/dist/esm/components/Select/{SelectSimple.js → SimpleSelect.js} +13 -9
- package/dist/esm/components/Select/SimpleSelect.js.map +1 -0
- package/dist/esm/components/Select/{SelectTypeahead.d.ts → TypeaheadSelect.d.ts} +11 -7
- package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -0
- package/dist/esm/components/Select/{SelectTypeahead.js → TypeaheadSelect.js} +16 -14
- package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -0
- package/dist/esm/components/Select/index.d.ts +2 -2
- package/dist/esm/components/Select/index.js +2 -2
- package/dist/js/components/Dropdown/{DropdownSimple.d.ts → SimpleDropdown.d.ts} +11 -6
- package/dist/js/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
- package/dist/js/components/Dropdown/{DropdownSimple.js → SimpleDropdown.js} +14 -8
- package/dist/js/components/Dropdown/SimpleDropdown.js.map +1 -0
- package/dist/js/components/Dropdown/index.d.ts +1 -1
- package/dist/js/components/Dropdown/index.js +1 -1
- package/dist/js/components/Select/CheckboxSelect.d.ts +7 -3
- package/dist/js/components/Select/CheckboxSelect.d.ts.map +1 -1
- package/dist/js/components/Select/CheckboxSelect.js +9 -6
- package/dist/js/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/{esm/components/Select/SelectSimple.d.ts → js/components/Select/SimpleSelect.d.ts} +10 -7
- package/dist/js/components/Select/SimpleSelect.d.ts.map +1 -0
- package/dist/js/components/Select/{SelectSimple.js → SimpleSelect.js} +14 -10
- package/dist/js/components/Select/SimpleSelect.js.map +1 -0
- package/dist/js/components/Select/{SelectTypeahead.d.ts → TypeaheadSelect.d.ts} +11 -7
- package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -0
- package/dist/js/components/Select/{SelectTypeahead.js → TypeaheadSelect.js} +18 -16
- package/dist/js/components/Select/TypeaheadSelect.js.map +1 -0
- package/dist/js/components/Select/index.d.ts +2 -2
- package/dist/js/components/Select/index.js +2 -2
- package/dist/umd/assets/{output-OOaZReOZ.css → output-P9oG4fCF.css} +817 -817
- package/dist/umd/react-templates.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Dropdown/{DropdownSimple.tsx → SimpleDropdown.tsx} +28 -11
- package/src/components/Dropdown/__tests__/{DropdownSimple.test.tsx → SimpleDropdown.test.tsx} +35 -23
- package/src/components/Dropdown/__tests__/__snapshots__/{DropdownSimple.test.tsx.snap → SimpleDropdown.test.tsx.snap} +2 -2
- package/src/components/Dropdown/examples/DropdownTemplates.md +4 -16
- package/src/components/Dropdown/examples/{DropdownSimpleExample.tsx → SimpleDropdownExample.tsx} +7 -7
- package/src/components/Dropdown/index.ts +1 -1
- package/src/components/Select/CheckboxSelect.tsx +18 -7
- package/src/components/Select/{SelectSimple.tsx → SimpleSelect.tsx} +27 -14
- package/src/components/Select/{SelectTypeahead.tsx → TypeaheadSelect.tsx} +32 -27
- package/src/components/Select/{CheckboxSelect.test.tsx → __tests__/CheckboxSelect.test.tsx} +29 -1
- package/src/components/Select/{CheckboxSelectSnapshots.test.tsx → __tests__/CheckboxSelectSnapshots.test.tsx} +1 -1
- package/src/components/Select/__tests__/SimpleSelect.test.tsx +243 -0
- package/src/components/Select/{__snapshots__ → __tests__/__snapshots__}/CheckboxSelectSnapshots.test.tsx.snap +0 -1
- package/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap +170 -0
- package/src/components/Select/examples/CheckboxSelectDemo.tsx +1 -1
- package/src/components/Select/examples/SelectTemplates.md +5 -5
- package/src/components/Select/examples/{SelectSimpleDemo.tsx → SimpleSelectDemo.tsx} +6 -6
- package/src/components/Select/examples/{SelectTypeaheadDemo.tsx → TypeaheadSelectDemo.tsx} +3 -3
- package/src/components/Select/index.ts +2 -2
- package/dist/esm/components/Dropdown/DropdownSimple.d.ts.map +0 -1
- package/dist/esm/components/Dropdown/DropdownSimple.js.map +0 -1
- package/dist/esm/components/Select/SelectSimple.d.ts.map +0 -1
- package/dist/esm/components/Select/SelectSimple.js.map +0 -1
- package/dist/esm/components/Select/SelectTypeahead.d.ts.map +0 -1
- package/dist/esm/components/Select/SelectTypeahead.js.map +0 -1
- package/dist/js/components/Dropdown/DropdownSimple.d.ts.map +0 -1
- package/dist/js/components/Dropdown/DropdownSimple.js.map +0 -1
- package/dist/js/components/Select/SelectSimple.d.ts.map +0 -1
- package/dist/js/components/Select/SelectSimple.js.map +0 -1
- package/dist/js/components/Select/SelectTypeahead.d.ts.map +0 -1
- package/dist/js/components/Select/SelectTypeahead.js.map +0 -1
|
@@ -4,6 +4,80 @@
|
|
|
4
4
|
pointer-events: none;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
.pf-v5-c-check {
|
|
8
|
+
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
9
|
+
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
10
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
11
|
+
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
12
|
+
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
13
|
+
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
14
|
+
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
15
|
+
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
16
|
+
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17
|
+
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
18
|
+
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
19
|
+
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
20
|
+
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
21
|
+
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
22
|
+
display: grid;
|
|
23
|
+
grid-template-columns: auto 1fr;
|
|
24
|
+
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
25
|
+
align-items: baseline;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.pf-v5-c-check.pf-m-standalone {
|
|
29
|
+
--pf-v5-c-check--GridGap: 0;
|
|
30
|
+
--pf-v5-c-check__input--TranslateY: none;
|
|
31
|
+
display: inline-grid;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.pf-v5-c-check__input {
|
|
35
|
+
align-self: start;
|
|
36
|
+
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
37
|
+
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.pf-v5-c-check__label {
|
|
41
|
+
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
42
|
+
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
43
|
+
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
44
|
+
color: var(--pf-v5-c-check__label--Color);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.pf-v5-c-check__description {
|
|
48
|
+
grid-column: 2;
|
|
49
|
+
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
50
|
+
color: var(--pf-v5-c-check__description--Color);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.pf-v5-c-check__body {
|
|
54
|
+
grid-column: 2;
|
|
55
|
+
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.pf-v5-c-check__label,
|
|
59
|
+
.pf-v5-c-check__input {
|
|
60
|
+
justify-self: start;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
64
|
+
.pf-v5-c-check__input {
|
|
65
|
+
cursor: pointer;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
69
|
+
.pf-v5-c-check__input:disabled,
|
|
70
|
+
.pf-v5-c-check__input.pf-m-disabled {
|
|
71
|
+
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
72
|
+
cursor: not-allowed;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.pf-v5-c-check__label-required {
|
|
76
|
+
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
77
|
+
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
78
|
+
color: var(--pf-v5-c-check__label-required--Color);
|
|
79
|
+
}
|
|
80
|
+
|
|
7
81
|
.pf-v5-c-menu-toggle {
|
|
8
82
|
--pf-v5-c-menu-toggle--BorderRadius: 0;
|
|
9
83
|
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
|
|
@@ -536,80 +610,6 @@
|
|
|
536
610
|
background: transparent;
|
|
537
611
|
}
|
|
538
612
|
|
|
539
|
-
.pf-v5-c-check {
|
|
540
|
-
--pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
|
|
541
|
-
--pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
542
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
|
|
543
|
-
--pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
544
|
-
--pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
|
|
545
|
-
--pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
546
|
-
--pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
|
|
547
|
-
--pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
|
|
548
|
-
--pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
549
|
-
--pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
|
|
550
|
-
--pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
551
|
-
--pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
552
|
-
--pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
553
|
-
--pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
|
|
554
|
-
display: grid;
|
|
555
|
-
grid-template-columns: auto 1fr;
|
|
556
|
-
grid-gap: var(--pf-v5-c-check--GridGap);
|
|
557
|
-
align-items: baseline;
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
.pf-v5-c-check.pf-m-standalone {
|
|
561
|
-
--pf-v5-c-check--GridGap: 0;
|
|
562
|
-
--pf-v5-c-check__input--TranslateY: none;
|
|
563
|
-
display: inline-grid;
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
.pf-v5-c-check__input {
|
|
567
|
-
align-self: start;
|
|
568
|
-
-moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
|
|
569
|
-
transform: translateY(var(--pf-v5-c-check__input--TranslateY));
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
.pf-v5-c-check__label {
|
|
573
|
-
font-size: var(--pf-v5-c-check__label--FontSize);
|
|
574
|
-
font-weight: var(--pf-v5-c-check__label--FontWeight);
|
|
575
|
-
line-height: var(--pf-v5-c-check__label--LineHeight);
|
|
576
|
-
color: var(--pf-v5-c-check__label--Color);
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
.pf-v5-c-check__description {
|
|
580
|
-
grid-column: 2;
|
|
581
|
-
font-size: var(--pf-v5-c-check__description--FontSize);
|
|
582
|
-
color: var(--pf-v5-c-check__description--Color);
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
.pf-v5-c-check__body {
|
|
586
|
-
grid-column: 2;
|
|
587
|
-
margin-block-start: var(--pf-v5-c-check__body--MarginTop);
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
.pf-v5-c-check__label,
|
|
591
|
-
.pf-v5-c-check__input {
|
|
592
|
-
justify-self: start;
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
596
|
-
.pf-v5-c-check__input {
|
|
597
|
-
cursor: pointer;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
|
|
601
|
-
.pf-v5-c-check__input:disabled,
|
|
602
|
-
.pf-v5-c-check__input.pf-m-disabled {
|
|
603
|
-
--pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
|
|
604
|
-
cursor: not-allowed;
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
.pf-v5-c-check__label-required {
|
|
608
|
-
margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
|
|
609
|
-
font-size: var(--pf-v5-c-check__label-required--FontSize);
|
|
610
|
-
color: var(--pf-v5-c-check__label-required--Color);
|
|
611
|
-
}
|
|
612
|
-
|
|
613
613
|
.pf-v5-c-divider {
|
|
614
614
|
--pf-v5-hidden-visible--hidden--Display: none;
|
|
615
615
|
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
@@ -1285,6 +1285,37 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1285
1285
|
--pf-v5-c-accordion__toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
1286
1286
|
}
|
|
1287
1287
|
|
|
1288
|
+
.pf-v5-c-action-list {
|
|
1289
|
+
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
1290
|
+
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
1291
|
+
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
1292
|
+
}
|
|
1293
|
+
|
|
1294
|
+
.pf-v5-c-action-list,
|
|
1295
|
+
.pf-v5-c-action-list__group {
|
|
1296
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
1297
|
+
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
1298
|
+
display: flex;
|
|
1299
|
+
align-items: center;
|
|
1300
|
+
}
|
|
1301
|
+
|
|
1302
|
+
.pf-v5-c-action-list > * + *,
|
|
1303
|
+
.pf-v5-c-action-list__group > * + * {
|
|
1304
|
+
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
1305
|
+
}
|
|
1306
|
+
|
|
1307
|
+
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
1308
|
+
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
1309
|
+
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
1310
|
+
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
1311
|
+
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
.pf-v5-c-action-list.pf-m-icons,
|
|
1315
|
+
.pf-v5-c-action-list__group.pf-m-icons {
|
|
1316
|
+
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
1317
|
+
}
|
|
1318
|
+
|
|
1288
1319
|
.pf-v5-c-alert {
|
|
1289
1320
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
1290
1321
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
@@ -1532,37 +1563,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
1532
1563
|
--pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
1533
1564
|
}
|
|
1534
1565
|
|
|
1535
|
-
.pf-v5-c-action-list {
|
|
1536
|
-
--pf-v5-c-action-list--m-icon--spacer: 0;
|
|
1537
|
-
--pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
|
|
1538
|
-
--pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
|
|
1539
|
-
}
|
|
1540
|
-
|
|
1541
|
-
.pf-v5-c-action-list,
|
|
1542
|
-
.pf-v5-c-action-list__group {
|
|
1543
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
|
|
1544
|
-
--pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
|
|
1545
|
-
display: flex;
|
|
1546
|
-
align-items: center;
|
|
1547
|
-
}
|
|
1548
|
-
|
|
1549
|
-
.pf-v5-c-action-list > * + *,
|
|
1550
|
-
.pf-v5-c-action-list__group > * + * {
|
|
1551
|
-
margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
|
|
1552
|
-
}
|
|
1553
|
-
|
|
1554
|
-
.pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
|
|
1555
|
-
.pf-v5-c-action-list .pf-v5-c-action-list__group + *,
|
|
1556
|
-
.pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
|
|
1557
|
-
.pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
|
|
1558
|
-
margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
.pf-v5-c-action-list.pf-m-icons,
|
|
1562
|
-
.pf-v5-c-action-list__group.pf-m-icons {
|
|
1563
|
-
--pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
|
|
1564
|
-
}
|
|
1565
|
-
|
|
1566
1566
|
.pf-v5-c-avatar {
|
|
1567
1567
|
--pf-v5-c-avatar--BorderColor: transparent;
|
|
1568
1568
|
--pf-v5-c-avatar--BorderWidth: 0;
|
|
@@ -5287,86 +5287,6 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
5287
5287
|
--pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
|
|
5288
5288
|
}
|
|
5289
5289
|
}
|
|
5290
|
-
.pf-v5-c-draggable {
|
|
5291
|
-
--pf-v5-c-draggable--Cursor: auto;
|
|
5292
|
-
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
5293
|
-
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
5294
|
-
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
5295
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
5296
|
-
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
5297
|
-
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
5298
|
-
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
5299
|
-
}
|
|
5300
|
-
|
|
5301
|
-
.pf-v5-c-draggable.pf-m-dragging {
|
|
5302
|
-
--pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
|
|
5303
|
-
position: relative;
|
|
5304
|
-
background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
|
|
5305
|
-
box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
|
|
5306
|
-
}
|
|
5307
|
-
|
|
5308
|
-
.pf-v5-c-draggable.pf-m-dragging::after {
|
|
5309
|
-
position: absolute;
|
|
5310
|
-
inset-block-start: 0;
|
|
5311
|
-
inset-block-end: 0;
|
|
5312
|
-
inset-inline-start: 0;
|
|
5313
|
-
inset-inline-end: 0;
|
|
5314
|
-
content: "";
|
|
5315
|
-
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
5316
|
-
}
|
|
5317
|
-
|
|
5318
|
-
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
5319
|
-
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
5320
|
-
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
5321
|
-
}
|
|
5322
|
-
|
|
5323
|
-
.pf-v5-c-droppable {
|
|
5324
|
-
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
5325
|
-
--pf-v5-c-droppable--before--Opacity: 0;
|
|
5326
|
-
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
5327
|
-
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
5328
|
-
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
|
|
5329
|
-
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
5330
|
-
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
5331
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
5332
|
-
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
5333
|
-
}
|
|
5334
|
-
|
|
5335
|
-
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
5336
|
-
position: absolute;
|
|
5337
|
-
inset-block-start: 0;
|
|
5338
|
-
inset-block-end: 0;
|
|
5339
|
-
inset-inline-start: 0;
|
|
5340
|
-
inset-inline-end: 0;
|
|
5341
|
-
pointer-events: none;
|
|
5342
|
-
content: "";
|
|
5343
|
-
}
|
|
5344
|
-
|
|
5345
|
-
.pf-v5-c-droppable::before {
|
|
5346
|
-
background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
|
|
5347
|
-
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
5348
|
-
}
|
|
5349
|
-
|
|
5350
|
-
.pf-v5-c-droppable::after {
|
|
5351
|
-
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
5352
|
-
}
|
|
5353
|
-
|
|
5354
|
-
.pf-v5-c-droppable.pf-m-dragging {
|
|
5355
|
-
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
5356
|
-
--pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
|
|
5357
|
-
--pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
|
|
5358
|
-
--pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
|
|
5359
|
-
position: relative;
|
|
5360
|
-
}
|
|
5361
|
-
|
|
5362
|
-
.pf-v5-c-droppable.pf-m-drag-outside {
|
|
5363
|
-
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
5364
|
-
}
|
|
5365
|
-
|
|
5366
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
5367
|
-
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
5368
|
-
}
|
|
5369
|
-
|
|
5370
5290
|
.pf-v5-c-drawer {
|
|
5371
5291
|
--pf-v5-c-drawer__section--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
5372
5292
|
--pf-v5-c-drawer__section--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
@@ -6238,6 +6158,86 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
6238
6158
|
--pf-v5-c-drawer__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
6239
6159
|
}
|
|
6240
6160
|
|
|
6161
|
+
.pf-v5-c-draggable {
|
|
6162
|
+
--pf-v5-c-draggable--Cursor: auto;
|
|
6163
|
+
--pf-v5-c-draggable--m-dragging--Cursor: grabbing;
|
|
6164
|
+
--pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
|
|
6165
|
+
--pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
6166
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
6167
|
+
--pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
|
|
6168
|
+
--pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
6169
|
+
cursor: var(--pf-v5-c-draggable--Cursor);
|
|
6170
|
+
}
|
|
6171
|
+
|
|
6172
|
+
.pf-v5-c-draggable.pf-m-dragging {
|
|
6173
|
+
--pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
|
|
6174
|
+
position: relative;
|
|
6175
|
+
background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
|
|
6176
|
+
box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
|
|
6177
|
+
}
|
|
6178
|
+
|
|
6179
|
+
.pf-v5-c-draggable.pf-m-dragging::after {
|
|
6180
|
+
position: absolute;
|
|
6181
|
+
inset-block-start: 0;
|
|
6182
|
+
inset-block-end: 0;
|
|
6183
|
+
inset-inline-start: 0;
|
|
6184
|
+
inset-inline-end: 0;
|
|
6185
|
+
content: "";
|
|
6186
|
+
border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
|
|
6187
|
+
}
|
|
6188
|
+
|
|
6189
|
+
.pf-v5-c-draggable.pf-m-drag-outside {
|
|
6190
|
+
--pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
|
|
6191
|
+
--pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
|
|
6192
|
+
}
|
|
6193
|
+
|
|
6194
|
+
.pf-v5-c-droppable {
|
|
6195
|
+
--pf-v5-c-droppable--before--BackgroundColor: transparent;
|
|
6196
|
+
--pf-v5-c-droppable--before--Opacity: 0;
|
|
6197
|
+
--pf-v5-c-droppable--after--BorderWidth: 0;
|
|
6198
|
+
--pf-v5-c-droppable--after--BorderColor: transparent;
|
|
6199
|
+
--pf-v5-c-droppable--m-dragging--before--BackgroundColor: var(--pf-v5-global--palette--white);
|
|
6200
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .6;
|
|
6201
|
+
--pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
6202
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
|
|
6203
|
+
--pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
6204
|
+
}
|
|
6205
|
+
|
|
6206
|
+
.pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
|
|
6207
|
+
position: absolute;
|
|
6208
|
+
inset-block-start: 0;
|
|
6209
|
+
inset-block-end: 0;
|
|
6210
|
+
inset-inline-start: 0;
|
|
6211
|
+
inset-inline-end: 0;
|
|
6212
|
+
pointer-events: none;
|
|
6213
|
+
content: "";
|
|
6214
|
+
}
|
|
6215
|
+
|
|
6216
|
+
.pf-v5-c-droppable::before {
|
|
6217
|
+
background-color: var(--pf-v5-c-droppable--before--BackgroundColor);
|
|
6218
|
+
opacity: var(--pf-v5-c-droppable--before--Opacity);
|
|
6219
|
+
}
|
|
6220
|
+
|
|
6221
|
+
.pf-v5-c-droppable::after {
|
|
6222
|
+
border: var(--pf-v5-c-droppable--after--BorderWidth, 0) solid var(--pf-v5-c-droppable--after--BorderColor, transparent);
|
|
6223
|
+
}
|
|
6224
|
+
|
|
6225
|
+
.pf-v5-c-droppable.pf-m-dragging {
|
|
6226
|
+
--pf-v5-c-droppable--before--BackgroundColor: var(--pf-v5-c-droppable--m-dragging--before--BackgroundColor);
|
|
6227
|
+
--pf-v5-c-droppable--before--Opacity: var(--pf-v5-c-droppable--m-dragging--before--Opacity);
|
|
6228
|
+
--pf-v5-c-droppable--after--BorderWidth: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth);
|
|
6229
|
+
--pf-v5-c-droppable--after--BorderColor: var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
|
|
6230
|
+
position: relative;
|
|
6231
|
+
}
|
|
6232
|
+
|
|
6233
|
+
.pf-v5-c-droppable.pf-m-drag-outside {
|
|
6234
|
+
--pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
|
|
6235
|
+
}
|
|
6236
|
+
|
|
6237
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-droppable {
|
|
6238
|
+
--pf-v5-c-droppable--m-dragging--before--Opacity: .2;
|
|
6239
|
+
}
|
|
6240
|
+
|
|
6241
6241
|
.pf-v5-c-dual-list-selector {
|
|
6242
6242
|
--pf-v5-c-dual-list-selector__header--GridArea: pane-header;
|
|
6243
6243
|
--pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
@@ -8817,154 +8817,90 @@ label.pf-v5-c-input-group__text {
|
|
|
8817
8817
|
--pf-v5-c-sidebar__panel--FlexBasis: 100%;
|
|
8818
8818
|
}
|
|
8819
8819
|
}
|
|
8820
|
-
.pf-v5-c-
|
|
8821
|
-
--pf-v5-c-
|
|
8822
|
-
--pf-v5-c-
|
|
8823
|
-
--pf-v5-c-
|
|
8824
|
-
--pf-v5-c-
|
|
8825
|
-
--pf-v5-c-
|
|
8826
|
-
--pf-v5-c-
|
|
8827
|
-
--pf-v5-c-
|
|
8828
|
-
--pf-v5-c-
|
|
8829
|
-
--pf-v5-c-
|
|
8830
|
-
--pf-v5-c-
|
|
8831
|
-
--pf-v5-c-
|
|
8832
|
-
--pf-v5-c-
|
|
8833
|
-
--pf-v5-c-
|
|
8834
|
-
--pf-v5-c-
|
|
8835
|
-
--pf-v5-c-
|
|
8836
|
-
--pf-v5-c-
|
|
8837
|
-
--pf-v5-c-
|
|
8838
|
-
|
|
8839
|
-
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8840
|
-
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
8841
|
-
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
8842
|
-
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
8843
|
-
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
8844
|
-
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8845
|
-
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
8846
|
-
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8847
|
-
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
8848
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
8849
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
8850
|
-
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8851
|
-
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
8852
|
-
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
8853
|
-
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
8854
|
-
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
8855
|
-
display: inline-flex;
|
|
8856
|
-
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
8857
|
-
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
8858
|
-
align-items: center;
|
|
8859
|
-
}
|
|
8860
|
-
|
|
8861
|
-
.pf-v5-c-label-group.pf-m-category {
|
|
8862
|
-
padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
|
|
8863
|
-
padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
|
|
8864
|
-
padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
|
|
8865
|
-
padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
|
|
8866
|
-
background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
|
|
8867
|
-
border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
|
|
8868
|
-
border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
|
|
8820
|
+
.pf-v5-c-list {
|
|
8821
|
+
--pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
8822
|
+
--pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
8823
|
+
--pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
|
|
8824
|
+
--pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
|
|
8825
|
+
--pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
8826
|
+
--pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
|
|
8827
|
+
--pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
8828
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
|
|
8829
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
8830
|
+
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
|
|
8831
|
+
--pf-v5-c-list__item-icon--MarginTop: 0.375rem;
|
|
8832
|
+
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
8833
|
+
--pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
8834
|
+
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
|
|
8835
|
+
--pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
|
|
8836
|
+
--pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
|
|
8837
|
+
--pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
|
|
8838
|
+
padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
|
|
8869
8839
|
}
|
|
8870
8840
|
|
|
8871
|
-
.pf-v5-c-
|
|
8872
|
-
|
|
8873
|
-
|
|
8874
|
-
|
|
8875
|
-
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
8876
|
-
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
8877
|
-
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
8878
|
-
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
8879
|
-
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
8880
|
-
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
8881
|
-
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
8882
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
8841
|
+
.pf-v5-c-list ol,
|
|
8842
|
+
.pf-v5-c-list ul {
|
|
8843
|
+
margin-block-start: var(--pf-v5-c-list--nested--MarginTop);
|
|
8844
|
+
margin-inline-start: var(--pf-v5-c-list--nested--MarginLeft);
|
|
8883
8845
|
}
|
|
8884
8846
|
|
|
8885
|
-
.pf-v5-c-
|
|
8886
|
-
|
|
8847
|
+
.pf-v5-c-list li + li {
|
|
8848
|
+
margin-block-start: var(--pf-v5-c-list--li--MarginTop);
|
|
8887
8849
|
}
|
|
8888
8850
|
|
|
8889
|
-
.pf-v5-c-
|
|
8890
|
-
|
|
8891
|
-
align-items: flex-start;
|
|
8851
|
+
ul.pf-v5-c-list {
|
|
8852
|
+
list-style: var(--pf-v5-c-list--ul--ListStyle);
|
|
8892
8853
|
}
|
|
8893
8854
|
|
|
8894
|
-
.pf-v5-c-
|
|
8895
|
-
|
|
8855
|
+
.pf-v5-c-list .pf-v5-c-list__item {
|
|
8856
|
+
display: flex;
|
|
8896
8857
|
}
|
|
8897
8858
|
|
|
8898
|
-
.pf-v5-c-
|
|
8899
|
-
|
|
8900
|
-
|
|
8859
|
+
.pf-v5-c-list .pf-v5-c-list__item-icon {
|
|
8860
|
+
flex-shrink: 0;
|
|
8861
|
+
min-width: var(--pf-v5-c-list__item-icon--MinWidth);
|
|
8862
|
+
margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
|
|
8863
|
+
margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
|
|
8864
|
+
font-size: var(--pf-v5-c-list__item-icon--FontSize);
|
|
8865
|
+
line-height: 1;
|
|
8866
|
+
color: var(--pf-v5-c-list__item-icon--Color);
|
|
8901
8867
|
}
|
|
8902
8868
|
|
|
8903
|
-
.pf-v5-c-
|
|
8904
|
-
|
|
8905
|
-
|
|
8906
|
-
|
|
8869
|
+
.pf-v5-c-list.pf-m-icon-lg {
|
|
8870
|
+
--pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth);
|
|
8871
|
+
--pf-v5-c-list__item-icon--MarginTop: 0;
|
|
8872
|
+
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
|
|
8873
|
+
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
|
|
8907
8874
|
}
|
|
8908
8875
|
|
|
8909
|
-
.pf-v5-c-
|
|
8910
|
-
|
|
8911
|
-
|
|
8912
|
-
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
8913
|
-
flex: 1;
|
|
8876
|
+
.pf-v5-c-list.pf-m-plain {
|
|
8877
|
+
--pf-v5-c-list--PaddingLeft: 0;
|
|
8878
|
+
list-style: none;
|
|
8914
8879
|
}
|
|
8915
8880
|
|
|
8916
|
-
.pf-v5-c-
|
|
8881
|
+
.pf-v5-c-list.pf-m-inline {
|
|
8882
|
+
--pf-v5-c-list--PaddingLeft: 0;
|
|
8917
8883
|
display: flex;
|
|
8918
|
-
flex: 1;
|
|
8919
8884
|
flex-wrap: wrap;
|
|
8920
|
-
|
|
8921
|
-
column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
|
|
8922
|
-
align-items: baseline;
|
|
8885
|
+
list-style: none;
|
|
8923
8886
|
}
|
|
8924
8887
|
|
|
8925
|
-
.pf-v5-c-
|
|
8926
|
-
|
|
8927
|
-
flex-wrap: wrap;
|
|
8928
|
-
row-gap: var(--pf-v5-c-label-group__list--RowGap);
|
|
8929
|
-
column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
|
|
8888
|
+
.pf-v5-c-list.pf-m-inline li {
|
|
8889
|
+
--pf-v5-c-list--li--MarginTop: 0;
|
|
8930
8890
|
}
|
|
8931
8891
|
|
|
8932
|
-
.pf-v5-c-
|
|
8933
|
-
|
|
8934
|
-
}
|
|
8935
|
-
|
|
8936
|
-
.pf-v5-c-label-group__label {
|
|
8937
|
-
overflow: hidden;
|
|
8938
|
-
text-overflow: ellipsis;
|
|
8939
|
-
white-space: nowrap;
|
|
8940
|
-
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
8941
|
-
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
8942
|
-
}
|
|
8943
|
-
|
|
8944
|
-
.pf-v5-c-label-group__close {
|
|
8945
|
-
display: flex;
|
|
8946
|
-
align-self: flex-start;
|
|
8947
|
-
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
8948
|
-
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
8949
|
-
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
8950
|
-
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
8892
|
+
.pf-v5-c-list.pf-m-inline li:not(:last-child) {
|
|
8893
|
+
margin-inline-end: var(--pf-v5-c-list--m-inline--li--MarginRight);
|
|
8951
8894
|
}
|
|
8952
8895
|
|
|
8953
|
-
.pf-v5-c-
|
|
8954
|
-
|
|
8955
|
-
|
|
8956
|
-
padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
|
|
8957
|
-
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
8958
|
-
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
8959
|
-
white-space: nowrap;
|
|
8960
|
-
resize: none;
|
|
8961
|
-
border: 0;
|
|
8962
|
-
-ms-overflow-style: none;
|
|
8963
|
-
scrollbar-width: none;
|
|
8896
|
+
.pf-v5-c-list.pf-m-bordered > * {
|
|
8897
|
+
padding-block-end: var(--pf-v5-c-list--m-bordered--li--PaddingBottom);
|
|
8898
|
+
border-block-end: var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor);
|
|
8964
8899
|
}
|
|
8965
8900
|
|
|
8966
|
-
.pf-v5-c-
|
|
8967
|
-
|
|
8901
|
+
.pf-v5-c-list.pf-m-bordered > :last-child {
|
|
8902
|
+
--pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
|
|
8903
|
+
--pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
|
|
8968
8904
|
}
|
|
8969
8905
|
|
|
8970
8906
|
.pf-v5-c-label {
|
|
@@ -9461,90 +9397,154 @@ button.pf-v5-c-label__content:focus {
|
|
|
9461
9397
|
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
9462
9398
|
}
|
|
9463
9399
|
|
|
9464
|
-
.pf-v5-c-
|
|
9465
|
-
--pf-v5-c-
|
|
9466
|
-
--pf-v5-c-
|
|
9467
|
-
--pf-v5-c-
|
|
9468
|
-
--pf-v5-c-
|
|
9469
|
-
--pf-v5-c-
|
|
9470
|
-
--pf-v5-c-
|
|
9471
|
-
--pf-v5-c-
|
|
9472
|
-
--pf-v5-c-
|
|
9473
|
-
--pf-v5-c-
|
|
9474
|
-
--pf-v5-c-
|
|
9475
|
-
--pf-v5-c-
|
|
9476
|
-
--pf-v5-c-
|
|
9477
|
-
--pf-v5-c-
|
|
9478
|
-
--pf-v5-c-
|
|
9479
|
-
--pf-v5-c-
|
|
9480
|
-
--pf-v5-c-
|
|
9481
|
-
--pf-v5-c-
|
|
9482
|
-
|
|
9400
|
+
.pf-v5-c-label-group {
|
|
9401
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
9402
|
+
--pf-v5-c-label-group--ColumnGap: 0;
|
|
9403
|
+
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
9404
|
+
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
9405
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
9406
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
9407
|
+
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
9408
|
+
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
9409
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
9410
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
9411
|
+
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
9412
|
+
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
9413
|
+
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
9414
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
9415
|
+
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
9416
|
+
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
9417
|
+
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
9418
|
+
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
9419
|
+
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
9420
|
+
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
9421
|
+
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
9422
|
+
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
9423
|
+
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
9424
|
+
--pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
9425
|
+
--pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
|
|
9426
|
+
--pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
9427
|
+
--pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
|
|
9428
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
9429
|
+
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
9430
|
+
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
9431
|
+
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
9432
|
+
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
9433
|
+
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
9434
|
+
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
9435
|
+
display: inline-flex;
|
|
9436
|
+
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
9437
|
+
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
9438
|
+
align-items: center;
|
|
9483
9439
|
}
|
|
9484
9440
|
|
|
9485
|
-
.pf-v5-c-
|
|
9486
|
-
|
|
9487
|
-
|
|
9488
|
-
|
|
9441
|
+
.pf-v5-c-label-group.pf-m-category {
|
|
9442
|
+
padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
|
|
9443
|
+
padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
|
|
9444
|
+
padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
|
|
9445
|
+
padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
|
|
9446
|
+
background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
|
|
9447
|
+
border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
|
|
9448
|
+
border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
|
|
9489
9449
|
}
|
|
9490
9450
|
|
|
9491
|
-
.pf-v5-c-
|
|
9492
|
-
|
|
9451
|
+
.pf-v5-c-label-group.pf-m-vertical {
|
|
9452
|
+
--pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
|
|
9453
|
+
--pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
|
|
9454
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
|
|
9455
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
9456
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
9457
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
9458
|
+
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
9459
|
+
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
9460
|
+
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
9461
|
+
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
9462
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
9493
9463
|
}
|
|
9494
9464
|
|
|
9495
|
-
|
|
9496
|
-
|
|
9465
|
+
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
9466
|
+
align-items: flex-start;
|
|
9497
9467
|
}
|
|
9498
9468
|
|
|
9499
|
-
.pf-v5-c-
|
|
9500
|
-
|
|
9469
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
|
|
9470
|
+
flex-direction: column;
|
|
9471
|
+
align-items: flex-start;
|
|
9501
9472
|
}
|
|
9502
9473
|
|
|
9503
|
-
.pf-v5-c-
|
|
9504
|
-
flex-
|
|
9505
|
-
min-width: var(--pf-v5-c-list__item-icon--MinWidth);
|
|
9506
|
-
margin-block-start: var(--pf-v5-c-list__item-icon--MarginTop);
|
|
9507
|
-
margin-inline-end: var(--pf-v5-c-list__item-icon--MarginRight);
|
|
9508
|
-
font-size: var(--pf-v5-c-list__item-icon--FontSize);
|
|
9509
|
-
line-height: 1;
|
|
9510
|
-
color: var(--pf-v5-c-list__item-icon--Color);
|
|
9474
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
9475
|
+
flex-direction: column;
|
|
9511
9476
|
}
|
|
9512
9477
|
|
|
9513
|
-
.pf-v5-c-
|
|
9514
|
-
--pf-v5-c-
|
|
9515
|
-
--pf-v5-c-
|
|
9516
|
-
--pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight);
|
|
9517
|
-
--pf-v5-c-list__item-icon--FontSize: var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize);
|
|
9478
|
+
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
9479
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
9480
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
9518
9481
|
}
|
|
9519
9482
|
|
|
9520
|
-
.pf-v5-c-
|
|
9521
|
-
|
|
9522
|
-
|
|
9483
|
+
.pf-v5-c-label-group.pf-m-editable,
|
|
9484
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
9485
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
9486
|
+
display: flex;
|
|
9523
9487
|
}
|
|
9524
9488
|
|
|
9525
|
-
.pf-v5-c-
|
|
9526
|
-
|
|
9489
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
9490
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
|
|
9491
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
|
|
9492
|
+
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
|
|
9493
|
+
flex: 1;
|
|
9494
|
+
}
|
|
9495
|
+
|
|
9496
|
+
.pf-v5-c-label-group__main {
|
|
9527
9497
|
display: flex;
|
|
9498
|
+
flex: 1;
|
|
9528
9499
|
flex-wrap: wrap;
|
|
9529
|
-
|
|
9500
|
+
row-gap: var(--pf-v5-c-label-group__main--RowGap);
|
|
9501
|
+
column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
|
|
9502
|
+
align-items: baseline;
|
|
9530
9503
|
}
|
|
9531
9504
|
|
|
9532
|
-
.pf-v5-c-
|
|
9533
|
-
|
|
9505
|
+
.pf-v5-c-label-group__list {
|
|
9506
|
+
display: inline-flex;
|
|
9507
|
+
flex-wrap: wrap;
|
|
9508
|
+
row-gap: var(--pf-v5-c-label-group__list--RowGap);
|
|
9509
|
+
column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
|
|
9534
9510
|
}
|
|
9535
9511
|
|
|
9536
|
-
.pf-v5-c-
|
|
9537
|
-
|
|
9512
|
+
.pf-v5-c-label-group__list-item {
|
|
9513
|
+
display: inline-flex;
|
|
9538
9514
|
}
|
|
9539
9515
|
|
|
9540
|
-
.pf-v5-c-
|
|
9541
|
-
|
|
9542
|
-
|
|
9516
|
+
.pf-v5-c-label-group__label {
|
|
9517
|
+
overflow: hidden;
|
|
9518
|
+
text-overflow: ellipsis;
|
|
9519
|
+
white-space: nowrap;
|
|
9520
|
+
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
9521
|
+
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
9543
9522
|
}
|
|
9544
9523
|
|
|
9545
|
-
.pf-v5-c-
|
|
9546
|
-
|
|
9547
|
-
|
|
9524
|
+
.pf-v5-c-label-group__close {
|
|
9525
|
+
display: flex;
|
|
9526
|
+
align-self: flex-start;
|
|
9527
|
+
margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
|
|
9528
|
+
margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
|
|
9529
|
+
margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
|
|
9530
|
+
margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
|
|
9531
|
+
}
|
|
9532
|
+
|
|
9533
|
+
.pf-v5-c-label-group__textarea {
|
|
9534
|
+
min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
|
|
9535
|
+
padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
|
|
9536
|
+
padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
|
|
9537
|
+
padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
|
|
9538
|
+
padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
|
|
9539
|
+
white-space: nowrap;
|
|
9540
|
+
resize: none;
|
|
9541
|
+
border: 0;
|
|
9542
|
+
-ms-overflow-style: none;
|
|
9543
|
+
scrollbar-width: none;
|
|
9544
|
+
}
|
|
9545
|
+
|
|
9546
|
+
.pf-v5-c-label-group__textarea::-webkit-scrollbar {
|
|
9547
|
+
display: none;
|
|
9548
9548
|
}
|
|
9549
9549
|
|
|
9550
9550
|
.pf-v5-c-login__footer, .pf-v5-c-login__header {
|
|
@@ -12047,210 +12047,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
12047
12047
|
background: transparent;
|
|
12048
12048
|
}
|
|
12049
12049
|
|
|
12050
|
-
.pf-v5-c-modal-box {
|
|
12051
|
-
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
12052
|
-
--pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
|
|
12053
|
-
--pf-v5-c-modal-box--ZIndex: var(--pf-v5-global--ZIndex--xl);
|
|
12054
|
-
--pf-v5-c-modal-box--Width: 100%;
|
|
12055
|
-
--pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-v5-global--spacer--xl));
|
|
12056
|
-
--pf-v5-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
12057
|
-
--pf-v5-c-modal-box--m-md--Width: 52.5rem;
|
|
12058
|
-
--pf-v5-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
12059
|
-
--pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-v5-global--spacer--2xl));
|
|
12060
|
-
--pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-global--spacer--sm);
|
|
12061
|
-
--pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-v5-global--spacer--xl);
|
|
12062
|
-
--pf-v5-c-modal-box--m-align-top--MarginTop: var(--pf-v5-c-modal-box--m-align-top--spacer);
|
|
12063
|
-
--pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
|
|
12064
|
-
--pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-v5-global--spacer--xl)));
|
|
12065
|
-
--pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
|
|
12066
|
-
--pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
|
|
12067
|
-
--pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
|
|
12068
|
-
--pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
|
|
12069
|
-
--pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
|
|
12070
|
-
--pf-v5-c-modal-box__header--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12071
|
-
--pf-v5-c-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12072
|
-
--pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12073
|
-
--pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12074
|
-
--pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
12075
|
-
--pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
12076
|
-
--pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
|
|
12077
|
-
--pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
12078
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
|
|
12079
|
-
--pf-v5-c-modal-box__description--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
12080
|
-
--pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
|
|
12081
|
-
--pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12082
|
-
--pf-v5-c-modal-box__body--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12083
|
-
--pf-v5-c-modal-box__body--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12084
|
-
--pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12085
|
-
--pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
12086
|
-
--pf-v5-c-modal-box__close--Top: calc(var(--pf-v5-global--spacer--lg));
|
|
12087
|
-
--pf-v5-c-modal-box__close--Right: var(--pf-v5-global--spacer--md);
|
|
12088
|
-
--pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
12089
|
-
--pf-v5-c-modal-box__footer--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12090
|
-
--pf-v5-c-modal-box__footer--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12091
|
-
--pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12092
|
-
--pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12093
|
-
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-global--spacer--md);
|
|
12094
|
-
--pf-v5-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
12095
|
-
position: relative;
|
|
12096
|
-
z-index: var(--pf-v5-c-modal-box--ZIndex);
|
|
12097
|
-
display: flex;
|
|
12098
|
-
flex-direction: column;
|
|
12099
|
-
width: var(--pf-v5-c-modal-box--Width);
|
|
12100
|
-
max-width: var(--pf-v5-c-modal-box--MaxWidth);
|
|
12101
|
-
max-height: var(--pf-v5-c-modal-box--MaxHeight);
|
|
12102
|
-
background-color: var(--pf-v5-c-modal-box--BackgroundColor);
|
|
12103
|
-
box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
|
|
12104
|
-
}
|
|
12105
|
-
|
|
12106
|
-
@media (min-width: 1200px) {
|
|
12107
|
-
.pf-v5-c-modal-box {
|
|
12108
|
-
--pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
|
|
12109
|
-
}
|
|
12110
|
-
}
|
|
12111
|
-
.pf-v5-c-modal-box.pf-m-sm {
|
|
12112
|
-
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth);
|
|
12113
|
-
}
|
|
12114
|
-
|
|
12115
|
-
.pf-v5-c-modal-box.pf-m-md {
|
|
12116
|
-
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-md--Width);
|
|
12117
|
-
}
|
|
12118
|
-
|
|
12119
|
-
.pf-v5-c-modal-box.pf-m-lg {
|
|
12120
|
-
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth);
|
|
12121
|
-
}
|
|
12122
|
-
|
|
12123
|
-
.pf-v5-c-modal-box.pf-m-align-top {
|
|
12124
|
-
inset-block-start: var(--pf-v5-c-modal-box--m-align-top--MarginTop);
|
|
12125
|
-
align-self: flex-start;
|
|
12126
|
-
max-width: var(--pf-v5-c-modal-box--m-align-top--MaxWidth);
|
|
12127
|
-
max-height: var(--pf-v5-c-modal-box--m-align-top--MaxHeight);
|
|
12128
|
-
}
|
|
12129
|
-
|
|
12130
|
-
.pf-v5-c-modal-box__title.pf-m-danger, .pf-v5-c-modal-box.pf-m-danger {
|
|
12131
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-danger__title-icon--Color);
|
|
12132
|
-
}
|
|
12133
|
-
|
|
12134
|
-
.pf-v5-c-modal-box__title.pf-m-warning, .pf-v5-c-modal-box.pf-m-warning {
|
|
12135
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-warning__title-icon--Color);
|
|
12136
|
-
}
|
|
12137
|
-
|
|
12138
|
-
.pf-v5-c-modal-box__title.pf-m-success, .pf-v5-c-modal-box.pf-m-success {
|
|
12139
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-success__title-icon--Color);
|
|
12140
|
-
}
|
|
12141
|
-
|
|
12142
|
-
.pf-v5-c-modal-box__title.pf-m-custom, .pf-v5-c-modal-box.pf-m-custom {
|
|
12143
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-custom__title-icon--Color);
|
|
12144
|
-
}
|
|
12145
|
-
|
|
12146
|
-
.pf-v5-c-modal-box__title.pf-m-info, .pf-v5-c-modal-box.pf-m-info {
|
|
12147
|
-
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-info__title-icon--Color);
|
|
12148
|
-
}
|
|
12149
|
-
|
|
12150
|
-
.pf-v5-c-modal-box__close {
|
|
12151
|
-
position: absolute;
|
|
12152
|
-
inset-block-start: var(--pf-v5-c-modal-box__close--Top);
|
|
12153
|
-
inset-inline-end: var(--pf-v5-c-modal-box__close--Right);
|
|
12154
|
-
}
|
|
12155
|
-
|
|
12156
|
-
.pf-v5-c-modal-box__close + * {
|
|
12157
|
-
margin-inline-end: var(--pf-v5-c-modal-box__close--sibling--MarginRight);
|
|
12158
|
-
}
|
|
12159
|
-
|
|
12160
|
-
.pf-v5-c-modal-box__header {
|
|
12161
|
-
display: flex;
|
|
12162
|
-
flex-direction: column;
|
|
12163
|
-
flex-shrink: 0;
|
|
12164
|
-
padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
|
|
12165
|
-
padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
|
|
12166
|
-
padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
|
|
12167
|
-
}
|
|
12168
|
-
|
|
12169
|
-
.pf-v5-c-modal-box__header.pf-m-help {
|
|
12170
|
-
display: flex;
|
|
12171
|
-
flex-direction: row;
|
|
12172
|
-
}
|
|
12173
|
-
|
|
12174
|
-
.pf-v5-c-modal-box__header:last-child {
|
|
12175
|
-
padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
|
|
12176
|
-
}
|
|
12177
|
-
|
|
12178
|
-
.pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
|
|
12179
|
-
--pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
|
|
12180
|
-
}
|
|
12181
|
-
|
|
12182
|
-
.pf-v5-c-modal-box__header-main {
|
|
12183
|
-
flex-grow: 1;
|
|
12184
|
-
min-width: 0;
|
|
12185
|
-
}
|
|
12186
|
-
|
|
12187
|
-
.pf-v5-c-modal-box__title,
|
|
12188
|
-
.pf-v5-c-modal-box__title-text {
|
|
12189
|
-
overflow: hidden;
|
|
12190
|
-
text-overflow: ellipsis;
|
|
12191
|
-
white-space: nowrap;
|
|
12192
|
-
}
|
|
12193
|
-
|
|
12194
|
-
.pf-v5-c-modal-box__title {
|
|
12195
|
-
flex: 0 0 auto;
|
|
12196
|
-
font-family: var(--pf-v5-c-modal-box__title--FontFamily);
|
|
12197
|
-
font-size: var(--pf-v5-c-modal-box__title--FontSize);
|
|
12198
|
-
line-height: var(--pf-v5-c-modal-box__title--LineHeight);
|
|
12199
|
-
}
|
|
12200
|
-
|
|
12201
|
-
.pf-v5-c-modal-box__title.pf-m-icon {
|
|
12202
|
-
display: flex;
|
|
12203
|
-
}
|
|
12204
|
-
|
|
12205
|
-
.pf-v5-c-modal-box__title-icon {
|
|
12206
|
-
margin-inline-end: var(--pf-v5-c-modal-box__title-icon--MarginRight);
|
|
12207
|
-
color: var(--pf-v5-c-modal-box__title-icon--Color);
|
|
12208
|
-
}
|
|
12209
|
-
|
|
12210
|
-
.pf-v5-c-modal-box__description {
|
|
12211
|
-
padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
|
|
12212
|
-
}
|
|
12213
|
-
|
|
12214
|
-
.pf-v5-c-modal-box__body {
|
|
12215
|
-
flex: 1 1 auto;
|
|
12216
|
-
min-height: var(--pf-v5-c-modal-box__body--MinHeight);
|
|
12217
|
-
padding-block-start: var(--pf-v5-c-modal-box__body--PaddingTop);
|
|
12218
|
-
padding-inline-start: var(--pf-v5-c-modal-box__body--PaddingLeft);
|
|
12219
|
-
padding-inline-end: var(--pf-v5-c-modal-box__body--PaddingRight);
|
|
12220
|
-
overflow-x: hidden;
|
|
12221
|
-
overflow-y: auto;
|
|
12222
|
-
overscroll-behavior: contain;
|
|
12223
|
-
word-break: break-word;
|
|
12224
|
-
-webkit-overflow-scrolling: touch;
|
|
12225
|
-
}
|
|
12226
|
-
|
|
12227
|
-
.pf-v5-c-modal-box__body:last-child {
|
|
12228
|
-
padding-block-end: var(--pf-v5-c-modal-box__body--last-child--PaddingBottom);
|
|
12229
|
-
}
|
|
12230
|
-
|
|
12231
|
-
.pf-v5-c-modal-box__footer {
|
|
12232
|
-
display: flex;
|
|
12233
|
-
flex: 0 0 auto;
|
|
12234
|
-
align-items: center;
|
|
12235
|
-
padding-block-start: var(--pf-v5-c-modal-box__footer--PaddingTop);
|
|
12236
|
-
padding-block-end: var(--pf-v5-c-modal-box__footer--PaddingBottom);
|
|
12237
|
-
padding-inline-start: var(--pf-v5-c-modal-box__footer--PaddingLeft);
|
|
12238
|
-
padding-inline-end: var(--pf-v5-c-modal-box__footer--PaddingRight);
|
|
12239
|
-
}
|
|
12240
|
-
|
|
12241
|
-
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12242
|
-
margin-inline-end: var(--pf-v5-c-modal-box__footer--c-button--MarginRight);
|
|
12243
|
-
}
|
|
12244
|
-
|
|
12245
|
-
@media screen and (min-width: 576px) {
|
|
12246
|
-
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12247
|
-
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
|
|
12248
|
-
}
|
|
12249
|
-
}
|
|
12250
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
|
|
12251
|
-
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
12252
|
-
}
|
|
12253
|
-
|
|
12254
12050
|
.pf-v5-c-multiple-file-upload {
|
|
12255
12051
|
--pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
12256
12052
|
--pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
|
|
@@ -12319,123 +12115,327 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
12319
12115
|
gap: var(--pf-v5-c-multiple-file-upload--Gap);
|
|
12320
12116
|
}
|
|
12321
12117
|
|
|
12322
|
-
.pf-v5-c-multiple-file-upload.pf-m-horizontal {
|
|
12323
|
-
--pf-v5-c-multiple-file-upload--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
12324
|
-
--pf-v5-c-multiple-file-upload__main--TextAlign: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
12325
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
12326
|
-
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
12327
|
-
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
12328
|
-
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
|
|
12329
|
-
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
12330
|
-
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
12331
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
12332
|
-
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
|
|
12333
|
-
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
|
|
12118
|
+
.pf-v5-c-multiple-file-upload.pf-m-horizontal {
|
|
12119
|
+
--pf-v5-c-multiple-file-upload--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
|
|
12120
|
+
--pf-v5-c-multiple-file-upload__main--TextAlign: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign);
|
|
12121
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
|
|
12122
|
+
--pf-v5-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
|
|
12123
|
+
--pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--Gap);
|
|
12124
|
+
--pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
|
|
12125
|
+
--pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
|
|
12126
|
+
--pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
|
|
12127
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
|
|
12128
|
+
--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
|
|
12129
|
+
--pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
|
|
12130
|
+
}
|
|
12131
|
+
|
|
12132
|
+
.pf-v5-c-multiple-file-upload.pf-m-drag-over {
|
|
12133
|
+
--pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
|
|
12134
|
+
--pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
|
|
12135
|
+
--pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
|
|
12136
|
+
--pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
|
|
12137
|
+
--pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
|
|
12138
|
+
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
|
|
12139
|
+
}
|
|
12140
|
+
|
|
12141
|
+
.pf-v5-c-multiple-file-upload__main {
|
|
12142
|
+
display: grid;
|
|
12143
|
+
grid-template-areas: var(--pf-v5-c-multiple-file-upload__main--GridTemplateAreas);
|
|
12144
|
+
grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
|
|
12145
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
|
|
12146
|
+
gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
|
|
12147
|
+
padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
|
|
12148
|
+
padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
|
|
12149
|
+
padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
|
|
12150
|
+
padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
|
|
12151
|
+
text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
|
|
12152
|
+
background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
|
|
12153
|
+
border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
|
|
12154
|
+
}
|
|
12155
|
+
|
|
12156
|
+
.pf-v5-c-multiple-file-upload__title {
|
|
12157
|
+
display: var(--pf-v5-c-multiple-file-upload__title--Display);
|
|
12158
|
+
grid-area: title;
|
|
12159
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__title--GridTemplateColumns);
|
|
12160
|
+
gap: var(--pf-v5-c-multiple-file-upload__title--Gap);
|
|
12161
|
+
}
|
|
12162
|
+
|
|
12163
|
+
.pf-v5-c-multiple-file-upload__title-icon {
|
|
12164
|
+
color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
|
|
12165
|
+
}
|
|
12166
|
+
|
|
12167
|
+
.pf-v5-c-multiple-file-upload__title-text {
|
|
12168
|
+
color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
|
|
12169
|
+
}
|
|
12170
|
+
|
|
12171
|
+
.pf-v5-c-multiple-file-upload__title-text-separator {
|
|
12172
|
+
display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
|
|
12173
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
|
|
12174
|
+
}
|
|
12175
|
+
|
|
12176
|
+
.pf-v5-c-multiple-file-upload__upload {
|
|
12177
|
+
grid-area: upload;
|
|
12178
|
+
}
|
|
12179
|
+
|
|
12180
|
+
.pf-v5-c-multiple-file-upload__info {
|
|
12181
|
+
grid-area: info;
|
|
12182
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__info--MarginTop);
|
|
12183
|
+
font-size: var(--pf-v5-c-multiple-file-upload__info--FontSize);
|
|
12184
|
+
color: var(--pf-v5-c-multiple-file-upload__info--Color);
|
|
12185
|
+
}
|
|
12186
|
+
|
|
12187
|
+
.pf-v5-c-multiple-file-upload__status,
|
|
12188
|
+
.pf-v5-c-multiple-file-upload__status-item-main {
|
|
12189
|
+
min-width: 0;
|
|
12190
|
+
}
|
|
12191
|
+
|
|
12192
|
+
.pf-v5-c-multiple-file-upload__status-progress {
|
|
12193
|
+
display: grid;
|
|
12194
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns);
|
|
12195
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-progress--Gap);
|
|
12196
|
+
}
|
|
12197
|
+
|
|
12198
|
+
.pf-v5-c-multiple-file-upload__status-progress-icon {
|
|
12199
|
+
color: var(--pf-v5-c-multiple-file-upload__status-progress-icon--Color);
|
|
12200
|
+
}
|
|
12201
|
+
|
|
12202
|
+
.pf-v5-c-multiple-file-upload__status-item {
|
|
12203
|
+
display: grid;
|
|
12204
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
12205
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-item--Gap);
|
|
12206
|
+
padding-block-start: var(--pf-v5-c-multiple-file-upload__status-item--PaddingTop);
|
|
12207
|
+
padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
|
|
12208
|
+
border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
|
|
12209
|
+
}
|
|
12210
|
+
|
|
12211
|
+
.pf-v5-c-multiple-file-upload__status-item:first-child {
|
|
12212
|
+
--pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
|
|
12213
|
+
}
|
|
12214
|
+
|
|
12215
|
+
.pf-v5-c-multiple-file-upload__status-item-icon {
|
|
12216
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
|
|
12217
|
+
}
|
|
12218
|
+
|
|
12219
|
+
.pf-v5-c-multiple-file-upload__status-item-close {
|
|
12220
|
+
margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
|
|
12221
|
+
}
|
|
12222
|
+
|
|
12223
|
+
.pf-v5-c-multiple-file-upload__status-item-progress {
|
|
12224
|
+
display: grid;
|
|
12225
|
+
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
12226
|
+
gap: var(--pf-v5-c-multiple-file-upload__status-item-progress--Gap);
|
|
12227
|
+
}
|
|
12228
|
+
|
|
12229
|
+
.pf-v5-c-multiple-file-upload__status-item-progress-text {
|
|
12230
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-text--Color);
|
|
12231
|
+
}
|
|
12232
|
+
|
|
12233
|
+
.pf-v5-c-multiple-file-upload__status-item-progress-size {
|
|
12234
|
+
color: var(--pf-v5-c-multiple-file-upload__status-item-progress-size--Color);
|
|
12235
|
+
}
|
|
12236
|
+
|
|
12237
|
+
.pf-v5-c-modal-box {
|
|
12238
|
+
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
12239
|
+
--pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
|
|
12240
|
+
--pf-v5-c-modal-box--ZIndex: var(--pf-v5-global--ZIndex--xl);
|
|
12241
|
+
--pf-v5-c-modal-box--Width: 100%;
|
|
12242
|
+
--pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-v5-global--spacer--xl));
|
|
12243
|
+
--pf-v5-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
12244
|
+
--pf-v5-c-modal-box--m-md--Width: 52.5rem;
|
|
12245
|
+
--pf-v5-c-modal-box--m-lg--lg--MaxWidth: 70rem;
|
|
12246
|
+
--pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-v5-global--spacer--2xl));
|
|
12247
|
+
--pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-global--spacer--sm);
|
|
12248
|
+
--pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-v5-global--spacer--xl);
|
|
12249
|
+
--pf-v5-c-modal-box--m-align-top--MarginTop: var(--pf-v5-c-modal-box--m-align-top--spacer);
|
|
12250
|
+
--pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
|
|
12251
|
+
--pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-v5-global--spacer--xl)));
|
|
12252
|
+
--pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
|
|
12253
|
+
--pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
|
|
12254
|
+
--pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
|
|
12255
|
+
--pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
|
|
12256
|
+
--pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
|
|
12257
|
+
--pf-v5-c-modal-box__header--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12258
|
+
--pf-v5-c-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12259
|
+
--pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12260
|
+
--pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12261
|
+
--pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
|
|
12262
|
+
--pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
|
|
12263
|
+
--pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
|
|
12264
|
+
--pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
12265
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
|
|
12266
|
+
--pf-v5-c-modal-box__description--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
12267
|
+
--pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
|
|
12268
|
+
--pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12269
|
+
--pf-v5-c-modal-box__body--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12270
|
+
--pf-v5-c-modal-box__body--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12271
|
+
--pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12272
|
+
--pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
12273
|
+
--pf-v5-c-modal-box__close--Top: calc(var(--pf-v5-global--spacer--lg));
|
|
12274
|
+
--pf-v5-c-modal-box__close--Right: var(--pf-v5-global--spacer--md);
|
|
12275
|
+
--pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
|
|
12276
|
+
--pf-v5-c-modal-box__footer--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
12277
|
+
--pf-v5-c-modal-box__footer--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
12278
|
+
--pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
12279
|
+
--pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
12280
|
+
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-global--spacer--md);
|
|
12281
|
+
--pf-v5-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight) / 2);
|
|
12282
|
+
position: relative;
|
|
12283
|
+
z-index: var(--pf-v5-c-modal-box--ZIndex);
|
|
12284
|
+
display: flex;
|
|
12285
|
+
flex-direction: column;
|
|
12286
|
+
width: var(--pf-v5-c-modal-box--Width);
|
|
12287
|
+
max-width: var(--pf-v5-c-modal-box--MaxWidth);
|
|
12288
|
+
max-height: var(--pf-v5-c-modal-box--MaxHeight);
|
|
12289
|
+
background-color: var(--pf-v5-c-modal-box--BackgroundColor);
|
|
12290
|
+
box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
|
|
12291
|
+
}
|
|
12292
|
+
|
|
12293
|
+
@media (min-width: 1200px) {
|
|
12294
|
+
.pf-v5-c-modal-box {
|
|
12295
|
+
--pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
|
|
12296
|
+
}
|
|
12297
|
+
}
|
|
12298
|
+
.pf-v5-c-modal-box.pf-m-sm {
|
|
12299
|
+
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth);
|
|
12300
|
+
}
|
|
12301
|
+
|
|
12302
|
+
.pf-v5-c-modal-box.pf-m-md {
|
|
12303
|
+
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-md--Width);
|
|
12304
|
+
}
|
|
12305
|
+
|
|
12306
|
+
.pf-v5-c-modal-box.pf-m-lg {
|
|
12307
|
+
--pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth);
|
|
12334
12308
|
}
|
|
12335
12309
|
|
|
12336
|
-
.pf-v5-c-
|
|
12337
|
-
|
|
12338
|
-
|
|
12339
|
-
|
|
12340
|
-
|
|
12341
|
-
--pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
|
|
12342
|
-
--pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
|
|
12310
|
+
.pf-v5-c-modal-box.pf-m-align-top {
|
|
12311
|
+
inset-block-start: var(--pf-v5-c-modal-box--m-align-top--MarginTop);
|
|
12312
|
+
align-self: flex-start;
|
|
12313
|
+
max-width: var(--pf-v5-c-modal-box--m-align-top--MaxWidth);
|
|
12314
|
+
max-height: var(--pf-v5-c-modal-box--m-align-top--MaxHeight);
|
|
12343
12315
|
}
|
|
12344
12316
|
|
|
12345
|
-
.pf-v5-c-
|
|
12346
|
-
|
|
12347
|
-
grid-template-areas: var(--pf-v5-c-multiple-file-upload__main--GridTemplateAreas);
|
|
12348
|
-
grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
|
|
12349
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
|
|
12350
|
-
gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
|
|
12351
|
-
padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
|
|
12352
|
-
padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
|
|
12353
|
-
padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
|
|
12354
|
-
padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
|
|
12355
|
-
text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
|
|
12356
|
-
background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
|
|
12357
|
-
border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
|
|
12317
|
+
.pf-v5-c-modal-box__title.pf-m-danger, .pf-v5-c-modal-box.pf-m-danger {
|
|
12318
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-danger__title-icon--Color);
|
|
12358
12319
|
}
|
|
12359
12320
|
|
|
12360
|
-
.pf-v5-c-
|
|
12361
|
-
|
|
12362
|
-
grid-area: title;
|
|
12363
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__title--GridTemplateColumns);
|
|
12364
|
-
gap: var(--pf-v5-c-multiple-file-upload__title--Gap);
|
|
12321
|
+
.pf-v5-c-modal-box__title.pf-m-warning, .pf-v5-c-modal-box.pf-m-warning {
|
|
12322
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-warning__title-icon--Color);
|
|
12365
12323
|
}
|
|
12366
12324
|
|
|
12367
|
-
.pf-v5-c-
|
|
12368
|
-
|
|
12325
|
+
.pf-v5-c-modal-box__title.pf-m-success, .pf-v5-c-modal-box.pf-m-success {
|
|
12326
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-success__title-icon--Color);
|
|
12369
12327
|
}
|
|
12370
12328
|
|
|
12371
|
-
.pf-v5-c-
|
|
12372
|
-
|
|
12329
|
+
.pf-v5-c-modal-box__title.pf-m-custom, .pf-v5-c-modal-box.pf-m-custom {
|
|
12330
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-custom__title-icon--Color);
|
|
12373
12331
|
}
|
|
12374
12332
|
|
|
12375
|
-
.pf-v5-c-
|
|
12376
|
-
|
|
12377
|
-
margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
|
|
12333
|
+
.pf-v5-c-modal-box__title.pf-m-info, .pf-v5-c-modal-box.pf-m-info {
|
|
12334
|
+
--pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-c-modal-box--m-info__title-icon--Color);
|
|
12378
12335
|
}
|
|
12379
12336
|
|
|
12380
|
-
.pf-v5-c-
|
|
12381
|
-
|
|
12337
|
+
.pf-v5-c-modal-box__close {
|
|
12338
|
+
position: absolute;
|
|
12339
|
+
inset-block-start: var(--pf-v5-c-modal-box__close--Top);
|
|
12340
|
+
inset-inline-end: var(--pf-v5-c-modal-box__close--Right);
|
|
12382
12341
|
}
|
|
12383
12342
|
|
|
12384
|
-
.pf-v5-c-
|
|
12385
|
-
|
|
12386
|
-
margin-block-start: var(--pf-v5-c-multiple-file-upload__info--MarginTop);
|
|
12387
|
-
font-size: var(--pf-v5-c-multiple-file-upload__info--FontSize);
|
|
12388
|
-
color: var(--pf-v5-c-multiple-file-upload__info--Color);
|
|
12343
|
+
.pf-v5-c-modal-box__close + * {
|
|
12344
|
+
margin-inline-end: var(--pf-v5-c-modal-box__close--sibling--MarginRight);
|
|
12389
12345
|
}
|
|
12390
12346
|
|
|
12391
|
-
.pf-v5-c-
|
|
12392
|
-
|
|
12347
|
+
.pf-v5-c-modal-box__header {
|
|
12348
|
+
display: flex;
|
|
12349
|
+
flex-direction: column;
|
|
12350
|
+
flex-shrink: 0;
|
|
12351
|
+
padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
|
|
12352
|
+
padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
|
|
12353
|
+
padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
|
|
12354
|
+
}
|
|
12355
|
+
|
|
12356
|
+
.pf-v5-c-modal-box__header.pf-m-help {
|
|
12357
|
+
display: flex;
|
|
12358
|
+
flex-direction: row;
|
|
12359
|
+
}
|
|
12360
|
+
|
|
12361
|
+
.pf-v5-c-modal-box__header:last-child {
|
|
12362
|
+
padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
|
|
12363
|
+
}
|
|
12364
|
+
|
|
12365
|
+
.pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
|
|
12366
|
+
--pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
|
|
12367
|
+
}
|
|
12368
|
+
|
|
12369
|
+
.pf-v5-c-modal-box__header-main {
|
|
12370
|
+
flex-grow: 1;
|
|
12393
12371
|
min-width: 0;
|
|
12394
12372
|
}
|
|
12395
12373
|
|
|
12396
|
-
.pf-v5-c-
|
|
12397
|
-
|
|
12398
|
-
|
|
12399
|
-
|
|
12374
|
+
.pf-v5-c-modal-box__title,
|
|
12375
|
+
.pf-v5-c-modal-box__title-text {
|
|
12376
|
+
overflow: hidden;
|
|
12377
|
+
text-overflow: ellipsis;
|
|
12378
|
+
white-space: nowrap;
|
|
12400
12379
|
}
|
|
12401
12380
|
|
|
12402
|
-
.pf-v5-c-
|
|
12403
|
-
|
|
12381
|
+
.pf-v5-c-modal-box__title {
|
|
12382
|
+
flex: 0 0 auto;
|
|
12383
|
+
font-family: var(--pf-v5-c-modal-box__title--FontFamily);
|
|
12384
|
+
font-size: var(--pf-v5-c-modal-box__title--FontSize);
|
|
12385
|
+
line-height: var(--pf-v5-c-modal-box__title--LineHeight);
|
|
12404
12386
|
}
|
|
12405
12387
|
|
|
12406
|
-
.pf-v5-c-
|
|
12407
|
-
display:
|
|
12408
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns);
|
|
12409
|
-
gap: var(--pf-v5-c-multiple-file-upload__status-item--Gap);
|
|
12410
|
-
padding-block-start: var(--pf-v5-c-multiple-file-upload__status-item--PaddingTop);
|
|
12411
|
-
padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
|
|
12412
|
-
border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
|
|
12388
|
+
.pf-v5-c-modal-box__title.pf-m-icon {
|
|
12389
|
+
display: flex;
|
|
12413
12390
|
}
|
|
12414
12391
|
|
|
12415
|
-
.pf-v5-c-
|
|
12416
|
-
|
|
12392
|
+
.pf-v5-c-modal-box__title-icon {
|
|
12393
|
+
margin-inline-end: var(--pf-v5-c-modal-box__title-icon--MarginRight);
|
|
12394
|
+
color: var(--pf-v5-c-modal-box__title-icon--Color);
|
|
12417
12395
|
}
|
|
12418
12396
|
|
|
12419
|
-
.pf-v5-c-
|
|
12420
|
-
|
|
12397
|
+
.pf-v5-c-modal-box__description {
|
|
12398
|
+
padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
|
|
12421
12399
|
}
|
|
12422
12400
|
|
|
12423
|
-
.pf-v5-c-
|
|
12424
|
-
|
|
12401
|
+
.pf-v5-c-modal-box__body {
|
|
12402
|
+
flex: 1 1 auto;
|
|
12403
|
+
min-height: var(--pf-v5-c-modal-box__body--MinHeight);
|
|
12404
|
+
padding-block-start: var(--pf-v5-c-modal-box__body--PaddingTop);
|
|
12405
|
+
padding-inline-start: var(--pf-v5-c-modal-box__body--PaddingLeft);
|
|
12406
|
+
padding-inline-end: var(--pf-v5-c-modal-box__body--PaddingRight);
|
|
12407
|
+
overflow-x: hidden;
|
|
12408
|
+
overflow-y: auto;
|
|
12409
|
+
overscroll-behavior: contain;
|
|
12410
|
+
word-break: break-word;
|
|
12411
|
+
-webkit-overflow-scrolling: touch;
|
|
12425
12412
|
}
|
|
12426
12413
|
|
|
12427
|
-
.pf-v5-c-
|
|
12428
|
-
|
|
12429
|
-
grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
|
|
12430
|
-
gap: var(--pf-v5-c-multiple-file-upload__status-item-progress--Gap);
|
|
12414
|
+
.pf-v5-c-modal-box__body:last-child {
|
|
12415
|
+
padding-block-end: var(--pf-v5-c-modal-box__body--last-child--PaddingBottom);
|
|
12431
12416
|
}
|
|
12432
12417
|
|
|
12433
|
-
.pf-v5-c-
|
|
12434
|
-
|
|
12418
|
+
.pf-v5-c-modal-box__footer {
|
|
12419
|
+
display: flex;
|
|
12420
|
+
flex: 0 0 auto;
|
|
12421
|
+
align-items: center;
|
|
12422
|
+
padding-block-start: var(--pf-v5-c-modal-box__footer--PaddingTop);
|
|
12423
|
+
padding-block-end: var(--pf-v5-c-modal-box__footer--PaddingBottom);
|
|
12424
|
+
padding-inline-start: var(--pf-v5-c-modal-box__footer--PaddingLeft);
|
|
12425
|
+
padding-inline-end: var(--pf-v5-c-modal-box__footer--PaddingRight);
|
|
12435
12426
|
}
|
|
12436
12427
|
|
|
12437
|
-
.pf-v5-c-
|
|
12438
|
-
|
|
12428
|
+
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12429
|
+
margin-inline-end: var(--pf-v5-c-modal-box__footer--c-button--MarginRight);
|
|
12430
|
+
}
|
|
12431
|
+
|
|
12432
|
+
@media screen and (min-width: 576px) {
|
|
12433
|
+
.pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
|
|
12434
|
+
--pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
|
|
12435
|
+
}
|
|
12436
|
+
}
|
|
12437
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
|
|
12438
|
+
--pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
|
|
12439
12439
|
}
|
|
12440
12440
|
|
|
12441
12441
|
.pf-v5-l-bullseye {
|
|
@@ -16889,36 +16889,130 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
16889
16889
|
color: var(--pf-v5-c-text-input-group__text-input--m-hint--Color);
|
|
16890
16890
|
}
|
|
16891
16891
|
|
|
16892
|
-
.pf-v5-c-text-input-group__text-input::placeholder {
|
|
16893
|
-
color: var(--pf-v5-c-text-input-group__text-input--placeholder--Color);
|
|
16892
|
+
.pf-v5-c-text-input-group__text-input::placeholder {
|
|
16893
|
+
color: var(--pf-v5-c-text-input-group__text-input--placeholder--Color);
|
|
16894
|
+
}
|
|
16895
|
+
|
|
16896
|
+
.pf-v5-c-text-input-group__utilities {
|
|
16897
|
+
display: flex;
|
|
16898
|
+
align-items: center;
|
|
16899
|
+
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--MarginLeft);
|
|
16900
|
+
margin-inline-end: var(--pf-v5-c-text-input-group__utilities--MarginRight);
|
|
16901
|
+
}
|
|
16902
|
+
|
|
16903
|
+
.pf-v5-c-text-input-group__utilities > * + * {
|
|
16904
|
+
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
|
|
16905
|
+
}
|
|
16906
|
+
|
|
16907
|
+
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
|
|
16908
|
+
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
|
|
16909
|
+
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
|
|
16910
|
+
}
|
|
16911
|
+
|
|
16912
|
+
.pf-v5-c-text-input-group__group {
|
|
16913
|
+
display: flex;
|
|
16914
|
+
}
|
|
16915
|
+
|
|
16916
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
|
|
16917
|
+
--pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
16918
|
+
--pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
16919
|
+
--pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
16920
|
+
--pf-v5-c-text-input-group__text--before--BorderWidth: 0;
|
|
16921
|
+
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
16922
|
+
}
|
|
16923
|
+
|
|
16924
|
+
.pf-v5-c-simple-list {
|
|
16925
|
+
--pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
16926
|
+
--pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
16927
|
+
--pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
16928
|
+
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
16929
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
16930
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
|
|
16931
|
+
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16932
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16933
|
+
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
|
|
16934
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16935
|
+
--pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16936
|
+
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
16937
|
+
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16938
|
+
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
16939
|
+
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16940
|
+
--pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16941
|
+
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
16942
|
+
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
16943
|
+
--pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
16944
|
+
--pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
16945
|
+
--pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
16946
|
+
--pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
16947
|
+
--pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
16948
|
+
--pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16949
|
+
--pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
|
|
16950
|
+
--pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
16951
|
+
--pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
16952
|
+
}
|
|
16953
|
+
|
|
16954
|
+
.pf-v5-c-simple-list__item-link {
|
|
16955
|
+
display: block;
|
|
16956
|
+
width: 100%;
|
|
16957
|
+
padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
|
|
16958
|
+
padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
|
|
16959
|
+
padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
|
|
16960
|
+
padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
|
|
16961
|
+
font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
|
|
16962
|
+
font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
|
|
16963
|
+
color: var(--pf-v5-c-simple-list__item-link--Color);
|
|
16964
|
+
text-align: start;
|
|
16965
|
+
background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
|
|
16966
|
+
border: none;
|
|
16967
|
+
}
|
|
16968
|
+
|
|
16969
|
+
.pf-v5-c-simple-list__item-link:hover {
|
|
16970
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
|
|
16971
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
|
|
16972
|
+
text-decoration: none;
|
|
16973
|
+
}
|
|
16974
|
+
|
|
16975
|
+
.pf-v5-c-simple-list__item-link:focus {
|
|
16976
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
|
|
16977
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
|
|
16978
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
|
|
16894
16979
|
}
|
|
16895
16980
|
|
|
16896
|
-
.pf-v5-c-
|
|
16897
|
-
|
|
16898
|
-
|
|
16899
|
-
|
|
16900
|
-
margin-inline-end: var(--pf-v5-c-text-input-group__utilities--MarginRight);
|
|
16981
|
+
.pf-v5-c-simple-list__item-link:active {
|
|
16982
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
|
|
16983
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
|
|
16984
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
|
|
16901
16985
|
}
|
|
16902
16986
|
|
|
16903
|
-
.pf-v5-c-
|
|
16904
|
-
|
|
16987
|
+
.pf-v5-c-simple-list__item-link.pf-m-current {
|
|
16988
|
+
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
|
|
16989
|
+
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
|
|
16990
|
+
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
|
|
16905
16991
|
}
|
|
16906
16992
|
|
|
16907
|
-
.pf-v5-c-
|
|
16908
|
-
|
|
16909
|
-
|
|
16993
|
+
.pf-v5-c-simple-list__title {
|
|
16994
|
+
padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
|
|
16995
|
+
padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
|
|
16996
|
+
padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
|
|
16997
|
+
padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
|
|
16998
|
+
font-size: var(--pf-v5-c-simple-list__title--FontSize);
|
|
16999
|
+
font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
|
|
17000
|
+
color: var(--pf-v5-c-simple-list__title--Color);
|
|
16910
17001
|
}
|
|
16911
17002
|
|
|
16912
|
-
.pf-v5-c-
|
|
16913
|
-
|
|
17003
|
+
.pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
|
|
17004
|
+
margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
|
|
16914
17005
|
}
|
|
16915
17006
|
|
|
16916
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
16917
|
-
--pf-v5-c-
|
|
16918
|
-
--pf-v5-c-
|
|
16919
|
-
--pf-v5-c-
|
|
16920
|
-
--pf-v5-c-
|
|
16921
|
-
--pf-v5-c-
|
|
17007
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
|
|
17008
|
+
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
|
|
17009
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17010
|
+
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17011
|
+
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17012
|
+
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17013
|
+
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17014
|
+
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17015
|
+
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
16922
17016
|
}
|
|
16923
17017
|
|
|
16924
17018
|
.pf-v5-c-skeleton {
|
|
@@ -17118,100 +17212,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
17118
17212
|
--pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
|
|
17119
17213
|
}
|
|
17120
17214
|
|
|
17121
|
-
.pf-v5-c-simple-list {
|
|
17122
|
-
--pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
17123
|
-
--pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17124
|
-
--pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
17125
|
-
--pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17126
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
17127
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
|
|
17128
|
-
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17129
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17130
|
-
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
|
|
17131
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17132
|
-
--pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17133
|
-
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17134
|
-
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17135
|
-
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17136
|
-
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17137
|
-
--pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17138
|
-
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17139
|
-
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
|
|
17140
|
-
--pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
|
|
17141
|
-
--pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
|
|
17142
|
-
--pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17143
|
-
--pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
|
|
17144
|
-
--pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17145
|
-
--pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17146
|
-
--pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
|
|
17147
|
-
--pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
|
|
17148
|
-
--pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
17149
|
-
}
|
|
17150
|
-
|
|
17151
|
-
.pf-v5-c-simple-list__item-link {
|
|
17152
|
-
display: block;
|
|
17153
|
-
width: 100%;
|
|
17154
|
-
padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
|
|
17155
|
-
padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
|
|
17156
|
-
padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
|
|
17157
|
-
padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
|
|
17158
|
-
font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
|
|
17159
|
-
font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
|
|
17160
|
-
color: var(--pf-v5-c-simple-list__item-link--Color);
|
|
17161
|
-
text-align: start;
|
|
17162
|
-
background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
|
|
17163
|
-
border: none;
|
|
17164
|
-
}
|
|
17165
|
-
|
|
17166
|
-
.pf-v5-c-simple-list__item-link:hover {
|
|
17167
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
|
|
17168
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
|
|
17169
|
-
text-decoration: none;
|
|
17170
|
-
}
|
|
17171
|
-
|
|
17172
|
-
.pf-v5-c-simple-list__item-link:focus {
|
|
17173
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
|
|
17174
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
|
|
17175
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
|
|
17176
|
-
}
|
|
17177
|
-
|
|
17178
|
-
.pf-v5-c-simple-list__item-link:active {
|
|
17179
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
|
|
17180
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
|
|
17181
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
|
|
17182
|
-
}
|
|
17183
|
-
|
|
17184
|
-
.pf-v5-c-simple-list__item-link.pf-m-current {
|
|
17185
|
-
--pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
|
|
17186
|
-
--pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
|
|
17187
|
-
--pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
|
|
17188
|
-
}
|
|
17189
|
-
|
|
17190
|
-
.pf-v5-c-simple-list__title {
|
|
17191
|
-
padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
|
|
17192
|
-
padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
|
|
17193
|
-
padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
|
|
17194
|
-
padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
|
|
17195
|
-
font-size: var(--pf-v5-c-simple-list__title--FontSize);
|
|
17196
|
-
font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
|
|
17197
|
-
color: var(--pf-v5-c-simple-list__title--Color);
|
|
17198
|
-
}
|
|
17199
|
-
|
|
17200
|
-
.pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
|
|
17201
|
-
margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
|
|
17202
|
-
}
|
|
17203
|
-
|
|
17204
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
|
|
17205
|
-
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
|
|
17206
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17207
|
-
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
|
|
17208
|
-
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17209
|
-
--pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
|
|
17210
|
-
--pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17211
|
-
--pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
|
|
17212
|
-
--pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
17213
|
-
}
|
|
17214
|
-
|
|
17215
17215
|
.pf-v5-c-skip-to-content {
|
|
17216
17216
|
--pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
|
|
17217
17217
|
--pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
|
|
@@ -17729,48 +17729,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
17729
17729
|
--pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
|
|
17730
17730
|
}
|
|
17731
17731
|
|
|
17732
|
-
.pf-v5-c-tab-content {
|
|
17733
|
-
--pf-v5-c-tab-content__body--PaddingTop: 0;
|
|
17734
|
-
--pf-v5-c-tab-content__body--PaddingRight: 0;
|
|
17735
|
-
--pf-v5-c-tab-content__body--PaddingBottom: 0;
|
|
17736
|
-
--pf-v5-c-tab-content__body--PaddingLeft: 0;
|
|
17737
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
17738
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
17739
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
17740
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
17741
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
17742
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
17743
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
17744
|
-
--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
17745
|
-
--pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
|
|
17746
|
-
}
|
|
17747
|
-
|
|
17748
|
-
@media screen and (min-width: 1200px) {
|
|
17749
|
-
.pf-v5-c-tab-content {
|
|
17750
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
17751
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
17752
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
17753
|
-
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
17754
|
-
}
|
|
17755
|
-
}
|
|
17756
|
-
.pf-v5-c-tab-content.pf-m-light-300 {
|
|
17757
|
-
background-color: var(--pf-v5-c-tab-content--m-light-300);
|
|
17758
|
-
}
|
|
17759
|
-
|
|
17760
|
-
.pf-v5-c-tab-content__body {
|
|
17761
|
-
padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
|
|
17762
|
-
padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
|
|
17763
|
-
padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
|
|
17764
|
-
padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
|
|
17765
|
-
}
|
|
17766
|
-
|
|
17767
|
-
.pf-v5-c-tab-content__body.pf-m-padding {
|
|
17768
|
-
--pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
|
|
17769
|
-
--pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
|
|
17770
|
-
--pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
|
|
17771
|
-
--pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
|
|
17772
|
-
}
|
|
17773
|
-
|
|
17774
17732
|
.pf-v5-c-tabs {
|
|
17775
17733
|
--pf-v5-c-tabs--inset: 0;
|
|
17776
17734
|
--pf-v5-c-tabs--Width: auto;
|
|
@@ -18715,6 +18673,48 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
18715
18673
|
--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
18716
18674
|
}
|
|
18717
18675
|
|
|
18676
|
+
.pf-v5-c-tab-content {
|
|
18677
|
+
--pf-v5-c-tab-content__body--PaddingTop: 0;
|
|
18678
|
+
--pf-v5-c-tab-content__body--PaddingRight: 0;
|
|
18679
|
+
--pf-v5-c-tab-content__body--PaddingBottom: 0;
|
|
18680
|
+
--pf-v5-c-tab-content__body--PaddingLeft: 0;
|
|
18681
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
|
|
18682
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
|
|
18683
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
18684
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
|
|
18685
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
|
|
18686
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
18687
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
18688
|
+
--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
18689
|
+
--pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
|
|
18690
|
+
}
|
|
18691
|
+
|
|
18692
|
+
@media screen and (min-width: 1200px) {
|
|
18693
|
+
.pf-v5-c-tab-content {
|
|
18694
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
18695
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
18696
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
18697
|
+
--pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
18698
|
+
}
|
|
18699
|
+
}
|
|
18700
|
+
.pf-v5-c-tab-content.pf-m-light-300 {
|
|
18701
|
+
background-color: var(--pf-v5-c-tab-content--m-light-300);
|
|
18702
|
+
}
|
|
18703
|
+
|
|
18704
|
+
.pf-v5-c-tab-content__body {
|
|
18705
|
+
padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
|
|
18706
|
+
padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
|
|
18707
|
+
padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
|
|
18708
|
+
padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
|
|
18709
|
+
}
|
|
18710
|
+
|
|
18711
|
+
.pf-v5-c-tab-content__body.pf-m-padding {
|
|
18712
|
+
--pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
|
|
18713
|
+
--pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
|
|
18714
|
+
--pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
|
|
18715
|
+
--pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
|
|
18716
|
+
}
|
|
18717
|
+
|
|
18718
18718
|
.pf-v5-c-content {
|
|
18719
18719
|
--pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
18720
18720
|
--pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
|
|
@@ -25953,18 +25953,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
25953
25953
|
grid-gap: var(--pf-v5-l-grid--m-gutter--GridGap);
|
|
25954
25954
|
}
|
|
25955
25955
|
|
|
25956
|
-
.pf-v5-l-level {
|
|
25957
|
-
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25958
|
-
display: flex;
|
|
25959
|
-
flex-wrap: wrap;
|
|
25960
|
-
align-items: center;
|
|
25961
|
-
justify-content: space-between;
|
|
25962
|
-
}
|
|
25963
|
-
|
|
25964
|
-
.pf-v5-l-level.pf-m-gutter {
|
|
25965
|
-
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
25966
|
-
}
|
|
25967
|
-
|
|
25968
25956
|
.pf-v5-l-split {
|
|
25969
25957
|
--pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25970
25958
|
display: flex;
|
|
@@ -25984,6 +25972,18 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
25984
25972
|
gap: var(--pf-v5-l-stack--m-gutter--Gap);
|
|
25985
25973
|
}
|
|
25986
25974
|
|
|
25975
|
+
.pf-v5-l-level {
|
|
25976
|
+
--pf-v5-l-level--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25977
|
+
display: flex;
|
|
25978
|
+
flex-wrap: wrap;
|
|
25979
|
+
align-items: center;
|
|
25980
|
+
justify-content: space-between;
|
|
25981
|
+
}
|
|
25982
|
+
|
|
25983
|
+
.pf-v5-l-level.pf-m-gutter {
|
|
25984
|
+
gap: var(--pf-v5-l-level--m-gutter--Gap);
|
|
25985
|
+
}
|
|
25986
|
+
|
|
25987
25987
|
.pf-v5-l-stack {
|
|
25988
25988
|
--pf-v5-l-stack--m-gutter--Gap: var(--pf-v5-global--gutter);
|
|
25989
25989
|
display: flex;
|