@patternfly/patternfly 6.3.0-prerelease.53 → 6.3.0-prerelease.55
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/README.md +17 -11
- package/base/patternfly-variables.css +1208 -1
- package/base/patternfly-variables.scss +10 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +13 -1
- package/base/tokens/tokens-default.scss +60 -2
- package/base/tokens/tokens-highcontrast-dark.scss +396 -0
- package/base/tokens/tokens-highcontrast.scss +703 -0
- package/base/tokens/tokens-local.scss +39 -0
- package/base/tokens/tokens-palette.scss +9 -1
- package/components/Accordion/accordion.css +21 -0
- package/components/Accordion/accordion.scss +27 -1
- package/components/Alert/alert-group.css +15 -2
- package/components/Alert/alert-group.scss +18 -2
- package/components/Badge/badge.css +2 -0
- package/components/Badge/badge.scss +2 -0
- package/components/Banner/banner.css +4 -0
- package/components/Banner/banner.scss +4 -0
- package/components/Button/button.css +32 -3
- package/components/Button/button.scss +34 -5
- package/components/Card/card.css +5 -3
- package/components/Card/card.scss +5 -3
- package/components/CodeBlock/code-block.css +3 -0
- package/components/CodeBlock/code-block.scss +3 -0
- package/components/CodeEditor/code-editor.css +8 -3
- package/components/CodeEditor/code-editor.scss +11 -6
- package/components/Drawer/drawer.css +44 -41
- package/components/Drawer/drawer.scss +42 -36
- package/components/DualListSelector/dual-list-selector.css +19 -1
- package/components/DualListSelector/dual-list-selector.scss +20 -1
- package/components/Label/label.css +20 -11
- package/components/Label/label.scss +21 -11
- package/components/Login/login.css +3 -0
- package/components/Login/login.scss +3 -0
- package/components/Menu/menu.css +11 -0
- package/components/Menu/menu.scss +12 -1
- package/components/MenuToggle/menu-toggle.css +12 -5
- package/components/MenuToggle/menu-toggle.scss +12 -5
- package/components/ModalBox/modal-box.css +3 -0
- package/components/ModalBox/modal-box.scss +3 -0
- package/components/Nav/nav.css +17 -0
- package/components/Nav/nav.scss +20 -0
- package/components/Page/page.css +62 -23
- package/components/Page/page.scss +42 -13
- package/components/Panel/panel.css +7 -1
- package/components/Panel/panel.scss +7 -1
- package/components/Popover/popover.css +4 -0
- package/components/Popover/popover.scss +4 -0
- package/components/Progress/progress.css +10 -0
- package/components/Progress/progress.scss +11 -0
- package/components/SimpleList/simple-list.css +15 -0
- package/components/SimpleList/simple-list.scss +17 -1
- package/components/Table/table.css +29 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +7 -0
- package/components/Tabs/tabs.scss +8 -1
- package/components/TreeView/tree-view.css +15 -0
- package/components/TreeView/tree-view.scss +17 -0
- package/components/Wizard/wizard.css +22 -1
- package/components/Wizard/wizard.scss +25 -3
- package/components/_index.css +390 -94
- package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
- package/docs/components/Login/examples/Login.md +22 -22
- package/docs/components/Table/examples/Table.md +936 -1412
- package/package.json +3 -2
- package/patternfly-base-no-globals.css +1208 -1
- package/patternfly-base.css +1208 -1
- package/patternfly-no-globals.css +1598 -95
- package/patternfly.css +1598 -95
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -6404,6 +6404,7 @@ button) {
|
|
|
6404
6404
|
--pf-t--color--blue--50: #0066cc;
|
|
6405
6405
|
--pf-t--color--blue--60: #004d99;
|
|
6406
6406
|
--pf-t--color--blue--70: #003366;
|
|
6407
|
+
--pf-t--color--blue--80: #032142;
|
|
6407
6408
|
--pf-t--color--gray--10: #f2f2f2;
|
|
6408
6409
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6409
6410
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -6421,6 +6422,7 @@ button) {
|
|
|
6421
6422
|
--pf-t--color--green--50: #63993d;
|
|
6422
6423
|
--pf-t--color--green--60: #3d7317;
|
|
6423
6424
|
--pf-t--color--green--70: #204d00;
|
|
6425
|
+
--pf-t--color--green--80: #183301;
|
|
6424
6426
|
--pf-t--color--orange--10: #ffe8cc;
|
|
6425
6427
|
--pf-t--color--orange--20: #fccb8f;
|
|
6426
6428
|
--pf-t--color--orange--30: #f8ae54;
|
|
@@ -6428,6 +6430,7 @@ button) {
|
|
|
6428
6430
|
--pf-t--color--orange--50: #ca6c0f;
|
|
6429
6431
|
--pf-t--color--orange--60: #9e4a06;
|
|
6430
6432
|
--pf-t--color--orange--70: #732e00;
|
|
6433
|
+
--pf-t--color--orange--80: #4d1f00;
|
|
6431
6434
|
--pf-t--color--purple--10: #ece6ff;
|
|
6432
6435
|
--pf-t--color--purple--20: #d0c5f4;
|
|
6433
6436
|
--pf-t--color--purple--30: #b6a6e9;
|
|
@@ -6435,6 +6438,7 @@ button) {
|
|
|
6435
6438
|
--pf-t--color--purple--50: #5e40be;
|
|
6436
6439
|
--pf-t--color--purple--60: #3d2785;
|
|
6437
6440
|
--pf-t--color--purple--70: #21134d;
|
|
6441
|
+
--pf-t--color--purple--80: #1b0d33;
|
|
6438
6442
|
--pf-t--color--red--10: #fce3e3;
|
|
6439
6443
|
--pf-t--color--red--20: #fbc5c5;
|
|
6440
6444
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6442,6 +6446,7 @@ button) {
|
|
|
6442
6446
|
--pf-t--color--red--50: #ee0000;
|
|
6443
6447
|
--pf-t--color--red--60: #a60000;
|
|
6444
6448
|
--pf-t--color--red--70: #5f0000;
|
|
6449
|
+
--pf-t--color--red--80: #3f0000;
|
|
6445
6450
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
6446
6451
|
--pf-t--color--red-orange--20: #fbbea8;
|
|
6447
6452
|
--pf-t--color--red-orange--30: #f89b78;
|
|
@@ -6449,6 +6454,7 @@ button) {
|
|
|
6449
6454
|
--pf-t--color--red-orange--50: #f0561d;
|
|
6450
6455
|
--pf-t--color--red-orange--60: #b1380b;
|
|
6451
6456
|
--pf-t--color--red-orange--70: #731f00;
|
|
6457
|
+
--pf-t--color--red-orange--80: #4c1405;
|
|
6452
6458
|
--pf-t--color--teal--10: #daf2f2;
|
|
6453
6459
|
--pf-t--color--teal--20: #b9e5e5;
|
|
6454
6460
|
--pf-t--color--teal--30: #9ad8d8;
|
|
@@ -6456,6 +6462,7 @@ button) {
|
|
|
6456
6462
|
--pf-t--color--teal--50: #37a3a3;
|
|
6457
6463
|
--pf-t--color--teal--60: #147878;
|
|
6458
6464
|
--pf-t--color--teal--70: #004d4d;
|
|
6465
|
+
--pf-t--color--teal--80: #003333;
|
|
6459
6466
|
--pf-t--color--white: #ffffff;
|
|
6460
6467
|
--pf-t--color--yellow--10: #fff4cc;
|
|
6461
6468
|
--pf-t--color--yellow--20: #ffe072;
|
|
@@ -6464,9 +6471,11 @@ button) {
|
|
|
6464
6471
|
--pf-t--color--yellow--50: #b98412;
|
|
6465
6472
|
--pf-t--color--yellow--60: #96640f;
|
|
6466
6473
|
--pf-t--color--yellow--70: #73480b;
|
|
6474
|
+
--pf-t--color--yellow--80: #54330b;
|
|
6467
6475
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
6468
6476
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6469
6477
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6478
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6470
6479
|
--pf-t--global--border--radius--0: 0px;
|
|
6471
6480
|
--pf-t--global--border--radius--100: 4px;
|
|
6472
6481
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6476,6 +6485,13 @@ button) {
|
|
|
6476
6485
|
--pf-t--global--border--width--100: 1px;
|
|
6477
6486
|
--pf-t--global--border--width--200: 2px;
|
|
6478
6487
|
--pf-t--global--border--width--300: 3px;
|
|
6488
|
+
--pf-t--global--border--width--400: 4px;
|
|
6489
|
+
--pf-t--global--border--width--action--plain--clicked: 0px;
|
|
6490
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
6491
|
+
--pf-t--global--border--width--action--plain--hover: 0px;
|
|
6492
|
+
--pf-t--global--border--width--high-contrast--extra-strong: 0px;
|
|
6493
|
+
--pf-t--global--border--width--high-contrast--regular: 0px;
|
|
6494
|
+
--pf-t--global--border--width--high-contrast--strong: 0px;
|
|
6479
6495
|
--pf-t--global--box-shadow--X--100: -10px;
|
|
6480
6496
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6481
6497
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
@@ -6512,6 +6528,8 @@ button) {
|
|
|
6512
6528
|
--pf-t--global--breakpoint--500: 75rem;
|
|
6513
6529
|
--pf-t--global--breakpoint--550: 80rem;
|
|
6514
6530
|
--pf-t--global--breakpoint--600: 90.625rem;
|
|
6531
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
6532
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
6515
6533
|
--pf-t--global--delay--100: 0ms;
|
|
6516
6534
|
--pf-t--global--delay--200: 50ms;
|
|
6517
6535
|
--pf-t--global--delay--300: 100ms;
|
|
@@ -6523,6 +6541,10 @@ button) {
|
|
|
6523
6541
|
--pf-t--global--duration--50: 50ms;
|
|
6524
6542
|
--pf-t--global--duration--500: 500ms;
|
|
6525
6543
|
--pf-t--global--duration--600: 600ms;
|
|
6544
|
+
--pf-t--global--focus-ring--position--inset: -4;
|
|
6545
|
+
--pf-t--global--focus-ring--position--offset: 2;
|
|
6546
|
+
--pf-t--global--focus-ring--width--inset: 3;
|
|
6547
|
+
--pf-t--global--focus-ring--width--offset: 2;
|
|
6526
6548
|
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6527
6549
|
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6528
6550
|
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
@@ -6581,6 +6603,7 @@ button) {
|
|
|
6581
6603
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6582
6604
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6583
6605
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
6606
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6584
6607
|
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
6585
6608
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6586
6609
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
@@ -6603,6 +6626,7 @@ button) {
|
|
|
6603
6626
|
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
6604
6627
|
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
6605
6628
|
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
6629
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
|
|
6606
6630
|
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
6607
6631
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6608
6632
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
@@ -6664,56 +6688,91 @@ button) {
|
|
|
6664
6688
|
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
6665
6689
|
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
6666
6690
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6691
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6692
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6667
6693
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6668
6694
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6669
6695
|
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
6670
6696
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6671
6697
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6698
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
6699
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
6672
6700
|
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
6673
6701
|
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
6674
6702
|
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
6703
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
6704
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
6675
6705
|
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
6676
6706
|
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
6677
6707
|
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
6708
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
6709
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
6710
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
6678
6711
|
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
6679
6712
|
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
6680
6713
|
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
6714
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
6681
6715
|
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
6682
6716
|
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
6683
6717
|
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
6718
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
6719
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
6684
6720
|
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
6685
6721
|
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
6686
6722
|
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
6723
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
6724
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
6687
6725
|
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
6688
6726
|
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
6689
6727
|
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
6728
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
6729
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
6690
6730
|
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
6691
6731
|
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
6692
6732
|
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
6733
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
6734
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
6693
6735
|
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
6694
6736
|
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
6695
6737
|
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
6738
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
6739
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
6696
6740
|
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
6697
6741
|
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
6698
6742
|
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
6743
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
6744
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
6699
6745
|
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
6700
6746
|
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
6747
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
6701
6748
|
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
6749
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
6702
6750
|
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
6751
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
6703
6752
|
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
6753
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
6704
6754
|
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
6755
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
6705
6756
|
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
6706
6757
|
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
6758
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6707
6759
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6708
6760
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6709
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6761
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
6710
6762
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6711
6763
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6764
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
6712
6765
|
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
6713
6766
|
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
6767
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
6714
6768
|
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
6715
6769
|
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
6716
6770
|
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
6771
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
6772
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
6773
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
6774
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
6775
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
6717
6776
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
6718
6777
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
6719
6778
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
@@ -6732,6 +6791,7 @@ button) {
|
|
|
6732
6791
|
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
6733
6792
|
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
6734
6793
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
6794
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
6735
6795
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
6736
6796
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
6737
6797
|
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
@@ -6764,11 +6824,15 @@ button) {
|
|
|
6764
6824
|
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
6765
6825
|
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
6766
6826
|
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
6827
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
6767
6828
|
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
6768
6829
|
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
6830
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
6769
6831
|
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
6770
6832
|
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
6833
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
6771
6834
|
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
6835
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
6772
6836
|
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6773
6837
|
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6774
6838
|
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
@@ -6889,6 +6953,7 @@ button) {
|
|
|
6889
6953
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
|
|
6890
6954
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
|
|
6891
6955
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
|
|
6956
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
|
|
6892
6957
|
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
6893
6958
|
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
6894
6959
|
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
@@ -6978,6 +7043,7 @@ button) {
|
|
|
6978
7043
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6979
7044
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
6980
7045
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7046
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
6981
7047
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
6982
7048
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
6983
7049
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7248,10 +7314,47 @@ button) {
|
|
|
7248
7314
|
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7249
7315
|
--pf-t--global--list-style: disc outside;
|
|
7250
7316
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7317
|
+
--pf-t--global--high-contrast--border--width--action--clicked: 0;
|
|
7318
|
+
--pf-t--global--high-contrast--border--width--action--default: 0;
|
|
7319
|
+
--pf-t--global--high-contrast--border--width--action--hover: 0;
|
|
7320
|
+
--pf-t--global--high-contrast--border--width--box--clicked: 0;
|
|
7321
|
+
--pf-t--global--high-contrast--border--width--box--default: 0;
|
|
7322
|
+
--pf-t--global--high-contrast--border--width--box--hover: 0;
|
|
7323
|
+
--pf-t--global--high-contrast--border--width--box--status--default: 0;
|
|
7324
|
+
--pf-t--global--high-contrast--border--width--box--status--read: 0;
|
|
7325
|
+
--pf-t--global--high-contrast--border--width--control--clicked: 0;
|
|
7326
|
+
--pf-t--global--high-contrast--border--width--control--default: 0;
|
|
7327
|
+
--pf-t--global--high-contrast--border--width--control--hover: 0;
|
|
7328
|
+
--pf-t--global--high-contrast--border--width--divider--clicked: 0;
|
|
7329
|
+
--pf-t--global--high-contrast--border--width--divider--default: 0;
|
|
7330
|
+
--pf-t--global--high-contrast--border--width--divider--hover: 0;
|
|
7331
|
+
--pf-t--global--high-contrast--border--width--extra-strong: 0;
|
|
7332
|
+
--pf-t--global--high-contrast--border--width--regular: 0;
|
|
7333
|
+
--pf-t--global--high-contrast--border--width--strong: 0;
|
|
7334
|
+
}
|
|
7335
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7336
|
+
--pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
|
|
7337
|
+
--pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
|
|
7338
|
+
--pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
|
|
7339
|
+
--pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
|
|
7340
|
+
--pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
|
|
7341
|
+
--pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
|
|
7342
|
+
--pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
|
|
7343
|
+
--pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
|
|
7344
|
+
--pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
|
|
7345
|
+
--pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
|
|
7346
|
+
--pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
|
|
7347
|
+
--pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
|
|
7348
|
+
--pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
|
|
7349
|
+
--pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
|
|
7350
|
+
--pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
7351
|
+
--pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
|
|
7352
|
+
--pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
|
|
7251
7353
|
}
|
|
7252
7354
|
|
|
7253
7355
|
:root:where(.pf-v6-theme-dark) {
|
|
7254
7356
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7357
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7255
7358
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7256
7359
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7257
7360
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
@@ -7275,6 +7378,7 @@ button) {
|
|
|
7275
7378
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7276
7379
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7277
7380
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7381
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7278
7382
|
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
7279
7383
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7280
7384
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
@@ -7282,6 +7386,7 @@ button) {
|
|
|
7282
7386
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7283
7387
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7284
7388
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
7389
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
7285
7390
|
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7286
7391
|
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
7287
7392
|
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
@@ -7290,6 +7395,7 @@ button) {
|
|
|
7290
7395
|
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
7291
7396
|
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
7292
7397
|
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7398
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
7293
7399
|
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
7294
7400
|
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
7295
7401
|
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
@@ -7312,6 +7418,7 @@ button) {
|
|
|
7312
7418
|
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
7313
7419
|
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
7314
7420
|
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
7421
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
7315
7422
|
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
7316
7423
|
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
7317
7424
|
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
@@ -7319,16 +7426,20 @@ button) {
|
|
|
7319
7426
|
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
7320
7427
|
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
7321
7428
|
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
7429
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
7322
7430
|
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
7323
7431
|
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
7324
7432
|
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
7325
7433
|
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
7326
7434
|
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
7327
7435
|
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
7436
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
7328
7437
|
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
7329
7438
|
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
7439
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
7330
7440
|
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7331
7441
|
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
7442
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
7332
7443
|
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
7333
7444
|
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
7334
7445
|
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
@@ -7339,6 +7450,7 @@ button) {
|
|
|
7339
7450
|
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
7340
7451
|
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
7341
7452
|
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
7453
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
7342
7454
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7343
7455
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
|
|
7344
7456
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
|
|
@@ -7439,6 +7551,7 @@ button) {
|
|
|
7439
7551
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
7440
7552
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
7441
7553
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
7554
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
7442
7555
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7443
7556
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7444
7557
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
@@ -7473,6 +7586,1100 @@ button) {
|
|
|
7473
7586
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7474
7587
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
7475
7588
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7589
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
7590
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7591
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7592
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7593
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7594
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7595
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7596
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7597
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7598
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7599
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7600
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7601
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7602
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7603
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7604
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7605
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7606
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7607
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7608
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
7609
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7610
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7611
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
7612
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
7613
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
7614
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
7615
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
7616
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7617
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
|
|
7618
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
|
|
7619
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
7620
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
7621
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
7622
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7623
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
|
|
7624
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
|
|
7625
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7626
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
|
|
7627
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
|
|
7628
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7629
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
|
|
7630
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
|
|
7631
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7632
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
|
|
7633
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
|
|
7634
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7635
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
|
|
7636
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
|
|
7637
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7638
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
|
|
7639
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
|
|
7640
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7641
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7642
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7643
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7644
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7645
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7646
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7647
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7648
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7649
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7650
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7651
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7652
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7653
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7654
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7655
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7656
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
7657
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
7658
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7659
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
7660
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
7661
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7662
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
7663
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
7664
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7665
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
7666
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
7667
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7668
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
7669
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
7670
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7671
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7672
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7673
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7674
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
7675
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
7676
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7677
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
7678
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
7679
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7680
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7681
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7682
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
|
|
7683
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
|
|
7684
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
|
|
7685
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
7686
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
7687
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
7688
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
|
|
7689
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
|
|
7690
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
|
|
7691
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
|
|
7692
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
|
|
7693
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
|
|
7694
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
|
|
7695
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
|
|
7696
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
|
|
7697
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
|
|
7698
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
|
|
7699
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
|
|
7700
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
|
|
7701
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
|
|
7702
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
|
|
7703
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
|
|
7704
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
|
|
7705
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
|
|
7706
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7707
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7708
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7709
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7710
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7711
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7712
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7713
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7714
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7715
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7716
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7717
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7718
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7719
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
7720
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
7721
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
7722
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
|
|
7723
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
7724
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
7725
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
7726
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
7727
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
7728
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
7729
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
7730
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
7731
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
7732
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
7733
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
7734
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7735
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7736
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7737
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
7738
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
7739
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
7740
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7741
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7742
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7743
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7744
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7745
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7746
|
+
}
|
|
7747
|
+
|
|
7748
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7749
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
7750
|
+
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
7751
|
+
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
7752
|
+
--pf-t--global--border--radius--0: 0px;
|
|
7753
|
+
--pf-t--global--border--radius--100: 4px;
|
|
7754
|
+
--pf-t--global--border--radius--200: 6px;
|
|
7755
|
+
--pf-t--global--border--radius--300: 16px;
|
|
7756
|
+
--pf-t--global--border--radius--400: 24px;
|
|
7757
|
+
--pf-t--global--border--radius--500: 999px;
|
|
7758
|
+
--pf-t--global--border--width--100: 1px;
|
|
7759
|
+
--pf-t--global--border--width--200: 2px;
|
|
7760
|
+
--pf-t--global--border--width--300: 3px;
|
|
7761
|
+
--pf-t--global--border--width--400: 4px;
|
|
7762
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
7763
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
7764
|
+
--pf-t--global--box-shadow--X--200: -4px;
|
|
7765
|
+
--pf-t--global--box-shadow--X--300: -1px;
|
|
7766
|
+
--pf-t--global--box-shadow--X--400: 0px;
|
|
7767
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
7768
|
+
--pf-t--global--box-shadow--X--500: 1px;
|
|
7769
|
+
--pf-t--global--box-shadow--X--600: 4px;
|
|
7770
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
7771
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
7772
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
7773
|
+
--pf-t--global--box-shadow--Y--200: -4px;
|
|
7774
|
+
--pf-t--global--box-shadow--Y--300: -1px;
|
|
7775
|
+
--pf-t--global--box-shadow--Y--400: 0px;
|
|
7776
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
7777
|
+
--pf-t--global--box-shadow--Y--500: 1px;
|
|
7778
|
+
--pf-t--global--box-shadow--Y--600: 4px;
|
|
7779
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
7780
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
7781
|
+
--pf-t--global--box-shadow--blur--100: 4px;
|
|
7782
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
7783
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7784
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
7785
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
7786
|
+
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7787
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7788
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
7789
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
7790
|
+
--pf-t--global--breakpoint--100: 0rem;
|
|
7791
|
+
--pf-t--global--breakpoint--200: 36rem;
|
|
7792
|
+
--pf-t--global--breakpoint--250: 40rem;
|
|
7793
|
+
--pf-t--global--breakpoint--300: 48rem;
|
|
7794
|
+
--pf-t--global--breakpoint--350: 60rem;
|
|
7795
|
+
--pf-t--global--breakpoint--400: 62rem;
|
|
7796
|
+
--pf-t--global--breakpoint--500: 75rem;
|
|
7797
|
+
--pf-t--global--breakpoint--550: 80rem;
|
|
7798
|
+
--pf-t--global--breakpoint--600: 90.625rem;
|
|
7799
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
7800
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
7801
|
+
--pf-t--global--focus-ring--position--inset: -4;
|
|
7802
|
+
--pf-t--global--focus-ring--position--offset: 2;
|
|
7803
|
+
--pf-t--global--focus-ring--width--inset: 3;
|
|
7804
|
+
--pf-t--global--focus-ring--width--offset: 2;
|
|
7805
|
+
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
7806
|
+
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
7807
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
7808
|
+
--pf-t--global--font--line-height--100: 1.3;
|
|
7809
|
+
--pf-t--global--font--line-height--200: 1.5;
|
|
7810
|
+
--pf-t--global--font--size--100: 0.75rem;
|
|
7811
|
+
--pf-t--global--font--size--200: 0.875rem;
|
|
7812
|
+
--pf-t--global--font--size--300: 1rem;
|
|
7813
|
+
--pf-t--global--font--size--400: 1.125rem;
|
|
7814
|
+
--pf-t--global--font--size--500: 1.25rem;
|
|
7815
|
+
--pf-t--global--font--size--600: 1.5rem;
|
|
7816
|
+
--pf-t--global--font--size--700: 1.75rem;
|
|
7817
|
+
--pf-t--global--font--size--800: 2.25rem;
|
|
7818
|
+
--pf-t--global--font--weight--100: 400;
|
|
7819
|
+
--pf-t--global--font--weight--200: 500;
|
|
7820
|
+
--pf-t--global--font--weight--300: 500;
|
|
7821
|
+
--pf-t--global--font--weight--400: 700;
|
|
7822
|
+
--pf-t--global--icon--size--100: 0.75rem;
|
|
7823
|
+
--pf-t--global--icon--size--200: 0.875rem;
|
|
7824
|
+
--pf-t--global--icon--size--250: 1rem;
|
|
7825
|
+
--pf-t--global--icon--size--300: 1.5rem;
|
|
7826
|
+
--pf-t--global--icon--size--400: 3.5rem;
|
|
7827
|
+
--pf-t--global--icon--size--500: 6rem;
|
|
7828
|
+
--pf-t--global--spacer--100: 0.25rem;
|
|
7829
|
+
--pf-t--global--spacer--200: 0.5rem;
|
|
7830
|
+
--pf-t--global--spacer--300: 1rem;
|
|
7831
|
+
--pf-t--global--spacer--400: 1.5rem;
|
|
7832
|
+
--pf-t--global--spacer--500: 2rem;
|
|
7833
|
+
--pf-t--global--spacer--600: 3rem;
|
|
7834
|
+
--pf-t--global--spacer--700: 4rem;
|
|
7835
|
+
--pf-t--global--spacer--800: 5rem;
|
|
7836
|
+
--pf-t--global--text-decoration--line--100: none;
|
|
7837
|
+
--pf-t--global--text-decoration--line--200: underline;
|
|
7838
|
+
--pf-t--global--text-decoration--style--100: solid;
|
|
7839
|
+
--pf-t--global--text-decoration--style--200: dashed;
|
|
7840
|
+
--pf-t--global--z-index--100: 100;
|
|
7841
|
+
--pf-t--global--z-index--200: 200;
|
|
7842
|
+
--pf-t--global--z-index--300: 300;
|
|
7843
|
+
--pf-t--global--z-index--400: 400;
|
|
7844
|
+
--pf-t--global--z-index--500: 500;
|
|
7845
|
+
--pf-t--global--z-index--600: 600;
|
|
7846
|
+
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
7847
|
+
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
7848
|
+
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
7849
|
+
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
7850
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
7851
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
7852
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
7853
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
7854
|
+
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
7855
|
+
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
7856
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
7857
|
+
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
7858
|
+
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
7859
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
7860
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
7861
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
7862
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
7863
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7864
|
+
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
7865
|
+
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
7866
|
+
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
7867
|
+
--pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
|
|
7868
|
+
--pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
|
|
7869
|
+
--pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
|
|
7870
|
+
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
7871
|
+
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
7872
|
+
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
7873
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
7874
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
7875
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
7876
|
+
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
7877
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
7878
|
+
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
7879
|
+
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
7880
|
+
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
7881
|
+
--pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
|
|
7882
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
7883
|
+
--pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
|
|
7884
|
+
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
7885
|
+
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
7886
|
+
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
7887
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
7888
|
+
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
7889
|
+
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
7890
|
+
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7891
|
+
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
7892
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
7893
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
7894
|
+
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
7895
|
+
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7896
|
+
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
7897
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
7898
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
7899
|
+
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
7900
|
+
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7901
|
+
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
7902
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
7903
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
7904
|
+
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
7905
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
7906
|
+
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
7907
|
+
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7908
|
+
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7909
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
7910
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
7911
|
+
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
7912
|
+
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7913
|
+
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7914
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
7915
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
7916
|
+
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
7917
|
+
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7918
|
+
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7919
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
7920
|
+
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
7921
|
+
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
7922
|
+
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
7923
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
7924
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7925
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
7926
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
7927
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
7928
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7929
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7930
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
7931
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7932
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
7933
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7934
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
7935
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
7936
|
+
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
7937
|
+
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
7938
|
+
--pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
|
|
7939
|
+
--pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
|
|
7940
|
+
--pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
|
|
7941
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
7942
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
7943
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
7944
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
7945
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
7946
|
+
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
7947
|
+
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
7948
|
+
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
7949
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
7950
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
7951
|
+
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
7952
|
+
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
7953
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
7954
|
+
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7955
|
+
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
7956
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
7957
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
7958
|
+
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
7959
|
+
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
7960
|
+
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
7961
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
7962
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
7963
|
+
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
7964
|
+
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
7965
|
+
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7966
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
7967
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
7968
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
7969
|
+
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
7970
|
+
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
7971
|
+
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
7972
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
7973
|
+
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
7974
|
+
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
7975
|
+
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
7976
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
7977
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
7978
|
+
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
7979
|
+
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
7980
|
+
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
7981
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
7982
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
7983
|
+
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
7984
|
+
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
7985
|
+
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
7986
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
7987
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
7988
|
+
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
7989
|
+
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
7990
|
+
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
7991
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
7992
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
7993
|
+
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
7994
|
+
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
7995
|
+
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
7996
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
7997
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
7998
|
+
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
7999
|
+
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
8000
|
+
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
8001
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
8002
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
8003
|
+
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
8004
|
+
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
8005
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
8006
|
+
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
8007
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
8008
|
+
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
8009
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
8010
|
+
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
8011
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
8012
|
+
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
8013
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
8014
|
+
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
8015
|
+
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
8016
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
8017
|
+
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
8018
|
+
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
8019
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
8020
|
+
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
8021
|
+
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
8022
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
8023
|
+
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
8024
|
+
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
8025
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
8026
|
+
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
8027
|
+
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
8028
|
+
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
8029
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
8030
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
8031
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
8032
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
8033
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
8034
|
+
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
8035
|
+
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
8036
|
+
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
8037
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
8038
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
8039
|
+
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
8040
|
+
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
8041
|
+
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
8042
|
+
--pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
|
|
8043
|
+
--pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
|
|
8044
|
+
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
8045
|
+
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
8046
|
+
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
8047
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
8048
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
8049
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
8050
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
8051
|
+
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
8052
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
8053
|
+
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
8054
|
+
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
8055
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
|
|
8056
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
|
|
8057
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
|
|
8058
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
8059
|
+
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
8060
|
+
--pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
|
|
8061
|
+
--pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
|
|
8062
|
+
--pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
|
|
8063
|
+
--pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
|
|
8064
|
+
--pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
|
|
8065
|
+
--pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
|
|
8066
|
+
--pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
|
|
8067
|
+
--pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
|
|
8068
|
+
--pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
|
|
8069
|
+
--pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
|
|
8070
|
+
--pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
|
|
8071
|
+
--pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
|
|
8072
|
+
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
8073
|
+
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
8074
|
+
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
8075
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
8076
|
+
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
8077
|
+
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
8078
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
8079
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
|
|
8080
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
|
|
8081
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
|
|
8082
|
+
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
8083
|
+
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
8084
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
8085
|
+
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
8086
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
8087
|
+
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8088
|
+
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8089
|
+
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
8090
|
+
--pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
8091
|
+
--pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8092
|
+
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8093
|
+
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
8094
|
+
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
8095
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8096
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8097
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
8098
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
8099
|
+
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
8100
|
+
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
8101
|
+
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
8102
|
+
--pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
|
|
8103
|
+
--pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
|
|
8104
|
+
--pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
|
|
8105
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
|
|
8106
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
|
|
8107
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
|
|
8108
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
|
|
8109
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
8110
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
8111
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
8112
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
8113
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
8114
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
8115
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
8116
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
8117
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
8118
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
8119
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
8120
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
8121
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
8122
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
|
|
8123
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
8124
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8125
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
8126
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8127
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
8128
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8129
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8130
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
8131
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8132
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
8133
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
8134
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8135
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
8136
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8137
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8138
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
8139
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8140
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8141
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
8142
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8143
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
8144
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
8145
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
8146
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8147
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
8148
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8149
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8150
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
8151
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8152
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
8153
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8154
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8155
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8156
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8157
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8158
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
8159
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
8160
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
8161
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
8162
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
8163
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
8164
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
8165
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
8166
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
8167
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8168
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
|
|
8169
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8170
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8171
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
8172
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8173
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
|
|
8174
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
|
|
8175
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
|
|
8176
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8177
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
|
|
8178
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8179
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8180
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
|
|
8181
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8182
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8183
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
|
|
8184
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8185
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
|
|
8186
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
|
|
8187
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
|
|
8188
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8189
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
|
|
8190
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8191
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8192
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
|
|
8193
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8194
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
8195
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
8196
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
8197
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
8198
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
8199
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
8200
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
8201
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
8202
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
8203
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8204
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8205
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8206
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8207
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8208
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8209
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
8210
|
+
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
8211
|
+
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
8212
|
+
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
8213
|
+
--pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
|
|
8214
|
+
--pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
|
|
8215
|
+
--pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
|
|
8216
|
+
--pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
|
|
8217
|
+
--pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
|
|
8218
|
+
--pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
|
|
8219
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8220
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
|
|
8221
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8222
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
|
|
8223
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
|
|
8224
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
8225
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
8226
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
8227
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
8228
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
8229
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
8230
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
8231
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
8232
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8233
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8234
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8235
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8236
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8237
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
8238
|
+
--pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
|
|
8239
|
+
--pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
|
|
8240
|
+
--pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
|
|
8241
|
+
--pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
|
|
8242
|
+
--pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
|
|
8243
|
+
--pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
|
|
8244
|
+
--pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
|
|
8245
|
+
--pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
|
|
8246
|
+
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
8247
|
+
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
8248
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
8249
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
8250
|
+
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
8251
|
+
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8252
|
+
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
8253
|
+
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
8254
|
+
--pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
|
|
8255
|
+
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
8256
|
+
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
8257
|
+
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
8258
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
8259
|
+
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
8260
|
+
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
8261
|
+
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
8262
|
+
--pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
|
|
8263
|
+
--pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
|
|
8264
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8265
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
|
|
8266
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
|
|
8267
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
|
|
8268
|
+
--pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
|
|
8269
|
+
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
8270
|
+
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
8271
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
8272
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8273
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
|
|
8274
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
8275
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
8276
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
8277
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8278
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
|
|
8279
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
|
|
8280
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
8281
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8282
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8283
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8284
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8285
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8286
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8287
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8288
|
+
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
8289
|
+
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
8290
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8291
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8292
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
8293
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8294
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8295
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8296
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8297
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8298
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
8299
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8300
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8301
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8302
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8303
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8304
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8305
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8306
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8307
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8308
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
8309
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8310
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
8311
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8312
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8313
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
8314
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
8315
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
8316
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
8317
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
8318
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
|
|
8319
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
|
|
8320
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
|
|
8321
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
8322
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
8323
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
8324
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
|
|
8325
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
|
|
8326
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
|
|
8327
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
|
|
8328
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
|
|
8329
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
|
|
8330
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
|
|
8331
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
|
|
8332
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
|
|
8333
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
|
|
8334
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
|
|
8335
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
|
|
8336
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
|
|
8337
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
|
|
8338
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
|
|
8339
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
|
|
8340
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
|
|
8341
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
|
|
8342
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
8343
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
8344
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
8345
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8346
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
8347
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
8348
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8349
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8350
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8351
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8352
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8353
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8354
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8355
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
8356
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
8357
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8358
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
8359
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
8360
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8361
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
8362
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
8363
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8364
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
8365
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
8366
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8367
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
8368
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
8369
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8370
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
8371
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
8372
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8373
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
8374
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
8375
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
8376
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
8377
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
8378
|
+
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
8379
|
+
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
8380
|
+
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
8381
|
+
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
8382
|
+
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
8383
|
+
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
8384
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
|
|
8385
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
|
|
8386
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
|
|
8387
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
8388
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
8389
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
8390
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
|
|
8391
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
|
|
8392
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
|
|
8393
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
|
|
8394
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
|
|
8395
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
|
|
8396
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
|
|
8397
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
|
|
8398
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
|
|
8399
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
|
|
8400
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
|
|
8401
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
|
|
8402
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
|
|
8403
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
|
|
8404
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
|
|
8405
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
|
|
8406
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
|
|
8407
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
|
|
8408
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
8409
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
8410
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
8411
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
8412
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
8413
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
8414
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
8415
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8416
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8417
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8418
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8419
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8420
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8421
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8422
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8423
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8424
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
8425
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
8426
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
8427
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8428
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
8429
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
8430
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
8431
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
8432
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
8433
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
8434
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
8435
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
8436
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
8437
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
8438
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8439
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
8440
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
8441
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
8442
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
8443
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
8444
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
8445
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
8446
|
+
}
|
|
8447
|
+
|
|
8448
|
+
:root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
8449
|
+
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
8450
|
+
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
8451
|
+
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
8452
|
+
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
8453
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
8454
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8455
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8456
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
8457
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
8458
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
8459
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8460
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8461
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8462
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8463
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8464
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8465
|
+
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
8466
|
+
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
8467
|
+
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
8468
|
+
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
8469
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
8470
|
+
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
8471
|
+
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
8472
|
+
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
8473
|
+
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
8474
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
8475
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
8476
|
+
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
8477
|
+
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
8478
|
+
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
8479
|
+
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
8480
|
+
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
8481
|
+
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
8482
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
8483
|
+
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
8484
|
+
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
8485
|
+
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
8486
|
+
--pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
|
|
8487
|
+
--pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
|
|
8488
|
+
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
8489
|
+
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
8490
|
+
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
8491
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
8492
|
+
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
8493
|
+
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
8494
|
+
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
8495
|
+
--pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
|
|
8496
|
+
--pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
|
|
8497
|
+
--pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
|
|
8498
|
+
--pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
|
|
8499
|
+
--pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
|
|
8500
|
+
--pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
|
|
8501
|
+
--pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
|
|
8502
|
+
--pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
|
|
8503
|
+
--pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
|
|
8504
|
+
--pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
|
|
8505
|
+
--pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
|
|
8506
|
+
--pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
|
|
8507
|
+
--pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
|
|
8508
|
+
--pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
|
|
8509
|
+
--pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
|
|
8510
|
+
--pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
|
|
8511
|
+
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
8512
|
+
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
8513
|
+
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
8514
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
8515
|
+
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
8516
|
+
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
8517
|
+
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
8518
|
+
--pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
|
|
8519
|
+
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
8520
|
+
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
8521
|
+
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
8522
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
8523
|
+
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
8524
|
+
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
8525
|
+
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
8526
|
+
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
8527
|
+
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
8528
|
+
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
8529
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
8530
|
+
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
8531
|
+
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
8532
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
8533
|
+
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
8534
|
+
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
8535
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
8536
|
+
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
8537
|
+
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
8538
|
+
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
8539
|
+
--pf-t--global--dark--text--color--100: var(--pf-t--color--white);
|
|
8540
|
+
--pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
|
|
8541
|
+
--pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
|
|
8542
|
+
--pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
|
|
8543
|
+
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
8544
|
+
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
8545
|
+
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
8546
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
8547
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8548
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8549
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
8550
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
8551
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
8552
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
8553
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
8554
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
8555
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
8556
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
8557
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
8558
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
8559
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
8560
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8561
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8562
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8563
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
8564
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8565
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8566
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8567
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
8568
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
8569
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
8570
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
8571
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8572
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8573
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8574
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8575
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
8576
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8577
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8578
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8579
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8580
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8581
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8582
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8583
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8584
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8585
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8586
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8587
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8588
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8589
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8590
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8591
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8592
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8593
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8594
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8595
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8596
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8597
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8598
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
8599
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8600
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
8601
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
8602
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
8603
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
8604
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
8605
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8606
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8607
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8608
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8609
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
8610
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8611
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8612
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8613
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8614
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8615
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8616
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8617
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8618
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8619
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8620
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8621
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8622
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8623
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8624
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8625
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8626
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8627
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8628
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8629
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8630
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8631
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8632
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
8633
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
8634
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
8635
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
8636
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
8637
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
8638
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
|
|
8639
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
|
|
8640
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
|
|
8641
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
8642
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
8643
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
8644
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
8645
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
8646
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
8647
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
8648
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8649
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8650
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8651
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8652
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
|
|
8653
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
8654
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
|
|
8655
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
8656
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
|
|
8657
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
|
|
8658
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
|
|
8659
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
|
|
8660
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
|
|
8661
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
|
|
8662
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8663
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8664
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8665
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8666
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
|
|
8667
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
|
|
8668
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
|
|
8669
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
8670
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
8671
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
|
|
8672
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
|
|
8673
|
+
--pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
|
|
8674
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
|
|
8675
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
8676
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
8677
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
8678
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8679
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8680
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8681
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8682
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
7476
8683
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7477
8684
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7478
8685
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7842,6 +9049,9 @@ button) {
|
|
|
7842
9049
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7843
9050
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7844
9051
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
9052
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
9053
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9054
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
7845
9055
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7846
9056
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7847
9057
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7902,6 +9112,11 @@ button) {
|
|
|
7902
9112
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
7903
9113
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7904
9114
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
9115
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
9116
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9117
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
9118
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
9119
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
7905
9120
|
}
|
|
7906
9121
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7907
9122
|
.pf-v6-c-accordion {
|
|
@@ -7940,6 +9155,7 @@ button) {
|
|
|
7940
9155
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
7941
9156
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
7942
9157
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
9158
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
7943
9159
|
}
|
|
7944
9160
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
7945
9161
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -7954,6 +9170,7 @@ button) {
|
|
|
7954
9170
|
pointer-events: none;
|
|
7955
9171
|
content: "";
|
|
7956
9172
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
9173
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
|
7957
9174
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7958
9175
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7959
9176
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -7968,6 +9185,7 @@ button) {
|
|
|
7968
9185
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7969
9186
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7970
9187
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
9188
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
7971
9189
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7972
9190
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7973
9191
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
@@ -7997,8 +9215,17 @@ button) {
|
|
|
7997
9215
|
border: 0;
|
|
7998
9216
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
7999
9217
|
}
|
|
9218
|
+
.pf-v6-c-accordion__toggle::after {
|
|
9219
|
+
position: absolute;
|
|
9220
|
+
inset: 0;
|
|
9221
|
+
pointer-events: none;
|
|
9222
|
+
content: "";
|
|
9223
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
|
9224
|
+
border-radius: inherit;
|
|
9225
|
+
}
|
|
8000
9226
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
8001
9227
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
|
9228
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
|
8002
9229
|
}
|
|
8003
9230
|
|
|
8004
9231
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -8031,6 +9258,7 @@ button) {
|
|
|
8031
9258
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
8032
9259
|
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
8033
9260
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9261
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
8034
9262
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
8035
9263
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
8036
9264
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
@@ -8345,7 +9573,8 @@ button) {
|
|
|
8345
9573
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8346
9574
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8347
9575
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8348
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
|
9576
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
9577
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8349
9578
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8350
9579
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8351
9580
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -8354,6 +9583,7 @@ button) {
|
|
|
8354
9583
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
8355
9584
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
8356
9585
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
9586
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
8357
9587
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
8358
9588
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
8359
9589
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
@@ -8384,10 +9614,21 @@ button) {
|
|
|
8384
9614
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
8385
9615
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
8386
9616
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
8387
|
-
border
|
|
9617
|
+
border: 0;
|
|
8388
9618
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
8389
9619
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
8390
9620
|
}
|
|
9621
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
|
9622
|
+
position: absolute;
|
|
9623
|
+
inset: 0;
|
|
9624
|
+
pointer-events: none;
|
|
9625
|
+
content: "";
|
|
9626
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
|
9627
|
+
border-radius: inherit;
|
|
9628
|
+
}
|
|
9629
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
9630
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
|
9631
|
+
}
|
|
8391
9632
|
|
|
8392
9633
|
.pf-v6-c-alert-group__item {
|
|
8393
9634
|
display: grid;
|
|
@@ -8797,6 +10038,7 @@ button) {
|
|
|
8797
10038
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8798
10039
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8799
10040
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
10041
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8800
10042
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8801
10043
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
8802
10044
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -8829,6 +10071,7 @@ button) {
|
|
|
8829
10071
|
border-radius: inherit;
|
|
8830
10072
|
}
|
|
8831
10073
|
.pf-v6-c-badge.pf-m-read {
|
|
10074
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
8832
10075
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
8833
10076
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
8834
10077
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -8861,6 +10104,8 @@ button) {
|
|
|
8861
10104
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8862
10105
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8863
10106
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10107
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10108
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
8864
10109
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
8865
10110
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
8866
10111
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -8911,6 +10156,8 @@ button) {
|
|
|
8911
10156
|
color: var(--pf-v6-c-banner--Color);
|
|
8912
10157
|
white-space: nowrap;
|
|
8913
10158
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
10159
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
10160
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
8914
10161
|
}
|
|
8915
10162
|
.pf-v6-c-banner.pf-m-danger {
|
|
8916
10163
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -9193,6 +10440,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9193
10440
|
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
9194
10441
|
--pf-v6-c-button--ScaleX: 1;
|
|
9195
10442
|
--pf-v6-c-button--ScaleY: 1;
|
|
10443
|
+
--pf-v6-c-button--border--offset: 0;
|
|
9196
10444
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
9197
10445
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
9198
10446
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -9256,6 +10504,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9256
10504
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
9257
10505
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9258
10506
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10507
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10508
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10509
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10510
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10511
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10512
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9259
10513
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
9260
10514
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9261
10515
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -9306,6 +10560,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9306
10560
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
9307
10561
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9308
10562
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10563
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10564
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10565
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10566
|
+
--pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10567
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10568
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9309
10569
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
9310
10570
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
9311
10571
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -9318,7 +10578,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9318
10578
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9319
10579
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
9320
10580
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
9321
|
-
--pf-v6-c-
|
|
10581
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
9322
10582
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
9323
10583
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9324
10584
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -9453,7 +10713,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9453
10713
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9454
10714
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9455
10715
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9456
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
|
10716
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
|
9457
10717
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9458
10718
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9459
10719
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -9509,7 +10769,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9509
10769
|
}
|
|
9510
10770
|
.pf-v6-c-button::after {
|
|
9511
10771
|
position: absolute;
|
|
9512
|
-
inset:
|
|
10772
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
9513
10773
|
pointer-events: none;
|
|
9514
10774
|
content: "";
|
|
9515
10775
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -9573,6 +10833,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9573
10833
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
9574
10834
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
9575
10835
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
|
10836
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
|
10837
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
|
10838
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
|
10839
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
|
10840
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
|
10841
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
|
9576
10842
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
9577
10843
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
9578
10844
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -9612,6 +10878,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9612
10878
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
9613
10879
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
9614
10880
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
10881
|
+
--pf-v6-c-button--BorderWidth: 0;
|
|
10882
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10883
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
9615
10884
|
text-align: start;
|
|
9616
10885
|
white-space: normal;
|
|
9617
10886
|
background: transparent;
|
|
@@ -9719,6 +10988,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9719
10988
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
9720
10989
|
}
|
|
9721
10990
|
.pf-v6-c-button.pf-m-plain {
|
|
10991
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
|
10992
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
|
10993
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
|
10994
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
|
10995
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
|
10996
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
|
9722
10997
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
9723
10998
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
9724
10999
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -9747,6 +11022,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9747
11022
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
9748
11023
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9749
11024
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
11025
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
|
9750
11026
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9751
11027
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9752
11028
|
}
|
|
@@ -10232,6 +11508,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10232
11508
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10233
11509
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
10234
11510
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11511
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10235
11512
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10236
11513
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10237
11514
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10262,7 +11539,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10262
11539
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10263
11540
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10264
11541
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10265
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
11542
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10266
11543
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
10267
11544
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
10268
11545
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -10462,17 +11739,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10462
11739
|
z-index: -1;
|
|
10463
11740
|
content: "";
|
|
10464
11741
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
10465
|
-
border: var(--pf-v6-c-card--
|
|
11742
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
10466
11743
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
10467
11744
|
}
|
|
10468
11745
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
10469
11746
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
11747
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
|
10470
11748
|
}
|
|
10471
11749
|
|
|
10472
11750
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
|
|
10473
11751
|
.pf-v6-c-card.pf-m-selected {
|
|
10474
11752
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
10475
|
-
--pf-v6-c-card--
|
|
11753
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
10476
11754
|
}
|
|
10477
11755
|
|
|
10478
11756
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -10726,6 +12004,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10726
12004
|
}
|
|
10727
12005
|
|
|
10728
12006
|
.pf-v6-c-code-block {
|
|
12007
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12008
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
10729
12009
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10730
12010
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10731
12011
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -10744,6 +12024,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10744
12024
|
|
|
10745
12025
|
.pf-v6-c-code-block {
|
|
10746
12026
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
12027
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
|
10747
12028
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
10748
12029
|
}
|
|
10749
12030
|
|
|
@@ -10784,6 +12065,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10784
12065
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
10785
12066
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
10786
12067
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
12068
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
12069
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
|
12070
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
12071
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
10787
12072
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10788
12073
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10789
12074
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10855,12 +12140,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10855
12140
|
}
|
|
10856
12141
|
.pf-v6-c-code-editor__header::before {
|
|
10857
12142
|
position: absolute;
|
|
10858
|
-
inset
|
|
10859
|
-
inset-inline-start: 0;
|
|
10860
|
-
inset-inline-end: 0;
|
|
12143
|
+
inset: 0;
|
|
10861
12144
|
pointer-events: none;
|
|
10862
12145
|
content: "";
|
|
12146
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
10863
12147
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
|
12148
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
|
12149
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
|
10864
12150
|
}
|
|
10865
12151
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
10866
12152
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
@@ -12518,8 +13804,12 @@ ul) {
|
|
|
12518
13804
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12519
13805
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12520
13806
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13807
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
13808
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12521
13809
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
13810
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
12522
13811
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
13812
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
12523
13813
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
12524
13814
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
12525
13815
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12625,6 +13915,7 @@ ul) {
|
|
|
12625
13915
|
overflow: auto;
|
|
12626
13916
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
12627
13917
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
13918
|
+
outline-offset: 2px;
|
|
12628
13919
|
}
|
|
12629
13920
|
|
|
12630
13921
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -12649,7 +13940,7 @@ ul) {
|
|
|
12649
13940
|
overflow-anchor: none;
|
|
12650
13941
|
}
|
|
12651
13942
|
|
|
12652
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
13943
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
12653
13944
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
12654
13945
|
}
|
|
12655
13946
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -12683,12 +13974,22 @@ ul) {
|
|
|
12683
13974
|
}
|
|
12684
13975
|
|
|
12685
13976
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
13977
|
+
position: relative;
|
|
12686
13978
|
display: flex;
|
|
12687
13979
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12688
13980
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
12689
13981
|
}
|
|
13982
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
|
13983
|
+
position: absolute;
|
|
13984
|
+
inset: 0;
|
|
13985
|
+
pointer-events: none;
|
|
13986
|
+
content: "";
|
|
13987
|
+
border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
|
13988
|
+
border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
|
13989
|
+
}
|
|
12690
13990
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
12691
13991
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
|
13992
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
|
12692
13993
|
}
|
|
12693
13994
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
12694
13995
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
@@ -12696,9 +13997,12 @@ ul) {
|
|
|
12696
13997
|
}
|
|
12697
13998
|
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
12698
13999
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
14000
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
12699
14001
|
}
|
|
12700
14002
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
12701
14003
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
14004
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderColor: transparent;
|
|
14005
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
|
|
12702
14006
|
}
|
|
12703
14007
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
12704
14008
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -13218,6 +14522,11 @@ ul) {
|
|
|
13218
14522
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
13219
14523
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
13220
14524
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14525
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
14526
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14527
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14528
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14529
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13221
14530
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13222
14531
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13223
14532
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -13314,13 +14623,14 @@ ul) {
|
|
|
13314
14623
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
13315
14624
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
13316
14625
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13317
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
13318
|
-
--pf-v6-c-drawer--m-
|
|
13319
|
-
--pf-v6-c-
|
|
14626
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
|
|
14627
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
14628
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
|
|
14629
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
13320
14630
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
13321
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
13322
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
13323
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
|
14631
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
14632
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14633
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
13324
14634
|
}
|
|
13325
14635
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13326
14636
|
.pf-v6-c-drawer {
|
|
@@ -13361,6 +14671,7 @@ ul) {
|
|
|
13361
14671
|
|
|
13362
14672
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
13363
14673
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14674
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13364
14675
|
}
|
|
13365
14676
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
13366
14677
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -13461,6 +14772,11 @@ ul) {
|
|
|
13461
14772
|
overflow: auto;
|
|
13462
14773
|
visibility: hidden;
|
|
13463
14774
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
14775
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
14776
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
14777
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14778
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14779
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
13464
14780
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13465
14781
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13466
14782
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -13469,15 +14785,6 @@ ul) {
|
|
|
13469
14785
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
13470
14786
|
-webkit-overflow-scrolling: touch;
|
|
13471
14787
|
}
|
|
13472
|
-
.pf-v6-c-drawer__panel::after {
|
|
13473
|
-
position: absolute;
|
|
13474
|
-
inset-block-start: 0;
|
|
13475
|
-
inset-inline-start: 0;
|
|
13476
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
13477
|
-
height: 100%;
|
|
13478
|
-
content: "";
|
|
13479
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
13480
|
-
}
|
|
13481
14788
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
13482
14789
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
13483
14790
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -13632,13 +14939,13 @@ ul) {
|
|
|
13632
14939
|
}
|
|
13633
14940
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13634
14941
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
|
14942
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14943
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14944
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14945
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13635
14946
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
13636
14947
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
13637
14948
|
}
|
|
13638
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
13639
|
-
width: 0;
|
|
13640
|
-
height: 0;
|
|
13641
|
-
}
|
|
13642
14949
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
13643
14950
|
flex-shrink: 0;
|
|
13644
14951
|
}
|
|
@@ -13647,18 +14954,17 @@ ul) {
|
|
|
13647
14954
|
}
|
|
13648
14955
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
13649
14956
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
14957
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14958
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
13650
14959
|
}
|
|
13651
14960
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
14961
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13652
14962
|
padding-inline-start: 0;
|
|
13653
14963
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
13654
14964
|
}
|
|
13655
14965
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13656
14966
|
transform: translateX(0);
|
|
13657
14967
|
}
|
|
13658
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13659
|
-
inset-inline-start: auto;
|
|
13660
|
-
inset-inline-end: 0;
|
|
13661
|
-
}
|
|
13662
14968
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
13663
14969
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
13664
14970
|
order: 1;
|
|
@@ -13667,19 +14973,16 @@ ul) {
|
|
|
13667
14973
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
13668
14974
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
13669
14975
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14976
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14977
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13670
14978
|
min-width: auto;
|
|
13671
14979
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
13672
14980
|
}
|
|
13673
14981
|
.pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
14982
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13674
14983
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
13675
14984
|
padding-inline-start: 0;
|
|
13676
14985
|
}
|
|
13677
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13678
|
-
inset-block-start: 0;
|
|
13679
|
-
inset-inline-start: auto;
|
|
13680
|
-
width: 100%;
|
|
13681
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13682
|
-
}
|
|
13683
14986
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13684
14987
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
13685
14988
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -13708,6 +15011,10 @@ ul) {
|
|
|
13708
15011
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
13709
15012
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
13710
15013
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
15014
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
15015
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
15016
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
15017
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13711
15018
|
}
|
|
13712
15019
|
.pf-v6-c-drawer__splitter {
|
|
13713
15020
|
display: block;
|
|
@@ -13802,9 +15109,9 @@ ul) {
|
|
|
13802
15109
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13803
15110
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13804
15111
|
}
|
|
13805
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13806
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13807
|
-
|
|
15112
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15113
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15114
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13808
15115
|
}
|
|
13809
15116
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13810
15117
|
overflow-x: auto;
|
|
@@ -13869,9 +15176,9 @@ ul) {
|
|
|
13869
15176
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13870
15177
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13871
15178
|
}
|
|
13872
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13873
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13874
|
-
|
|
15179
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15180
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15181
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13875
15182
|
}
|
|
13876
15183
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13877
15184
|
overflow-x: auto;
|
|
@@ -13936,9 +15243,9 @@ ul) {
|
|
|
13936
15243
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13937
15244
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13938
15245
|
}
|
|
13939
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13940
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13941
|
-
|
|
15246
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15247
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15248
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13942
15249
|
}
|
|
13943
15250
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13944
15251
|
overflow-x: auto;
|
|
@@ -14003,9 +15310,9 @@ ul) {
|
|
|
14003
15310
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
14004
15311
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
14005
15312
|
}
|
|
14006
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
14007
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
14008
|
-
|
|
15313
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15314
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15315
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
14009
15316
|
}
|
|
14010
15317
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
14011
15318
|
overflow-x: auto;
|
|
@@ -16234,10 +17541,11 @@ label.pf-v6-c-input-group__text {
|
|
|
16234
17541
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16235
17542
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
16236
17543
|
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
|
16237
|
-
--pf-v6-c-label--BorderWidth:
|
|
16238
|
-
--pf-v6-c-label--BorderColor:
|
|
17544
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
17545
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16239
17546
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16240
17547
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17548
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
16241
17549
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
16242
17550
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16243
17551
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -16360,8 +17668,8 @@ label.pf-v6-c-input-group__text {
|
|
|
16360
17668
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
16361
17669
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
16362
17670
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
16363
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
16364
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
|
17671
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
17672
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16365
17673
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
16366
17674
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
16367
17675
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16374,8 +17682,10 @@ label.pf-v6-c-input-group__text {
|
|
|
16374
17682
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16375
17683
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16376
17684
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17685
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
16377
17686
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16378
17687
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17688
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
16379
17689
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16380
17690
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
16381
17691
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16396,15 +17706,15 @@ label.pf-v6-c-input-group__text {
|
|
|
16396
17706
|
--pf-v6-c-label__content--Cursor: initial;
|
|
16397
17707
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16398
17708
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
16399
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
17709
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
16400
17710
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16401
17711
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16402
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
16403
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
16404
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
16405
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
16406
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
16407
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
|
17712
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
|
17713
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
|
17714
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
|
17715
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
|
17716
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
|
17717
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
|
16408
17718
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
16409
17719
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
16410
17720
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -16424,6 +17734,7 @@ label.pf-v6-c-input-group__text {
|
|
|
16424
17734
|
|
|
16425
17735
|
.pf-v6-c-label {
|
|
16426
17736
|
position: relative;
|
|
17737
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
16427
17738
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
16428
17739
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
16429
17740
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -16623,10 +17934,12 @@ label.pf-v6-c-input-group__text {
|
|
|
16623
17934
|
.pf-v6-c-label.pf-m-overflow {
|
|
16624
17935
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
16625
17936
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
|
17937
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
|
16626
17938
|
}
|
|
16627
17939
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16628
17940
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
16629
17941
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
|
17942
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
|
16630
17943
|
}
|
|
16631
17944
|
.pf-v6-c-label.pf-m-add {
|
|
16632
17945
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -16726,6 +18039,9 @@ input.pf-v6-c-label__content {
|
|
|
16726
18039
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
16727
18040
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
16728
18041
|
}
|
|
18042
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18043
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18044
|
+
}
|
|
16729
18045
|
|
|
16730
18046
|
.pf-v6-c-label-group {
|
|
16731
18047
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -16964,6 +18280,8 @@ ul.pf-v6-c-list {
|
|
|
16964
18280
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16965
18281
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
16966
18282
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18283
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
18284
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16967
18285
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
16968
18286
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
16969
18287
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -17095,6 +18413,7 @@ ul.pf-v6-c-list {
|
|
|
17095
18413
|
align-self: start;
|
|
17096
18414
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
17097
18415
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
18416
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
17098
18417
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
17099
18418
|
}
|
|
17100
18419
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -17741,6 +19060,8 @@ ul.pf-v6-c-list {
|
|
|
17741
19060
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
17742
19061
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17743
19062
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
19063
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
19064
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17744
19065
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17745
19066
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
17746
19067
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -17761,6 +19082,9 @@ ul.pf-v6-c-list {
|
|
|
17761
19082
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
17762
19083
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
17763
19084
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19085
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19086
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19087
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17764
19088
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
17765
19089
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17766
19090
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -17936,6 +19260,7 @@ ul.pf-v6-c-list {
|
|
|
17936
19260
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17937
19261
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
17938
19262
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
19263
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
17939
19264
|
}
|
|
17940
19265
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
17941
19266
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -17960,6 +19285,7 @@ ul.pf-v6-c-list {
|
|
|
17960
19285
|
overflow: hidden;
|
|
17961
19286
|
color: var(--pf-v6-c-menu--Color);
|
|
17962
19287
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
19288
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
17963
19289
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
17964
19290
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
17965
19291
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -18004,6 +19330,7 @@ ul.pf-v6-c-list {
|
|
|
18004
19330
|
}
|
|
18005
19331
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
18006
19332
|
padding: 0;
|
|
19333
|
+
border: 0;
|
|
18007
19334
|
}
|
|
18008
19335
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
18009
19336
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -18146,6 +19473,8 @@ ul.pf-v6-c-list {
|
|
|
18146
19473
|
inset: 0;
|
|
18147
19474
|
content: "";
|
|
18148
19475
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
19476
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
19477
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
18149
19478
|
transition: inherit;
|
|
18150
19479
|
}
|
|
18151
19480
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -18170,6 +19499,7 @@ ul.pf-v6-c-list {
|
|
|
18170
19499
|
}
|
|
18171
19500
|
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
|
|
18172
19501
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
19502
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
|
18173
19503
|
}
|
|
18174
19504
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
18175
19505
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
|
|
@@ -18358,19 +19688,19 @@ ul.pf-v6-c-list {
|
|
|
18358
19688
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18359
19689
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18360
19690
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
18361
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
|
19691
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18362
19692
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18363
19693
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18364
19694
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
18365
19695
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
18366
19696
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18367
19697
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18368
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
19698
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
18369
19699
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
18370
19700
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18371
19701
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
18372
19702
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18373
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
|
19703
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
18374
19704
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18375
19705
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18376
19706
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -18457,7 +19787,10 @@ ul.pf-v6-c-list {
|
|
|
18457
19787
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
18458
19788
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
18459
19789
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18460
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
|
19790
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19791
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19792
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19793
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
18461
19794
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18462
19795
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18463
19796
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -18583,6 +19916,7 @@ ul.pf-v6-c-list {
|
|
|
18583
19916
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
18584
19917
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18585
19918
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
19919
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
18586
19920
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
18587
19921
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18588
19922
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -18595,12 +19929,14 @@ ul.pf-v6-c-list {
|
|
|
18595
19929
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
18596
19930
|
}
|
|
18597
19931
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
18598
|
-
|
|
19932
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19933
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
18599
19934
|
}
|
|
18600
19935
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
18601
19936
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
18602
19937
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
18603
19938
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
19939
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
|
18604
19940
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
18605
19941
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18606
19942
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -18612,6 +19948,7 @@ ul.pf-v6-c-list {
|
|
|
18612
19948
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
18613
19949
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
18614
19950
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
|
19951
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
|
18615
19952
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
18616
19953
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
18617
19954
|
}
|
|
@@ -18860,6 +20197,8 @@ ul.pf-v6-c-list {
|
|
|
18860
20197
|
|
|
18861
20198
|
.pf-v6-c-modal-box {
|
|
18862
20199
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20200
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20201
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
18863
20202
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18864
20203
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
18865
20204
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -18926,6 +20265,7 @@ ul.pf-v6-c-list {
|
|
|
18926
20265
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
18927
20266
|
overflow: auto;
|
|
18928
20267
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
20268
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
|
18929
20269
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
18930
20270
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
18931
20271
|
}
|
|
@@ -19317,6 +20657,10 @@ ul.pf-v6-c-list {
|
|
|
19317
20657
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
19318
20658
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
19319
20659
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
20660
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20661
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
20662
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20663
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
19320
20664
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
19321
20665
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
19322
20666
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -19351,6 +20695,8 @@ ul.pf-v6-c-list {
|
|
|
19351
20695
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
19352
20696
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19353
20697
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20698
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20699
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19354
20700
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19355
20701
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19356
20702
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -19510,12 +20856,22 @@ ul.pf-v6-c-list {
|
|
|
19510
20856
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
19511
20857
|
transition-property: background-color, color;
|
|
19512
20858
|
}
|
|
20859
|
+
.pf-v6-c-nav__link::after {
|
|
20860
|
+
position: absolute;
|
|
20861
|
+
inset: 0;
|
|
20862
|
+
pointer-events: none;
|
|
20863
|
+
content: "";
|
|
20864
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
20865
|
+
border-radius: inherit;
|
|
20866
|
+
}
|
|
19513
20867
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
20868
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
19514
20869
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
19515
20870
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
19516
20871
|
}
|
|
19517
20872
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
19518
20873
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
20874
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
19519
20875
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
19520
20876
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
19521
20877
|
}
|
|
@@ -19618,6 +20974,7 @@ ul.pf-v6-c-list {
|
|
|
19618
20974
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
19619
20975
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
19620
20976
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
20977
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
|
19621
20978
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
19622
20979
|
}
|
|
19623
20980
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -19948,7 +21305,7 @@ ul.pf-v6-c-list {
|
|
|
19948
21305
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19949
21306
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19950
21307
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19951
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21308
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
19952
21309
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
19953
21310
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19954
21311
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -19963,6 +21320,8 @@ ul.pf-v6-c-list {
|
|
|
19963
21320
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19964
21321
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
19965
21322
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21323
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21324
|
+
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19966
21325
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
19967
21326
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
19968
21327
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -19987,13 +21346,19 @@ ul.pf-v6-c-list {
|
|
|
19987
21346
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19988
21347
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19989
21348
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19990
|
-
--pf-v6-c-page__main-container--
|
|
19991
|
-
--pf-v6-c-page__main-container--
|
|
21349
|
+
--pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21350
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21351
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21352
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21353
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
19992
21354
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19993
21355
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19994
21356
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19995
21357
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19996
21358
|
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
21359
|
+
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21360
|
+
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21361
|
+
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
19997
21362
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19998
21363
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19999
21364
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -20006,22 +21371,30 @@ ul.pf-v6-c-list {
|
|
|
20006
21371
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
20007
21372
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
20008
21373
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21374
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21375
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20009
21376
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
20010
21377
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21378
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21379
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
20011
21380
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
20012
21381
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21382
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21383
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20013
21384
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20014
21385
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21386
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21387
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
20015
21388
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20016
21389
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20017
21390
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
20018
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
20019
|
-
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21391
|
+
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21392
|
+
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20020
21393
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20021
21394
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20022
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21395
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20023
21396
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
20024
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21397
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
20025
21398
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20026
21399
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20027
21400
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
@@ -20044,6 +21417,7 @@ ul.pf-v6-c-list {
|
|
|
20044
21417
|
.pf-v6-c-page {
|
|
20045
21418
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
20046
21419
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
21420
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
20047
21421
|
}
|
|
20048
21422
|
}
|
|
20049
21423
|
|
|
@@ -20137,6 +21511,7 @@ ul.pf-v6-c-list {
|
|
|
20137
21511
|
overflow-y: auto;
|
|
20138
21512
|
-webkit-overflow-scrolling: touch;
|
|
20139
21513
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
21514
|
+
border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
|
|
20140
21515
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
20141
21516
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
20142
21517
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
@@ -20152,7 +21527,7 @@ ul.pf-v6-c-list {
|
|
|
20152
21527
|
}
|
|
20153
21528
|
@media screen and (min-width: 75rem) {
|
|
20154
21529
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
20155
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21530
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
20156
21531
|
}
|
|
20157
21532
|
}
|
|
20158
21533
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
|
@@ -20249,6 +21624,7 @@ ul.pf-v6-c-list {
|
|
|
20249
21624
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
|
20250
21625
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
|
20251
21626
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
21627
|
+
border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
|
|
20252
21628
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
20253
21629
|
}
|
|
20254
21630
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
@@ -20258,6 +21634,7 @@ ul.pf-v6-c-list {
|
|
|
20258
21634
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
|
20259
21635
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
|
20260
21636
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
21637
|
+
border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
|
|
20261
21638
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
20262
21639
|
}
|
|
20263
21640
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
@@ -20269,6 +21646,7 @@ ul.pf-v6-c-list {
|
|
|
20269
21646
|
position: sticky;
|
|
20270
21647
|
inset-block-start: 0;
|
|
20271
21648
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21649
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20272
21650
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20273
21651
|
}
|
|
20274
21652
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
@@ -20280,6 +21658,7 @@ ul.pf-v6-c-list {
|
|
|
20280
21658
|
position: sticky;
|
|
20281
21659
|
inset-block-end: 0;
|
|
20282
21660
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21661
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20283
21662
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20284
21663
|
}
|
|
20285
21664
|
@media (min-height: 0) {
|
|
@@ -20292,6 +21671,7 @@ ul.pf-v6-c-list {
|
|
|
20292
21671
|
position: sticky;
|
|
20293
21672
|
inset-block-start: 0;
|
|
20294
21673
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21674
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20295
21675
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20296
21676
|
}
|
|
20297
21677
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -20303,6 +21683,7 @@ ul.pf-v6-c-list {
|
|
|
20303
21683
|
position: sticky;
|
|
20304
21684
|
inset-block-end: 0;
|
|
20305
21685
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21686
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20306
21687
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20307
21688
|
}
|
|
20308
21689
|
}
|
|
@@ -20316,6 +21697,7 @@ ul.pf-v6-c-list {
|
|
|
20316
21697
|
position: sticky;
|
|
20317
21698
|
inset-block-start: 0;
|
|
20318
21699
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21700
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20319
21701
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20320
21702
|
}
|
|
20321
21703
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
@@ -20327,6 +21709,7 @@ ul.pf-v6-c-list {
|
|
|
20327
21709
|
position: sticky;
|
|
20328
21710
|
inset-block-end: 0;
|
|
20329
21711
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21712
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20330
21713
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20331
21714
|
}
|
|
20332
21715
|
}
|
|
@@ -20340,6 +21723,7 @@ ul.pf-v6-c-list {
|
|
|
20340
21723
|
position: sticky;
|
|
20341
21724
|
inset-block-start: 0;
|
|
20342
21725
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21726
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20343
21727
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20344
21728
|
}
|
|
20345
21729
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -20351,6 +21735,7 @@ ul.pf-v6-c-list {
|
|
|
20351
21735
|
position: sticky;
|
|
20352
21736
|
inset-block-end: 0;
|
|
20353
21737
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21738
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20354
21739
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20355
21740
|
}
|
|
20356
21741
|
}
|
|
@@ -20364,6 +21749,7 @@ ul.pf-v6-c-list {
|
|
|
20364
21749
|
position: sticky;
|
|
20365
21750
|
inset-block-start: 0;
|
|
20366
21751
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21752
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20367
21753
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20368
21754
|
}
|
|
20369
21755
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -20375,6 +21761,7 @@ ul.pf-v6-c-list {
|
|
|
20375
21761
|
position: sticky;
|
|
20376
21762
|
inset-block-end: 0;
|
|
20377
21763
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21764
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20378
21765
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20379
21766
|
}
|
|
20380
21767
|
}
|
|
@@ -20388,6 +21775,7 @@ ul.pf-v6-c-list {
|
|
|
20388
21775
|
position: sticky;
|
|
20389
21776
|
inset-block-start: 0;
|
|
20390
21777
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21778
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20391
21779
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20392
21780
|
}
|
|
20393
21781
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -20399,6 +21787,7 @@ ul.pf-v6-c-list {
|
|
|
20399
21787
|
position: sticky;
|
|
20400
21788
|
inset-block-end: 0;
|
|
20401
21789
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21790
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20402
21791
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20403
21792
|
}
|
|
20404
21793
|
}
|
|
@@ -20411,7 +21800,11 @@ ul.pf-v6-c-list {
|
|
|
20411
21800
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
20412
21801
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
20413
21802
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
20414
|
-
border:
|
|
21803
|
+
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
21804
|
+
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
21805
|
+
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
21806
|
+
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
21807
|
+
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
20415
21808
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
20416
21809
|
}
|
|
20417
21810
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
@@ -20421,6 +21814,9 @@ ul.pf-v6-c-list {
|
|
|
20421
21814
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
20422
21815
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
20423
21816
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
21817
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
21818
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
21819
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
20424
21820
|
}
|
|
20425
21821
|
}
|
|
20426
21822
|
|
|
@@ -20541,8 +21937,8 @@ ul.pf-v6-c-list {
|
|
|
20541
21937
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
|
20542
21938
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20543
21939
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20544
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20545
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21940
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21941
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20546
21942
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
|
20547
21943
|
}
|
|
20548
21944
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
@@ -20551,8 +21947,8 @@ ul.pf-v6-c-list {
|
|
|
20551
21947
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
20552
21948
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20553
21949
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20554
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20555
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21950
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21951
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20556
21952
|
}
|
|
20557
21953
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
20558
21954
|
padding: 0;
|
|
@@ -20561,8 +21957,8 @@ ul.pf-v6-c-list {
|
|
|
20561
21957
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
20562
21958
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20563
21959
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20564
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20565
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21960
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21961
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20566
21962
|
}
|
|
20567
21963
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
20568
21964
|
padding: 0;
|
|
@@ -20572,8 +21968,8 @@ ul.pf-v6-c-list {
|
|
|
20572
21968
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
20573
21969
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20574
21970
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20575
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20576
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21971
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21972
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20577
21973
|
}
|
|
20578
21974
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
20579
21975
|
padding: 0;
|
|
@@ -20583,8 +21979,8 @@ ul.pf-v6-c-list {
|
|
|
20583
21979
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
20584
21980
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20585
21981
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20586
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20587
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21982
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21983
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20588
21984
|
}
|
|
20589
21985
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
20590
21986
|
padding: 0;
|
|
@@ -20594,8 +21990,8 @@ ul.pf-v6-c-list {
|
|
|
20594
21990
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
20595
21991
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20596
21992
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20597
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20598
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21993
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21994
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20599
21995
|
}
|
|
20600
21996
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
20601
21997
|
padding: 0;
|
|
@@ -20605,8 +22001,8 @@ ul.pf-v6-c-list {
|
|
|
20605
22001
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
20606
22002
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20607
22003
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20608
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20609
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
22004
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
22005
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20610
22006
|
}
|
|
20611
22007
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
20612
22008
|
padding: 0;
|
|
@@ -21007,11 +22403,14 @@ ul.pf-v6-c-list {
|
|
|
21007
22403
|
--pf-v6-c-panel--BoxShadow: none;
|
|
21008
22404
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
21009
22405
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
21010
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
|
22406
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21011
22407
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22408
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
21012
22409
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
22410
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
21013
22411
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
21014
22412
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22413
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
21015
22414
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21016
22415
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21017
22416
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21053,13 +22452,16 @@ ul.pf-v6-c-list {
|
|
|
21053
22452
|
}
|
|
21054
22453
|
.pf-v6-c-panel.pf-m-bordered {
|
|
21055
22454
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
22455
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
|
21056
22456
|
}
|
|
21057
22457
|
.pf-v6-c-panel.pf-m-secondary {
|
|
21058
22458
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
22459
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
|
21059
22460
|
}
|
|
21060
22461
|
.pf-v6-c-panel.pf-m-raised {
|
|
21061
22462
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
21062
22463
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
22464
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
|
21063
22465
|
}
|
|
21064
22466
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
21065
22467
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -21101,6 +22503,8 @@ ul.pf-v6-c-list {
|
|
|
21101
22503
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
21102
22504
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
21103
22505
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22506
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
22507
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21104
22508
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
21105
22509
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
21106
22510
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -21151,6 +22555,7 @@ ul.pf-v6-c-list {
|
|
|
21151
22555
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
21152
22556
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
21153
22557
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
22558
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21154
22559
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
21155
22560
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
21156
22561
|
}
|
|
@@ -21265,6 +22670,7 @@ ul.pf-v6-c-list {
|
|
|
21265
22670
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
21266
22671
|
pointer-events: none;
|
|
21267
22672
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
22673
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21268
22674
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
21269
22675
|
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
21270
22676
|
}
|
|
@@ -21305,6 +22711,8 @@ ul.pf-v6-c-list {
|
|
|
21305
22711
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
21306
22712
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
21307
22713
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22714
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22715
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
21308
22716
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
21309
22717
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
21310
22718
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -21466,6 +22874,14 @@ ul.pf-v6-c-list {
|
|
|
21466
22874
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
21467
22875
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
21468
22876
|
}
|
|
22877
|
+
.pf-v6-c-progress__bar::before {
|
|
22878
|
+
position: absolute;
|
|
22879
|
+
inset: 0;
|
|
22880
|
+
pointer-events: none;
|
|
22881
|
+
content: "";
|
|
22882
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
|
22883
|
+
border-radius: inherit;
|
|
22884
|
+
}
|
|
21469
22885
|
|
|
21470
22886
|
.pf-v6-c-progress__indicator {
|
|
21471
22887
|
position: absolute;
|
|
@@ -22532,6 +23948,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22532
23948
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
22533
23949
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
22534
23950
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
23951
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
23952
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23953
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
23954
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
22535
23955
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
22536
23956
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
22537
23957
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -22546,6 +23966,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22546
23966
|
}
|
|
22547
23967
|
|
|
22548
23968
|
.pf-v6-c-simple-list__item-link {
|
|
23969
|
+
position: relative;
|
|
22549
23970
|
display: block;
|
|
22550
23971
|
width: 100%;
|
|
22551
23972
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -22560,6 +23981,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22560
23981
|
border: none;
|
|
22561
23982
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
22562
23983
|
}
|
|
23984
|
+
.pf-v6-c-simple-list__item-link::after {
|
|
23985
|
+
position: absolute;
|
|
23986
|
+
inset: 0;
|
|
23987
|
+
pointer-events: none;
|
|
23988
|
+
content: "";
|
|
23989
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
|
23990
|
+
border-radius: inherit;
|
|
23991
|
+
}
|
|
22563
23992
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
22564
23993
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
22565
23994
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -22568,11 +23997,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22568
23997
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
22569
23998
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
22570
23999
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
24000
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
|
22571
24001
|
text-decoration-line: none;
|
|
22572
24002
|
}
|
|
22573
24003
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
22574
24004
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
22575
24005
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
24006
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
|
22576
24007
|
}
|
|
22577
24008
|
|
|
22578
24009
|
.pf-v6-c-simple-list__title {
|
|
@@ -24967,6 +26398,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24967
26398
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
24968
26399
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24969
26400
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
26401
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26402
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
26403
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
24970
26404
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24971
26405
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
24972
26406
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -24996,6 +26430,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24996
26430
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24997
26431
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24998
26432
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
26433
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26434
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
24999
26435
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25000
26436
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
25001
26437
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -25017,10 +26453,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25017
26453
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
25018
26454
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
25019
26455
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26456
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
25020
26457
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
25021
26458
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
25022
26459
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
25023
26460
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
26461
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
25024
26462
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
25025
26463
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25026
26464
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -25432,6 +26870,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25432
26870
|
}
|
|
25433
26871
|
|
|
25434
26872
|
.pf-v6-c-table__button {
|
|
26873
|
+
position: relative;
|
|
25435
26874
|
width: auto;
|
|
25436
26875
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
25437
26876
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -25450,6 +26889,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25450
26889
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
25451
26890
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
25452
26891
|
}
|
|
26892
|
+
.pf-v6-c-table__button::after {
|
|
26893
|
+
position: absolute;
|
|
26894
|
+
inset: 0;
|
|
26895
|
+
pointer-events: none;
|
|
26896
|
+
content: "";
|
|
26897
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
|
26898
|
+
border-radius: inherit;
|
|
26899
|
+
}
|
|
25453
26900
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
25454
26901
|
margin-block-end: 0;
|
|
25455
26902
|
}
|
|
@@ -25625,6 +27072,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25625
27072
|
content: "";
|
|
25626
27073
|
border: 0;
|
|
25627
27074
|
border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
|
|
27075
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
|
25628
27076
|
}
|
|
25629
27077
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
25630
27078
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -25659,6 +27107,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25659
27107
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
25660
27108
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
25661
27109
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
|
27110
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
|
25662
27111
|
}
|
|
25663
27112
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
25664
27113
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -25708,16 +27157,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25708
27157
|
border-radius: 0;
|
|
25709
27158
|
}
|
|
25710
27159
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
27160
|
+
position: relative;
|
|
25711
27161
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
25712
27162
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
25713
27163
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
25714
27164
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
25715
27165
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
27166
|
+
border: 0;
|
|
25716
27167
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25717
27168
|
}
|
|
25718
27169
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25719
27170
|
background-color: transparent;
|
|
25720
27171
|
}
|
|
27172
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
|
27173
|
+
position: absolute;
|
|
27174
|
+
inset: 0;
|
|
27175
|
+
pointer-events: none;
|
|
27176
|
+
content: "";
|
|
27177
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
|
27178
|
+
border-radius: inherit;
|
|
27179
|
+
}
|
|
25721
27180
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25722
27181
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25723
27182
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -25775,6 +27234,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25775
27234
|
vertical-align: top;
|
|
25776
27235
|
}
|
|
25777
27236
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
27237
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
|
25778
27238
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
25779
27239
|
}
|
|
25780
27240
|
|
|
@@ -26801,6 +28261,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26801
28261
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
26802
28262
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
26803
28263
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28264
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
28265
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
28266
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
28267
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
26804
28268
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26805
28269
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
26806
28270
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -27300,6 +28764,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27300
28764
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
27301
28765
|
text-decoration-line: none;
|
|
27302
28766
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28767
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
|
27303
28768
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
27304
28769
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
27305
28770
|
}
|
|
@@ -27333,6 +28798,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27333
28798
|
|
|
27334
28799
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
27335
28800
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
|
28801
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
|
27336
28802
|
}
|
|
27337
28803
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
27338
28804
|
pointer-events: none;
|
|
@@ -27347,6 +28813,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27347
28813
|
|
|
27348
28814
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
27349
28815
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
28816
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
|
27350
28817
|
}
|
|
27351
28818
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
27352
28819
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -30371,6 +31838,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30371
31838
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
30372
31839
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
30373
31840
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
31841
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
|
31842
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
31843
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
31844
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
31845
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30374
31846
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
30375
31847
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
30376
31848
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -30656,8 +32128,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30656
32128
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
30657
32129
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
30658
32130
|
}
|
|
32131
|
+
.pf-v6-c-tree-view__node::after {
|
|
32132
|
+
position: absolute;
|
|
32133
|
+
inset: 0;
|
|
32134
|
+
pointer-events: none;
|
|
32135
|
+
content: "";
|
|
32136
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
|
32137
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
|
32138
|
+
}
|
|
30659
32139
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
30660
32140
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
|
32141
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
|
30661
32142
|
}
|
|
30662
32143
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
30663
32144
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -30755,6 +32236,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30755
32236
|
|
|
30756
32237
|
.pf-v6-c-tree-view__content:hover,
|
|
30757
32238
|
.pf-v6-c-tree-view__content:focus-within {
|
|
32239
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
|
30758
32240
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
30759
32241
|
}
|
|
30760
32242
|
|
|
@@ -30891,6 +32373,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30891
32373
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30892
32374
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30893
32375
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
32376
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32377
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
32378
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
32379
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30894
32380
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30895
32381
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
30896
32382
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -30902,13 +32388,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30902
32388
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
30903
32389
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
30904
32390
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32391
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32392
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
30905
32393
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
30906
32394
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
30907
32395
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
30908
32396
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
30909
32397
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
32398
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
|
30910
32399
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
30911
32400
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
32401
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
|
30912
32402
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30913
32403
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
30914
32404
|
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -31242,14 +32732,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31242
32732
|
.pf-v6-c-wizard__nav-link::before {
|
|
31243
32733
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
31244
32734
|
content: counter(wizard-nav-count);
|
|
32735
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
|
31245
32736
|
}
|
|
31246
32737
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
31247
32738
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
31248
32739
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32740
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
|
31249
32741
|
}
|
|
31250
32742
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
31251
32743
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
31252
32744
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
|
32745
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
|
31253
32746
|
}
|
|
31254
32747
|
|
|
31255
32748
|
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
@@ -31267,6 +32760,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31267
32760
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
31268
32761
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
31269
32762
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
|
32763
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
|
31270
32764
|
}
|
|
31271
32765
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
31272
32766
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -31276,9 +32770,11 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31276
32770
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
31277
32771
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
31278
32772
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
32773
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
31279
32774
|
}
|
|
31280
32775
|
|
|
31281
32776
|
.pf-v6-c-wizard__nav-link-main {
|
|
32777
|
+
position: relative;
|
|
31282
32778
|
display: flex;
|
|
31283
32779
|
flex-grow: 1;
|
|
31284
32780
|
justify-content: space-between;
|
|
@@ -31287,9 +32783,16 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31287
32783
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
31288
32784
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
31289
32785
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
31290
|
-
border: none;
|
|
31291
32786
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
31292
32787
|
}
|
|
32788
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
|
32789
|
+
position: absolute;
|
|
32790
|
+
inset: 0;
|
|
32791
|
+
pointer-events: none;
|
|
32792
|
+
content: "";
|
|
32793
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
|
32794
|
+
border-radius: inherit;
|
|
32795
|
+
}
|
|
31293
32796
|
|
|
31294
32797
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
31295
32798
|
position: relative;
|