@patternfly/patternfly 6.3.0-prerelease.52 → 6.3.0-prerelease.54
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 +2 -2
- package/components/Page/page.scss +2 -2
- 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 +330 -73
- package/docs/components/DataList/examples/DataList.md +60 -184
- 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/docs/demos/Dashboard/examples/Dashboard.md +5 -20
- package/docs/demos/DataList/examples/DataList.md +528 -168
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
- package/docs/demos/Table/examples/Table.md +5 -20
- package/package.json +3 -2
- package/patternfly-base-no-globals.css +1208 -1
- package/patternfly-base.css +1208 -1
- package/patternfly-no-globals.css +1538 -74
- package/patternfly.css +1538 -74
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -6264,6 +6264,7 @@
|
|
|
6264
6264
|
--pf-t--color--blue--50: #0066cc;
|
|
6265
6265
|
--pf-t--color--blue--60: #004d99;
|
|
6266
6266
|
--pf-t--color--blue--70: #003366;
|
|
6267
|
+
--pf-t--color--blue--80: #032142;
|
|
6267
6268
|
--pf-t--color--gray--10: #f2f2f2;
|
|
6268
6269
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6269
6270
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -6281,6 +6282,7 @@
|
|
|
6281
6282
|
--pf-t--color--green--50: #63993d;
|
|
6282
6283
|
--pf-t--color--green--60: #3d7317;
|
|
6283
6284
|
--pf-t--color--green--70: #204d00;
|
|
6285
|
+
--pf-t--color--green--80: #183301;
|
|
6284
6286
|
--pf-t--color--orange--10: #ffe8cc;
|
|
6285
6287
|
--pf-t--color--orange--20: #fccb8f;
|
|
6286
6288
|
--pf-t--color--orange--30: #f8ae54;
|
|
@@ -6288,6 +6290,7 @@
|
|
|
6288
6290
|
--pf-t--color--orange--50: #ca6c0f;
|
|
6289
6291
|
--pf-t--color--orange--60: #9e4a06;
|
|
6290
6292
|
--pf-t--color--orange--70: #732e00;
|
|
6293
|
+
--pf-t--color--orange--80: #4d1f00;
|
|
6291
6294
|
--pf-t--color--purple--10: #ece6ff;
|
|
6292
6295
|
--pf-t--color--purple--20: #d0c5f4;
|
|
6293
6296
|
--pf-t--color--purple--30: #b6a6e9;
|
|
@@ -6295,6 +6298,7 @@
|
|
|
6295
6298
|
--pf-t--color--purple--50: #5e40be;
|
|
6296
6299
|
--pf-t--color--purple--60: #3d2785;
|
|
6297
6300
|
--pf-t--color--purple--70: #21134d;
|
|
6301
|
+
--pf-t--color--purple--80: #1b0d33;
|
|
6298
6302
|
--pf-t--color--red--10: #fce3e3;
|
|
6299
6303
|
--pf-t--color--red--20: #fbc5c5;
|
|
6300
6304
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6302,6 +6306,7 @@
|
|
|
6302
6306
|
--pf-t--color--red--50: #ee0000;
|
|
6303
6307
|
--pf-t--color--red--60: #a60000;
|
|
6304
6308
|
--pf-t--color--red--70: #5f0000;
|
|
6309
|
+
--pf-t--color--red--80: #3f0000;
|
|
6305
6310
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
6306
6311
|
--pf-t--color--red-orange--20: #fbbea8;
|
|
6307
6312
|
--pf-t--color--red-orange--30: #f89b78;
|
|
@@ -6309,6 +6314,7 @@
|
|
|
6309
6314
|
--pf-t--color--red-orange--50: #f0561d;
|
|
6310
6315
|
--pf-t--color--red-orange--60: #b1380b;
|
|
6311
6316
|
--pf-t--color--red-orange--70: #731f00;
|
|
6317
|
+
--pf-t--color--red-orange--80: #4c1405;
|
|
6312
6318
|
--pf-t--color--teal--10: #daf2f2;
|
|
6313
6319
|
--pf-t--color--teal--20: #b9e5e5;
|
|
6314
6320
|
--pf-t--color--teal--30: #9ad8d8;
|
|
@@ -6316,6 +6322,7 @@
|
|
|
6316
6322
|
--pf-t--color--teal--50: #37a3a3;
|
|
6317
6323
|
--pf-t--color--teal--60: #147878;
|
|
6318
6324
|
--pf-t--color--teal--70: #004d4d;
|
|
6325
|
+
--pf-t--color--teal--80: #003333;
|
|
6319
6326
|
--pf-t--color--white: #ffffff;
|
|
6320
6327
|
--pf-t--color--yellow--10: #fff4cc;
|
|
6321
6328
|
--pf-t--color--yellow--20: #ffe072;
|
|
@@ -6324,9 +6331,11 @@
|
|
|
6324
6331
|
--pf-t--color--yellow--50: #b98412;
|
|
6325
6332
|
--pf-t--color--yellow--60: #96640f;
|
|
6326
6333
|
--pf-t--color--yellow--70: #73480b;
|
|
6334
|
+
--pf-t--color--yellow--80: #54330b;
|
|
6327
6335
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
6328
6336
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6329
6337
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6338
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6330
6339
|
--pf-t--global--border--radius--0: 0px;
|
|
6331
6340
|
--pf-t--global--border--radius--100: 4px;
|
|
6332
6341
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6336,6 +6345,13 @@
|
|
|
6336
6345
|
--pf-t--global--border--width--100: 1px;
|
|
6337
6346
|
--pf-t--global--border--width--200: 2px;
|
|
6338
6347
|
--pf-t--global--border--width--300: 3px;
|
|
6348
|
+
--pf-t--global--border--width--400: 4px;
|
|
6349
|
+
--pf-t--global--border--width--action--plain--clicked: 0px;
|
|
6350
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
6351
|
+
--pf-t--global--border--width--action--plain--hover: 0px;
|
|
6352
|
+
--pf-t--global--border--width--high-contrast--extra-strong: 0px;
|
|
6353
|
+
--pf-t--global--border--width--high-contrast--regular: 0px;
|
|
6354
|
+
--pf-t--global--border--width--high-contrast--strong: 0px;
|
|
6339
6355
|
--pf-t--global--box-shadow--X--100: -10px;
|
|
6340
6356
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6341
6357
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
@@ -6372,6 +6388,8 @@
|
|
|
6372
6388
|
--pf-t--global--breakpoint--500: 75rem;
|
|
6373
6389
|
--pf-t--global--breakpoint--550: 80rem;
|
|
6374
6390
|
--pf-t--global--breakpoint--600: 90.625rem;
|
|
6391
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
6392
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
6375
6393
|
--pf-t--global--delay--100: 0ms;
|
|
6376
6394
|
--pf-t--global--delay--200: 50ms;
|
|
6377
6395
|
--pf-t--global--delay--300: 100ms;
|
|
@@ -6383,6 +6401,10 @@
|
|
|
6383
6401
|
--pf-t--global--duration--50: 50ms;
|
|
6384
6402
|
--pf-t--global--duration--500: 500ms;
|
|
6385
6403
|
--pf-t--global--duration--600: 600ms;
|
|
6404
|
+
--pf-t--global--focus-ring--position--inset: -4;
|
|
6405
|
+
--pf-t--global--focus-ring--position--offset: 2;
|
|
6406
|
+
--pf-t--global--focus-ring--width--inset: 3;
|
|
6407
|
+
--pf-t--global--focus-ring--width--offset: 2;
|
|
6386
6408
|
--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;
|
|
6387
6409
|
--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;
|
|
6388
6410
|
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
@@ -6441,6 +6463,7 @@
|
|
|
6441
6463
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6442
6464
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6443
6465
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
6466
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6444
6467
|
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
6445
6468
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6446
6469
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
@@ -6463,6 +6486,7 @@
|
|
|
6463
6486
|
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
6464
6487
|
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
6465
6488
|
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
6489
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
|
|
6466
6490
|
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
6467
6491
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6468
6492
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
@@ -6524,56 +6548,91 @@
|
|
|
6524
6548
|
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
6525
6549
|
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
6526
6550
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6551
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6552
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6527
6553
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6528
6554
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6529
6555
|
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
6530
6556
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6531
6557
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6558
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
6559
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
6532
6560
|
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
6533
6561
|
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
6534
6562
|
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
6563
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
6564
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
6535
6565
|
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
6536
6566
|
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
6537
6567
|
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
6568
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
6569
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
6570
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
6538
6571
|
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
6539
6572
|
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
6540
6573
|
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
6574
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
6541
6575
|
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
6542
6576
|
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
6543
6577
|
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
6578
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
6579
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
6544
6580
|
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
6545
6581
|
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
6546
6582
|
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
6583
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
6584
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
6547
6585
|
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
6548
6586
|
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
6549
6587
|
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
6588
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
6589
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
6550
6590
|
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
6551
6591
|
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
6552
6592
|
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
6593
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
6594
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
6553
6595
|
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
6554
6596
|
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
6555
6597
|
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
6598
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
6599
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
6556
6600
|
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
6557
6601
|
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
6558
6602
|
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
6603
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
6604
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
6559
6605
|
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
6560
6606
|
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
6607
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
6561
6608
|
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
6609
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
6562
6610
|
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
6611
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
6563
6612
|
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
6613
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
6564
6614
|
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
6615
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
6565
6616
|
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
6566
6617
|
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
6618
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6567
6619
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6568
6620
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6569
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6621
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
6570
6622
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6571
6623
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6624
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
6572
6625
|
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
6573
6626
|
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
6627
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
6574
6628
|
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
6575
6629
|
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
6576
6630
|
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
6631
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
6632
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
6633
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
6634
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
6635
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
6577
6636
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
6578
6637
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
6579
6638
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
@@ -6592,6 +6651,7 @@
|
|
|
6592
6651
|
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
6593
6652
|
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
6594
6653
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
6654
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
6595
6655
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
6596
6656
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
6597
6657
|
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
@@ -6624,11 +6684,15 @@
|
|
|
6624
6684
|
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
6625
6685
|
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
6626
6686
|
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
6687
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
6627
6688
|
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
6628
6689
|
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
6690
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
6629
6691
|
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
6630
6692
|
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
6693
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
6631
6694
|
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
6695
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
6632
6696
|
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6633
6697
|
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6634
6698
|
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
@@ -6749,6 +6813,7 @@
|
|
|
6749
6813
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
|
|
6750
6814
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
|
|
6751
6815
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
|
|
6816
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
|
|
6752
6817
|
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
6753
6818
|
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
6754
6819
|
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
@@ -6838,6 +6903,7 @@
|
|
|
6838
6903
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6839
6904
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
6840
6905
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
6906
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
6841
6907
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
6842
6908
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
6843
6909
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7108,10 +7174,47 @@
|
|
|
7108
7174
|
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7109
7175
|
--pf-t--global--list-style: disc outside;
|
|
7110
7176
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7177
|
+
--pf-t--global--high-contrast--border--width--action--clicked: 0;
|
|
7178
|
+
--pf-t--global--high-contrast--border--width--action--default: 0;
|
|
7179
|
+
--pf-t--global--high-contrast--border--width--action--hover: 0;
|
|
7180
|
+
--pf-t--global--high-contrast--border--width--box--clicked: 0;
|
|
7181
|
+
--pf-t--global--high-contrast--border--width--box--default: 0;
|
|
7182
|
+
--pf-t--global--high-contrast--border--width--box--hover: 0;
|
|
7183
|
+
--pf-t--global--high-contrast--border--width--box--status--default: 0;
|
|
7184
|
+
--pf-t--global--high-contrast--border--width--box--status--read: 0;
|
|
7185
|
+
--pf-t--global--high-contrast--border--width--control--clicked: 0;
|
|
7186
|
+
--pf-t--global--high-contrast--border--width--control--default: 0;
|
|
7187
|
+
--pf-t--global--high-contrast--border--width--control--hover: 0;
|
|
7188
|
+
--pf-t--global--high-contrast--border--width--divider--clicked: 0;
|
|
7189
|
+
--pf-t--global--high-contrast--border--width--divider--default: 0;
|
|
7190
|
+
--pf-t--global--high-contrast--border--width--divider--hover: 0;
|
|
7191
|
+
--pf-t--global--high-contrast--border--width--extra-strong: 0;
|
|
7192
|
+
--pf-t--global--high-contrast--border--width--regular: 0;
|
|
7193
|
+
--pf-t--global--high-contrast--border--width--strong: 0;
|
|
7194
|
+
}
|
|
7195
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7196
|
+
--pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
|
|
7197
|
+
--pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
|
|
7198
|
+
--pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
|
|
7199
|
+
--pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
|
|
7200
|
+
--pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
|
|
7201
|
+
--pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
|
|
7202
|
+
--pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
|
|
7203
|
+
--pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
|
|
7204
|
+
--pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
|
|
7205
|
+
--pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
|
|
7206
|
+
--pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
|
|
7207
|
+
--pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
|
|
7208
|
+
--pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
|
|
7209
|
+
--pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
|
|
7210
|
+
--pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
7211
|
+
--pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
|
|
7212
|
+
--pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
|
|
7111
7213
|
}
|
|
7112
7214
|
|
|
7113
7215
|
:root:where(.pf-v6-theme-dark) {
|
|
7114
7216
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7217
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7115
7218
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7116
7219
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7117
7220
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
@@ -7135,6 +7238,7 @@
|
|
|
7135
7238
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7136
7239
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7137
7240
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7241
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7138
7242
|
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
7139
7243
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7140
7244
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
@@ -7142,6 +7246,7 @@
|
|
|
7142
7246
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7143
7247
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7144
7248
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
7249
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
7145
7250
|
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7146
7251
|
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
7147
7252
|
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
@@ -7150,6 +7255,7 @@
|
|
|
7150
7255
|
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
7151
7256
|
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
7152
7257
|
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7258
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
7153
7259
|
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
7154
7260
|
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
7155
7261
|
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
@@ -7172,6 +7278,7 @@
|
|
|
7172
7278
|
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
7173
7279
|
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
7174
7280
|
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
7281
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
7175
7282
|
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
7176
7283
|
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
7177
7284
|
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
@@ -7179,16 +7286,20 @@
|
|
|
7179
7286
|
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
7180
7287
|
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
7181
7288
|
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
7289
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
7182
7290
|
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
7183
7291
|
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
7184
7292
|
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
7185
7293
|
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
7186
7294
|
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
7187
7295
|
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
7296
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
7188
7297
|
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
7189
7298
|
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
7299
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
7190
7300
|
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7191
7301
|
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
7302
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
7192
7303
|
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
7193
7304
|
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
7194
7305
|
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
@@ -7199,6 +7310,7 @@
|
|
|
7199
7310
|
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
7200
7311
|
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
7201
7312
|
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
7313
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
7202
7314
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7203
7315
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
|
|
7204
7316
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
|
|
@@ -7299,6 +7411,7 @@
|
|
|
7299
7411
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
7300
7412
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
7301
7413
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
7414
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
7302
7415
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7303
7416
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7304
7417
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
@@ -7333,6 +7446,1100 @@
|
|
|
7333
7446
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7334
7447
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
7335
7448
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7449
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
7450
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7451
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7452
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7453
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7454
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7455
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7456
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7457
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7458
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7459
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7460
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7461
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7462
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7463
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7464
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7465
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7466
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7467
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7468
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
7469
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7470
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7471
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
7472
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
7473
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
7474
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
7475
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
7476
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7477
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
|
|
7478
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
|
|
7479
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
7480
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
7481
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
7482
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7483
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
|
|
7484
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
|
|
7485
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7486
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
|
|
7487
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
|
|
7488
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7489
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
|
|
7490
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
|
|
7491
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7492
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
|
|
7493
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
|
|
7494
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7495
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
|
|
7496
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
|
|
7497
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7498
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
|
|
7499
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
|
|
7500
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7501
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7502
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7503
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7504
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7505
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7506
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7507
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7508
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7509
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7510
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7511
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7512
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7513
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7514
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7515
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7516
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
7517
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
7518
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7519
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
7520
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
7521
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7522
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
7523
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
7524
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7525
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
7526
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
7527
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7528
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
7529
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
7530
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7531
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7532
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7533
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7534
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
7535
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
7536
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7537
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
7538
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
7539
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7540
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7541
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7542
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
|
|
7543
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
|
|
7544
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
|
|
7545
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
7546
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
7547
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
7548
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
|
|
7549
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
|
|
7550
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
|
|
7551
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
|
|
7552
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
|
|
7553
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
|
|
7554
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
|
|
7555
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
|
|
7556
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
|
|
7557
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
|
|
7558
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
|
|
7559
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
|
|
7560
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
|
|
7561
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
|
|
7562
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
|
|
7563
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
|
|
7564
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
|
|
7565
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
|
|
7566
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7567
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7568
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7569
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7570
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7571
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7572
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7573
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7574
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7575
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7576
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7577
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7578
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7579
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
7580
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
7581
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
7582
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
|
|
7583
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
7584
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
7585
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
7586
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
7587
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
7588
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
7589
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
7590
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
7591
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
7592
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
7593
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
7594
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7595
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7596
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7597
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
7598
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
7599
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
7600
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7601
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7602
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7603
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7604
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7605
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7606
|
+
}
|
|
7607
|
+
|
|
7608
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7609
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
7610
|
+
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
7611
|
+
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
7612
|
+
--pf-t--global--border--radius--0: 0px;
|
|
7613
|
+
--pf-t--global--border--radius--100: 4px;
|
|
7614
|
+
--pf-t--global--border--radius--200: 6px;
|
|
7615
|
+
--pf-t--global--border--radius--300: 16px;
|
|
7616
|
+
--pf-t--global--border--radius--400: 24px;
|
|
7617
|
+
--pf-t--global--border--radius--500: 999px;
|
|
7618
|
+
--pf-t--global--border--width--100: 1px;
|
|
7619
|
+
--pf-t--global--border--width--200: 2px;
|
|
7620
|
+
--pf-t--global--border--width--300: 3px;
|
|
7621
|
+
--pf-t--global--border--width--400: 4px;
|
|
7622
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
7623
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
7624
|
+
--pf-t--global--box-shadow--X--200: -4px;
|
|
7625
|
+
--pf-t--global--box-shadow--X--300: -1px;
|
|
7626
|
+
--pf-t--global--box-shadow--X--400: 0px;
|
|
7627
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
7628
|
+
--pf-t--global--box-shadow--X--500: 1px;
|
|
7629
|
+
--pf-t--global--box-shadow--X--600: 4px;
|
|
7630
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
7631
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
7632
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
7633
|
+
--pf-t--global--box-shadow--Y--200: -4px;
|
|
7634
|
+
--pf-t--global--box-shadow--Y--300: -1px;
|
|
7635
|
+
--pf-t--global--box-shadow--Y--400: 0px;
|
|
7636
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
7637
|
+
--pf-t--global--box-shadow--Y--500: 1px;
|
|
7638
|
+
--pf-t--global--box-shadow--Y--600: 4px;
|
|
7639
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
7640
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
7641
|
+
--pf-t--global--box-shadow--blur--100: 4px;
|
|
7642
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
7643
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7644
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
7645
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
7646
|
+
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7647
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7648
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
7649
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
7650
|
+
--pf-t--global--breakpoint--100: 0rem;
|
|
7651
|
+
--pf-t--global--breakpoint--200: 36rem;
|
|
7652
|
+
--pf-t--global--breakpoint--250: 40rem;
|
|
7653
|
+
--pf-t--global--breakpoint--300: 48rem;
|
|
7654
|
+
--pf-t--global--breakpoint--350: 60rem;
|
|
7655
|
+
--pf-t--global--breakpoint--400: 62rem;
|
|
7656
|
+
--pf-t--global--breakpoint--500: 75rem;
|
|
7657
|
+
--pf-t--global--breakpoint--550: 80rem;
|
|
7658
|
+
--pf-t--global--breakpoint--600: 90.625rem;
|
|
7659
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
7660
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
7661
|
+
--pf-t--global--focus-ring--position--inset: -4;
|
|
7662
|
+
--pf-t--global--focus-ring--position--offset: 2;
|
|
7663
|
+
--pf-t--global--focus-ring--width--inset: 3;
|
|
7664
|
+
--pf-t--global--focus-ring--width--offset: 2;
|
|
7665
|
+
--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;
|
|
7666
|
+
--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;
|
|
7667
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
7668
|
+
--pf-t--global--font--line-height--100: 1.3;
|
|
7669
|
+
--pf-t--global--font--line-height--200: 1.5;
|
|
7670
|
+
--pf-t--global--font--size--100: 0.75rem;
|
|
7671
|
+
--pf-t--global--font--size--200: 0.875rem;
|
|
7672
|
+
--pf-t--global--font--size--300: 1rem;
|
|
7673
|
+
--pf-t--global--font--size--400: 1.125rem;
|
|
7674
|
+
--pf-t--global--font--size--500: 1.25rem;
|
|
7675
|
+
--pf-t--global--font--size--600: 1.5rem;
|
|
7676
|
+
--pf-t--global--font--size--700: 1.75rem;
|
|
7677
|
+
--pf-t--global--font--size--800: 2.25rem;
|
|
7678
|
+
--pf-t--global--font--weight--100: 400;
|
|
7679
|
+
--pf-t--global--font--weight--200: 500;
|
|
7680
|
+
--pf-t--global--font--weight--300: 500;
|
|
7681
|
+
--pf-t--global--font--weight--400: 700;
|
|
7682
|
+
--pf-t--global--icon--size--100: 0.75rem;
|
|
7683
|
+
--pf-t--global--icon--size--200: 0.875rem;
|
|
7684
|
+
--pf-t--global--icon--size--250: 1rem;
|
|
7685
|
+
--pf-t--global--icon--size--300: 1.5rem;
|
|
7686
|
+
--pf-t--global--icon--size--400: 3.5rem;
|
|
7687
|
+
--pf-t--global--icon--size--500: 6rem;
|
|
7688
|
+
--pf-t--global--spacer--100: 0.25rem;
|
|
7689
|
+
--pf-t--global--spacer--200: 0.5rem;
|
|
7690
|
+
--pf-t--global--spacer--300: 1rem;
|
|
7691
|
+
--pf-t--global--spacer--400: 1.5rem;
|
|
7692
|
+
--pf-t--global--spacer--500: 2rem;
|
|
7693
|
+
--pf-t--global--spacer--600: 3rem;
|
|
7694
|
+
--pf-t--global--spacer--700: 4rem;
|
|
7695
|
+
--pf-t--global--spacer--800: 5rem;
|
|
7696
|
+
--pf-t--global--text-decoration--line--100: none;
|
|
7697
|
+
--pf-t--global--text-decoration--line--200: underline;
|
|
7698
|
+
--pf-t--global--text-decoration--style--100: solid;
|
|
7699
|
+
--pf-t--global--text-decoration--style--200: dashed;
|
|
7700
|
+
--pf-t--global--z-index--100: 100;
|
|
7701
|
+
--pf-t--global--z-index--200: 200;
|
|
7702
|
+
--pf-t--global--z-index--300: 300;
|
|
7703
|
+
--pf-t--global--z-index--400: 400;
|
|
7704
|
+
--pf-t--global--z-index--500: 500;
|
|
7705
|
+
--pf-t--global--z-index--600: 600;
|
|
7706
|
+
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
7707
|
+
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
7708
|
+
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
7709
|
+
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
7710
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
7711
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
7712
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
7713
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
7714
|
+
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
7715
|
+
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
7716
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
7717
|
+
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
7718
|
+
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
7719
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
7720
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
7721
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
7722
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
7723
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7724
|
+
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
7725
|
+
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
7726
|
+
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
7727
|
+
--pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
|
|
7728
|
+
--pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
|
|
7729
|
+
--pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
|
|
7730
|
+
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
7731
|
+
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
7732
|
+
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
7733
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
7734
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
7735
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
7736
|
+
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
7737
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
7738
|
+
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
7739
|
+
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
7740
|
+
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
7741
|
+
--pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
|
|
7742
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
7743
|
+
--pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
|
|
7744
|
+
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
7745
|
+
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
7746
|
+
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
7747
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
7748
|
+
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
7749
|
+
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
7750
|
+
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7751
|
+
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
7752
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
7753
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
7754
|
+
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
7755
|
+
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7756
|
+
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
7757
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
7758
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
7759
|
+
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
7760
|
+
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7761
|
+
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
7762
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
7763
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
7764
|
+
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
7765
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
7766
|
+
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
7767
|
+
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7768
|
+
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7769
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
7770
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
7771
|
+
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
7772
|
+
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7773
|
+
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7774
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
7775
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
7776
|
+
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
7777
|
+
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7778
|
+
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7779
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
7780
|
+
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
7781
|
+
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
7782
|
+
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
7783
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
7784
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7785
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
7786
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
7787
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
7788
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7789
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7790
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
7791
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7792
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
7793
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7794
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
7795
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
7796
|
+
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
7797
|
+
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
7798
|
+
--pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
|
|
7799
|
+
--pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
|
|
7800
|
+
--pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
|
|
7801
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
7802
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
7803
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
7804
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
7805
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
7806
|
+
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
7807
|
+
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
7808
|
+
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
7809
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
7810
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
7811
|
+
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
7812
|
+
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
7813
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
7814
|
+
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7815
|
+
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
7816
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
7817
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
7818
|
+
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
7819
|
+
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
7820
|
+
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
7821
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
7822
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
7823
|
+
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
7824
|
+
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
7825
|
+
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7826
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
7827
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
7828
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
7829
|
+
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
7830
|
+
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
7831
|
+
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
7832
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
7833
|
+
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
7834
|
+
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
7835
|
+
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
7836
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
7837
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
7838
|
+
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
7839
|
+
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
7840
|
+
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
7841
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
7842
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
7843
|
+
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
7844
|
+
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
7845
|
+
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
7846
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
7847
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
7848
|
+
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
7849
|
+
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
7850
|
+
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
7851
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
7852
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
7853
|
+
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
7854
|
+
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
7855
|
+
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
7856
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
7857
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
7858
|
+
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
7859
|
+
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
7860
|
+
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
7861
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
7862
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
7863
|
+
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
7864
|
+
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
7865
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
7866
|
+
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
7867
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
7868
|
+
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
7869
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
7870
|
+
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
7871
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
7872
|
+
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
7873
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
7874
|
+
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
7875
|
+
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
7876
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
7877
|
+
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
7878
|
+
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
7879
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
7880
|
+
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
7881
|
+
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
7882
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
7883
|
+
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
7884
|
+
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
7885
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
7886
|
+
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7887
|
+
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
7888
|
+
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
7889
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
7890
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
7891
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
7892
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
7893
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
7894
|
+
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
7895
|
+
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
7896
|
+
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
7897
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
7898
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
7899
|
+
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
7900
|
+
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
7901
|
+
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
7902
|
+
--pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
|
|
7903
|
+
--pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
|
|
7904
|
+
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
7905
|
+
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
7906
|
+
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
7907
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
7908
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
7909
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
7910
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
7911
|
+
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
7912
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
7913
|
+
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
7914
|
+
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
7915
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
|
|
7916
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
|
|
7917
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
|
|
7918
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7919
|
+
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
7920
|
+
--pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
|
|
7921
|
+
--pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
|
|
7922
|
+
--pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
|
|
7923
|
+
--pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
|
|
7924
|
+
--pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
|
|
7925
|
+
--pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
|
|
7926
|
+
--pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
|
|
7927
|
+
--pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
|
|
7928
|
+
--pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
|
|
7929
|
+
--pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
|
|
7930
|
+
--pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
|
|
7931
|
+
--pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
|
|
7932
|
+
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
7933
|
+
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
7934
|
+
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
7935
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
7936
|
+
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
7937
|
+
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
7938
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
7939
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
|
|
7940
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
|
|
7941
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
|
|
7942
|
+
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
7943
|
+
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
7944
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
7945
|
+
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
7946
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
7947
|
+
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7948
|
+
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7949
|
+
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7950
|
+
--pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7951
|
+
--pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7952
|
+
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7953
|
+
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7954
|
+
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7955
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7956
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7957
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
7958
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
7959
|
+
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
7960
|
+
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
7961
|
+
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
7962
|
+
--pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
|
|
7963
|
+
--pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
|
|
7964
|
+
--pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
|
|
7965
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
|
|
7966
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
|
|
7967
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
|
|
7968
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
|
|
7969
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
7970
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
7971
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
7972
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
7973
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
7974
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
7975
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
7976
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
7977
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
7978
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
7979
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
7980
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
7981
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
7982
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
|
|
7983
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
7984
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
7985
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
7986
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
7987
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
7988
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
7989
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
7990
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
7991
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
7992
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
7993
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
7994
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
7995
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
7996
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
7997
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
7998
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
7999
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8000
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8001
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
8002
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8003
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
8004
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
8005
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
8006
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8007
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
8008
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8009
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8010
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
8011
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8012
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
8013
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8014
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8015
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8016
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8017
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8018
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
8019
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
8020
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
8021
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
8022
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
8023
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
8024
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
8025
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
8026
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
8027
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8028
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
|
|
8029
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8030
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8031
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
8032
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8033
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
|
|
8034
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
|
|
8035
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
|
|
8036
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8037
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
|
|
8038
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8039
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8040
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
|
|
8041
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8042
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8043
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
|
|
8044
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8045
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
|
|
8046
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
|
|
8047
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
|
|
8048
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8049
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
|
|
8050
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8051
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8052
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
|
|
8053
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8054
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
8055
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
8056
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
8057
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
8058
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
8059
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
8060
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
8061
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
8062
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
8063
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8064
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8065
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8066
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8067
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8068
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8069
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
8070
|
+
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
8071
|
+
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
8072
|
+
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
8073
|
+
--pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
|
|
8074
|
+
--pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
|
|
8075
|
+
--pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
|
|
8076
|
+
--pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
|
|
8077
|
+
--pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
|
|
8078
|
+
--pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
|
|
8079
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8080
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
|
|
8081
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8082
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
|
|
8083
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
|
|
8084
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
8085
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
8086
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
8087
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
8088
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
8089
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
8090
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
8091
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
8092
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8093
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8094
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8095
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8096
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8097
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
8098
|
+
--pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
|
|
8099
|
+
--pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
|
|
8100
|
+
--pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
|
|
8101
|
+
--pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
|
|
8102
|
+
--pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
|
|
8103
|
+
--pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
|
|
8104
|
+
--pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
|
|
8105
|
+
--pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
|
|
8106
|
+
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
8107
|
+
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
8108
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
8109
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
8110
|
+
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
8111
|
+
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8112
|
+
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
8113
|
+
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
8114
|
+
--pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
|
|
8115
|
+
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
8116
|
+
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
8117
|
+
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
8118
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
8119
|
+
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
8120
|
+
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
8121
|
+
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
8122
|
+
--pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
|
|
8123
|
+
--pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
|
|
8124
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8125
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
|
|
8126
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
|
|
8127
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
|
|
8128
|
+
--pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
|
|
8129
|
+
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
8130
|
+
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
8131
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
8132
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8133
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
|
|
8134
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
8135
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
8136
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
8137
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8138
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
|
|
8139
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
|
|
8140
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
8141
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8142
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8143
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8144
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8145
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8146
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8147
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8148
|
+
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
8149
|
+
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
8150
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8151
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8152
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
8153
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8154
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8155
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8156
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8157
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8158
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
8159
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8160
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8161
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8162
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8163
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8164
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8165
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8166
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8167
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8168
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
8169
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8170
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
8171
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8172
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8173
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
8174
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
8175
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
8176
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
8177
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
8178
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
|
|
8179
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
|
|
8180
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
|
|
8181
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
8182
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
8183
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
8184
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
|
|
8185
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
|
|
8186
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
|
|
8187
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
|
|
8188
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
|
|
8189
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
|
|
8190
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
|
|
8191
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
|
|
8192
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
|
|
8193
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
|
|
8194
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
|
|
8195
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
|
|
8196
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
|
|
8197
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
|
|
8198
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
|
|
8199
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
|
|
8200
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
|
|
8201
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
|
|
8202
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
8203
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
8204
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
8205
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8206
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
8207
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
8208
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8209
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8210
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8211
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8212
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8213
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8214
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8215
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
8216
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
8217
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8218
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
8219
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
8220
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8221
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
8222
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
8223
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8224
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
8225
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
8226
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8227
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
8228
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
8229
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8230
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
8231
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
8232
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8233
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
8234
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
8235
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
8236
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
8237
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
8238
|
+
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
8239
|
+
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
8240
|
+
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
8241
|
+
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
8242
|
+
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
8243
|
+
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
8244
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
|
|
8245
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
|
|
8246
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
|
|
8247
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
8248
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
8249
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
8250
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
|
|
8251
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
|
|
8252
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
|
|
8253
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
|
|
8254
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
|
|
8255
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
|
|
8256
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
|
|
8257
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
|
|
8258
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
|
|
8259
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
|
|
8260
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
|
|
8261
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
|
|
8262
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
|
|
8263
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
|
|
8264
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
|
|
8265
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
|
|
8266
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
|
|
8267
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
|
|
8268
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
8269
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
8270
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
8271
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
8272
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
8273
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
8274
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
8275
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8276
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8277
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8278
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8279
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8280
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8281
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8282
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8283
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8284
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
8285
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
8286
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
8287
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8288
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
8289
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
8290
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
8291
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
8292
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
8293
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
8294
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
8295
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
8296
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
8297
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
8298
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8299
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
8300
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
8301
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
8302
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
8303
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
8304
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
8305
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
8306
|
+
}
|
|
8307
|
+
|
|
8308
|
+
:root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
8309
|
+
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
8310
|
+
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
8311
|
+
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
8312
|
+
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
8313
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
8314
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8315
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8316
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
8317
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
8318
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
8319
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8320
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8321
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8322
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8323
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8324
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8325
|
+
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
8326
|
+
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
8327
|
+
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
8328
|
+
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
8329
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
8330
|
+
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
8331
|
+
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
8332
|
+
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
8333
|
+
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
8334
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
8335
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
8336
|
+
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
8337
|
+
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
8338
|
+
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
8339
|
+
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
8340
|
+
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
8341
|
+
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
8342
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
8343
|
+
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
8344
|
+
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
8345
|
+
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
8346
|
+
--pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
|
|
8347
|
+
--pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
|
|
8348
|
+
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
8349
|
+
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
8350
|
+
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
8351
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
8352
|
+
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
8353
|
+
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
8354
|
+
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
8355
|
+
--pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
|
|
8356
|
+
--pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
|
|
8357
|
+
--pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
|
|
8358
|
+
--pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
|
|
8359
|
+
--pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
|
|
8360
|
+
--pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
|
|
8361
|
+
--pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
|
|
8362
|
+
--pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
|
|
8363
|
+
--pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
|
|
8364
|
+
--pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
|
|
8365
|
+
--pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
|
|
8366
|
+
--pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
|
|
8367
|
+
--pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
|
|
8368
|
+
--pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
|
|
8369
|
+
--pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
|
|
8370
|
+
--pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
|
|
8371
|
+
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
8372
|
+
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
8373
|
+
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
8374
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
8375
|
+
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
8376
|
+
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
8377
|
+
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
8378
|
+
--pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
|
|
8379
|
+
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
8380
|
+
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
8381
|
+
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
8382
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
8383
|
+
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
8384
|
+
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
8385
|
+
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
8386
|
+
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
8387
|
+
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
8388
|
+
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
8389
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
8390
|
+
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
8391
|
+
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
8392
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
8393
|
+
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
8394
|
+
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
8395
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
8396
|
+
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
8397
|
+
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
8398
|
+
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
8399
|
+
--pf-t--global--dark--text--color--100: var(--pf-t--color--white);
|
|
8400
|
+
--pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
|
|
8401
|
+
--pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
|
|
8402
|
+
--pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
|
|
8403
|
+
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
8404
|
+
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
8405
|
+
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
8406
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
8407
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8408
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8409
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
8410
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
8411
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
8412
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
8413
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
8414
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
8415
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
8416
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
8417
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
8418
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
8419
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
8420
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8421
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8422
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8423
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
8424
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8425
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8426
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8427
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
8428
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
8429
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
8430
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
8431
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8432
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8433
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8434
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8435
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
8436
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8437
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8438
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8439
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8440
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8441
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8442
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8443
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8444
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8445
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8446
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8447
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8448
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8449
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8450
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8451
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8452
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8453
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8454
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8455
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8456
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8457
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8458
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
8459
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8460
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
8461
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
8462
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
8463
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
8464
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
8465
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8466
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8467
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8468
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8469
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
8470
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8471
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8472
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8473
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8474
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8475
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8476
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8477
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8478
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8479
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8480
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8481
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8482
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8483
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8484
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8485
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8486
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8487
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8488
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8489
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8490
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8491
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8492
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
8493
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
8494
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
8495
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
8496
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
8497
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
8498
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
|
|
8499
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
|
|
8500
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
|
|
8501
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
8502
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
8503
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
8504
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
8505
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
8506
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
8507
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
8508
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8509
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8510
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8511
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8512
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
|
|
8513
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
8514
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
|
|
8515
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
8516
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
|
|
8517
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
|
|
8518
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
|
|
8519
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
|
|
8520
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
|
|
8521
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
|
|
8522
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8523
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8524
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8525
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8526
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
|
|
8527
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
|
|
8528
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
|
|
8529
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
8530
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
8531
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
|
|
8532
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
|
|
8533
|
+
--pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
|
|
8534
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
|
|
8535
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
8536
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
8537
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
8538
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8539
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8540
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8541
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8542
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
7336
8543
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7337
8544
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7338
8545
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7702,6 +8909,9 @@
|
|
|
7702
8909
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7703
8910
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7704
8911
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
8912
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
8913
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8914
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
7705
8915
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7706
8916
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7707
8917
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7762,6 +8972,11 @@
|
|
|
7762
8972
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
7763
8973
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7764
8974
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
8975
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
8976
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8977
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
8978
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
8979
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
7765
8980
|
}
|
|
7766
8981
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7767
8982
|
.pf-v6-c-accordion {
|
|
@@ -7800,6 +9015,7 @@
|
|
|
7800
9015
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
7801
9016
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
7802
9017
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
9018
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
7803
9019
|
}
|
|
7804
9020
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
7805
9021
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -7814,6 +9030,7 @@
|
|
|
7814
9030
|
pointer-events: none;
|
|
7815
9031
|
content: "";
|
|
7816
9032
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
9033
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
|
7817
9034
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7818
9035
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7819
9036
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -7828,6 +9045,7 @@
|
|
|
7828
9045
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7829
9046
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7830
9047
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
9048
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
7831
9049
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7832
9050
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7833
9051
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
@@ -7857,8 +9075,17 @@
|
|
|
7857
9075
|
border: 0;
|
|
7858
9076
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
7859
9077
|
}
|
|
9078
|
+
.pf-v6-c-accordion__toggle::after {
|
|
9079
|
+
position: absolute;
|
|
9080
|
+
inset: 0;
|
|
9081
|
+
pointer-events: none;
|
|
9082
|
+
content: "";
|
|
9083
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
|
9084
|
+
border-radius: inherit;
|
|
9085
|
+
}
|
|
7860
9086
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
7861
9087
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
|
9088
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
|
7862
9089
|
}
|
|
7863
9090
|
|
|
7864
9091
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -7891,6 +9118,7 @@
|
|
|
7891
9118
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
7892
9119
|
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
7893
9120
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9121
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
7894
9122
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
7895
9123
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
7896
9124
|
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);
|
|
@@ -8205,7 +9433,8 @@
|
|
|
8205
9433
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8206
9434
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8207
9435
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8208
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
|
9436
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
9437
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8209
9438
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8210
9439
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8211
9440
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -8214,6 +9443,7 @@
|
|
|
8214
9443
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
8215
9444
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
8216
9445
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
9446
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
8217
9447
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
8218
9448
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
8219
9449
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
@@ -8244,10 +9474,21 @@
|
|
|
8244
9474
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
8245
9475
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
8246
9476
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
8247
|
-
border
|
|
9477
|
+
border: 0;
|
|
8248
9478
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
8249
9479
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
8250
9480
|
}
|
|
9481
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
|
9482
|
+
position: absolute;
|
|
9483
|
+
inset: 0;
|
|
9484
|
+
pointer-events: none;
|
|
9485
|
+
content: "";
|
|
9486
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
|
9487
|
+
border-radius: inherit;
|
|
9488
|
+
}
|
|
9489
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
9490
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
|
9491
|
+
}
|
|
8251
9492
|
|
|
8252
9493
|
.pf-v6-c-alert-group__item {
|
|
8253
9494
|
display: grid;
|
|
@@ -8657,6 +9898,7 @@
|
|
|
8657
9898
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8658
9899
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8659
9900
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
9901
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8660
9902
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8661
9903
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
8662
9904
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -8689,6 +9931,7 @@
|
|
|
8689
9931
|
border-radius: inherit;
|
|
8690
9932
|
}
|
|
8691
9933
|
.pf-v6-c-badge.pf-m-read {
|
|
9934
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
8692
9935
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
8693
9936
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
8694
9937
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -8721,6 +9964,8 @@
|
|
|
8721
9964
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8722
9965
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8723
9966
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
9967
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9968
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
8724
9969
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
8725
9970
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
8726
9971
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -8771,6 +10016,8 @@
|
|
|
8771
10016
|
color: var(--pf-v6-c-banner--Color);
|
|
8772
10017
|
white-space: nowrap;
|
|
8773
10018
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
10019
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
10020
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
8774
10021
|
}
|
|
8775
10022
|
.pf-v6-c-banner.pf-m-danger {
|
|
8776
10023
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -9053,6 +10300,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9053
10300
|
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
9054
10301
|
--pf-v6-c-button--ScaleX: 1;
|
|
9055
10302
|
--pf-v6-c-button--ScaleY: 1;
|
|
10303
|
+
--pf-v6-c-button--border--offset: 0;
|
|
9056
10304
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
9057
10305
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
9058
10306
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -9116,6 +10364,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9116
10364
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
9117
10365
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9118
10366
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10367
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10368
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10369
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10370
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10371
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10372
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9119
10373
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
9120
10374
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9121
10375
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -9166,6 +10420,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9166
10420
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
9167
10421
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9168
10422
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10423
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10424
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10425
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10426
|
+
--pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10427
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10428
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9169
10429
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
9170
10430
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
9171
10431
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -9178,7 +10438,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9178
10438
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9179
10439
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
9180
10440
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
9181
|
-
--pf-v6-c-
|
|
10441
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
9182
10442
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
9183
10443
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9184
10444
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -9313,7 +10573,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9313
10573
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9314
10574
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9315
10575
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9316
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
|
10576
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
|
9317
10577
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9318
10578
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9319
10579
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -9369,7 +10629,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9369
10629
|
}
|
|
9370
10630
|
.pf-v6-c-button::after {
|
|
9371
10631
|
position: absolute;
|
|
9372
|
-
inset:
|
|
10632
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
9373
10633
|
pointer-events: none;
|
|
9374
10634
|
content: "";
|
|
9375
10635
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -9433,6 +10693,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9433
10693
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
9434
10694
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
9435
10695
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
|
10696
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
|
10697
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
|
10698
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
|
10699
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
|
10700
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
|
10701
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
|
9436
10702
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
9437
10703
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
9438
10704
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -9472,6 +10738,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9472
10738
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
9473
10739
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
9474
10740
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
10741
|
+
--pf-v6-c-button--BorderWidth: 0;
|
|
10742
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10743
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
9475
10744
|
text-align: start;
|
|
9476
10745
|
white-space: normal;
|
|
9477
10746
|
background: transparent;
|
|
@@ -9579,6 +10848,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9579
10848
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
9580
10849
|
}
|
|
9581
10850
|
.pf-v6-c-button.pf-m-plain {
|
|
10851
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
|
10852
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
|
10853
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
|
10854
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
|
10855
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
|
10856
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
|
9582
10857
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
9583
10858
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
9584
10859
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -9607,6 +10882,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9607
10882
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
9608
10883
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9609
10884
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
10885
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
|
9610
10886
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9611
10887
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9612
10888
|
}
|
|
@@ -10092,6 +11368,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10092
11368
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10093
11369
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
10094
11370
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11371
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10095
11372
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10096
11373
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10097
11374
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10122,7 +11399,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10122
11399
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10123
11400
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10124
11401
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10125
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
11402
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10126
11403
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
10127
11404
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
10128
11405
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -10322,17 +11599,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10322
11599
|
z-index: -1;
|
|
10323
11600
|
content: "";
|
|
10324
11601
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
10325
|
-
border: var(--pf-v6-c-card--
|
|
11602
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
10326
11603
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
10327
11604
|
}
|
|
10328
11605
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
10329
11606
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
11607
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
|
10330
11608
|
}
|
|
10331
11609
|
|
|
10332
11610
|
.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),
|
|
10333
11611
|
.pf-v6-c-card.pf-m-selected {
|
|
10334
11612
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
10335
|
-
--pf-v6-c-card--
|
|
11613
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
10336
11614
|
}
|
|
10337
11615
|
|
|
10338
11616
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -10586,6 +11864,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10586
11864
|
}
|
|
10587
11865
|
|
|
10588
11866
|
.pf-v6-c-code-block {
|
|
11867
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11868
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
10589
11869
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10590
11870
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10591
11871
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -10604,6 +11884,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10604
11884
|
|
|
10605
11885
|
.pf-v6-c-code-block {
|
|
10606
11886
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
11887
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
|
10607
11888
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
10608
11889
|
}
|
|
10609
11890
|
|
|
@@ -10644,6 +11925,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10644
11925
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
10645
11926
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
10646
11927
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
11928
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
11929
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
|
11930
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
11931
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
10647
11932
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10648
11933
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10649
11934
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10715,12 +12000,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10715
12000
|
}
|
|
10716
12001
|
.pf-v6-c-code-editor__header::before {
|
|
10717
12002
|
position: absolute;
|
|
10718
|
-
inset
|
|
10719
|
-
inset-inline-start: 0;
|
|
10720
|
-
inset-inline-end: 0;
|
|
12003
|
+
inset: 0;
|
|
10721
12004
|
pointer-events: none;
|
|
10722
12005
|
content: "";
|
|
12006
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
10723
12007
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
|
12008
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
|
12009
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
|
10724
12010
|
}
|
|
10725
12011
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
10726
12012
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
@@ -12378,8 +13664,12 @@ ul) {
|
|
|
12378
13664
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12379
13665
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12380
13666
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13667
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
13668
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12381
13669
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
13670
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
12382
13671
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
13672
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
12383
13673
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
12384
13674
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
12385
13675
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12485,6 +13775,7 @@ ul) {
|
|
|
12485
13775
|
overflow: auto;
|
|
12486
13776
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
12487
13777
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
13778
|
+
outline-offset: 2px;
|
|
12488
13779
|
}
|
|
12489
13780
|
|
|
12490
13781
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -12509,7 +13800,7 @@ ul) {
|
|
|
12509
13800
|
overflow-anchor: none;
|
|
12510
13801
|
}
|
|
12511
13802
|
|
|
12512
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
13803
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
12513
13804
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
12514
13805
|
}
|
|
12515
13806
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -12543,12 +13834,22 @@ ul) {
|
|
|
12543
13834
|
}
|
|
12544
13835
|
|
|
12545
13836
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
13837
|
+
position: relative;
|
|
12546
13838
|
display: flex;
|
|
12547
13839
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12548
13840
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
12549
13841
|
}
|
|
13842
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
|
13843
|
+
position: absolute;
|
|
13844
|
+
inset: 0;
|
|
13845
|
+
pointer-events: none;
|
|
13846
|
+
content: "";
|
|
13847
|
+
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);
|
|
13848
|
+
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);
|
|
13849
|
+
}
|
|
12550
13850
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
12551
13851
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
|
13852
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
|
12552
13853
|
}
|
|
12553
13854
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
12554
13855
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
@@ -12556,9 +13857,12 @@ ul) {
|
|
|
12556
13857
|
}
|
|
12557
13858
|
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
12558
13859
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
13860
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
12559
13861
|
}
|
|
12560
13862
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
12561
13863
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
13864
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderColor: transparent;
|
|
13865
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
|
|
12562
13866
|
}
|
|
12563
13867
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
12564
13868
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -13078,6 +14382,11 @@ ul) {
|
|
|
13078
14382
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
13079
14383
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
13080
14384
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14385
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
14386
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14387
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14388
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14389
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13081
14390
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13082
14391
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13083
14392
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -13174,13 +14483,14 @@ ul) {
|
|
|
13174
14483
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
13175
14484
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
13176
14485
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13177
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
13178
|
-
--pf-v6-c-drawer--m-
|
|
13179
|
-
--pf-v6-c-
|
|
14486
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
|
|
14487
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
14488
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
|
|
14489
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
13180
14490
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
13181
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
13182
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
13183
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
|
14491
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
14492
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14493
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
13184
14494
|
}
|
|
13185
14495
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13186
14496
|
.pf-v6-c-drawer {
|
|
@@ -13221,6 +14531,7 @@ ul) {
|
|
|
13221
14531
|
|
|
13222
14532
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
13223
14533
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14534
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13224
14535
|
}
|
|
13225
14536
|
.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) {
|
|
13226
14537
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -13321,6 +14632,11 @@ ul) {
|
|
|
13321
14632
|
overflow: auto;
|
|
13322
14633
|
visibility: hidden;
|
|
13323
14634
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
14635
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
14636
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
14637
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14638
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14639
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
13324
14640
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13325
14641
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13326
14642
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -13329,15 +14645,6 @@ ul) {
|
|
|
13329
14645
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
13330
14646
|
-webkit-overflow-scrolling: touch;
|
|
13331
14647
|
}
|
|
13332
|
-
.pf-v6-c-drawer__panel::after {
|
|
13333
|
-
position: absolute;
|
|
13334
|
-
inset-block-start: 0;
|
|
13335
|
-
inset-inline-start: 0;
|
|
13336
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
13337
|
-
height: 100%;
|
|
13338
|
-
content: "";
|
|
13339
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
13340
|
-
}
|
|
13341
14648
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
13342
14649
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
13343
14650
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -13492,13 +14799,13 @@ ul) {
|
|
|
13492
14799
|
}
|
|
13493
14800
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13494
14801
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
|
14802
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14803
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14804
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14805
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13495
14806
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
13496
14807
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
13497
14808
|
}
|
|
13498
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
13499
|
-
width: 0;
|
|
13500
|
-
height: 0;
|
|
13501
|
-
}
|
|
13502
14809
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
13503
14810
|
flex-shrink: 0;
|
|
13504
14811
|
}
|
|
@@ -13507,18 +14814,17 @@ ul) {
|
|
|
13507
14814
|
}
|
|
13508
14815
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
13509
14816
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
14817
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14818
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
13510
14819
|
}
|
|
13511
14820
|
.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) {
|
|
14821
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13512
14822
|
padding-inline-start: 0;
|
|
13513
14823
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
13514
14824
|
}
|
|
13515
14825
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13516
14826
|
transform: translateX(0);
|
|
13517
14827
|
}
|
|
13518
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13519
|
-
inset-inline-start: auto;
|
|
13520
|
-
inset-inline-end: 0;
|
|
13521
|
-
}
|
|
13522
14828
|
.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 {
|
|
13523
14829
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
13524
14830
|
order: 1;
|
|
@@ -13527,19 +14833,16 @@ ul) {
|
|
|
13527
14833
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
13528
14834
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
13529
14835
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14836
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14837
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13530
14838
|
min-width: auto;
|
|
13531
14839
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
13532
14840
|
}
|
|
13533
14841
|
.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) {
|
|
14842
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13534
14843
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
13535
14844
|
padding-inline-start: 0;
|
|
13536
14845
|
}
|
|
13537
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13538
|
-
inset-block-start: 0;
|
|
13539
|
-
inset-inline-start: auto;
|
|
13540
|
-
width: 100%;
|
|
13541
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13542
|
-
}
|
|
13543
14846
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13544
14847
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
13545
14848
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -13568,6 +14871,10 @@ ul) {
|
|
|
13568
14871
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
13569
14872
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
13570
14873
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
14874
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14875
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14876
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14877
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13571
14878
|
}
|
|
13572
14879
|
.pf-v6-c-drawer__splitter {
|
|
13573
14880
|
display: block;
|
|
@@ -13662,9 +14969,9 @@ ul) {
|
|
|
13662
14969
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13663
14970
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13664
14971
|
}
|
|
13665
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13666
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13667
|
-
|
|
14972
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
14973
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
14974
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13668
14975
|
}
|
|
13669
14976
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13670
14977
|
overflow-x: auto;
|
|
@@ -13729,9 +15036,9 @@ ul) {
|
|
|
13729
15036
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13730
15037
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13731
15038
|
}
|
|
13732
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13733
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13734
|
-
|
|
15039
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15040
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15041
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13735
15042
|
}
|
|
13736
15043
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13737
15044
|
overflow-x: auto;
|
|
@@ -13796,9 +15103,9 @@ ul) {
|
|
|
13796
15103
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13797
15104
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13798
15105
|
}
|
|
13799
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13800
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13801
|
-
|
|
15106
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15107
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15108
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13802
15109
|
}
|
|
13803
15110
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13804
15111
|
overflow-x: auto;
|
|
@@ -13863,9 +15170,9 @@ ul) {
|
|
|
13863
15170
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13864
15171
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13865
15172
|
}
|
|
13866
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13867
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13868
|
-
|
|
15173
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15174
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15175
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13869
15176
|
}
|
|
13870
15177
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13871
15178
|
overflow-x: auto;
|
|
@@ -16094,10 +17401,11 @@ label.pf-v6-c-input-group__text {
|
|
|
16094
17401
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16095
17402
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
16096
17403
|
--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)));
|
|
16097
|
-
--pf-v6-c-label--BorderWidth:
|
|
16098
|
-
--pf-v6-c-label--BorderColor:
|
|
17404
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
17405
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16099
17406
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16100
17407
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17408
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
16101
17409
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
16102
17410
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16103
17411
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -16220,8 +17528,8 @@ label.pf-v6-c-input-group__text {
|
|
|
16220
17528
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
16221
17529
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
16222
17530
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
16223
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
16224
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
|
17531
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
17532
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16225
17533
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
16226
17534
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
16227
17535
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16234,8 +17542,10 @@ label.pf-v6-c-input-group__text {
|
|
|
16234
17542
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16235
17543
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16236
17544
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17545
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
16237
17546
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16238
17547
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17548
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
16239
17549
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16240
17550
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
16241
17551
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16256,15 +17566,15 @@ label.pf-v6-c-input-group__text {
|
|
|
16256
17566
|
--pf-v6-c-label__content--Cursor: initial;
|
|
16257
17567
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16258
17568
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
16259
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
17569
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
16260
17570
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16261
17571
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16262
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
16263
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
16264
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
16265
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
16266
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
16267
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
|
17572
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
|
17573
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
|
17574
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
|
17575
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
|
17576
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
|
17577
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
|
16268
17578
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
16269
17579
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
16270
17580
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -16284,6 +17594,7 @@ label.pf-v6-c-input-group__text {
|
|
|
16284
17594
|
|
|
16285
17595
|
.pf-v6-c-label {
|
|
16286
17596
|
position: relative;
|
|
17597
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
16287
17598
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
16288
17599
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
16289
17600
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -16483,10 +17794,12 @@ label.pf-v6-c-input-group__text {
|
|
|
16483
17794
|
.pf-v6-c-label.pf-m-overflow {
|
|
16484
17795
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
16485
17796
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
|
17797
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
|
16486
17798
|
}
|
|
16487
17799
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16488
17800
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
16489
17801
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
|
17802
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
|
16490
17803
|
}
|
|
16491
17804
|
.pf-v6-c-label.pf-m-add {
|
|
16492
17805
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -16586,6 +17899,9 @@ input.pf-v6-c-label__content {
|
|
|
16586
17899
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
16587
17900
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
16588
17901
|
}
|
|
17902
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
17903
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
17904
|
+
}
|
|
16589
17905
|
|
|
16590
17906
|
.pf-v6-c-label-group {
|
|
16591
17907
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -16824,6 +18140,8 @@ ul.pf-v6-c-list {
|
|
|
16824
18140
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16825
18141
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
16826
18142
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18143
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
18144
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16827
18145
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
16828
18146
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
16829
18147
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -16955,6 +18273,7 @@ ul.pf-v6-c-list {
|
|
|
16955
18273
|
align-self: start;
|
|
16956
18274
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
16957
18275
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
18276
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
16958
18277
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
16959
18278
|
}
|
|
16960
18279
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -17601,6 +18920,8 @@ ul.pf-v6-c-list {
|
|
|
17601
18920
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
17602
18921
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17603
18922
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
18923
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
18924
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17604
18925
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17605
18926
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
17606
18927
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -17621,6 +18942,9 @@ ul.pf-v6-c-list {
|
|
|
17621
18942
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
17622
18943
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
17623
18944
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18945
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
18946
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
18947
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17624
18948
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
17625
18949
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17626
18950
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -17796,6 +19120,7 @@ ul.pf-v6-c-list {
|
|
|
17796
19120
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17797
19121
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
17798
19122
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
19123
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
17799
19124
|
}
|
|
17800
19125
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
17801
19126
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -17820,6 +19145,7 @@ ul.pf-v6-c-list {
|
|
|
17820
19145
|
overflow: hidden;
|
|
17821
19146
|
color: var(--pf-v6-c-menu--Color);
|
|
17822
19147
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
19148
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
17823
19149
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
17824
19150
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
17825
19151
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -17864,6 +19190,7 @@ ul.pf-v6-c-list {
|
|
|
17864
19190
|
}
|
|
17865
19191
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
17866
19192
|
padding: 0;
|
|
19193
|
+
border: 0;
|
|
17867
19194
|
}
|
|
17868
19195
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
17869
19196
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -18006,6 +19333,8 @@ ul.pf-v6-c-list {
|
|
|
18006
19333
|
inset: 0;
|
|
18007
19334
|
content: "";
|
|
18008
19335
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
19336
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
19337
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
18009
19338
|
transition: inherit;
|
|
18010
19339
|
}
|
|
18011
19340
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -18030,6 +19359,7 @@ ul.pf-v6-c-list {
|
|
|
18030
19359
|
}
|
|
18031
19360
|
.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) {
|
|
18032
19361
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
19362
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
|
18033
19363
|
}
|
|
18034
19364
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
18035
19365
|
.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,
|
|
@@ -18218,19 +19548,19 @@ ul.pf-v6-c-list {
|
|
|
18218
19548
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18219
19549
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18220
19550
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
18221
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
|
19551
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18222
19552
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18223
19553
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18224
19554
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
18225
19555
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
18226
19556
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18227
19557
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18228
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
19558
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
18229
19559
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
18230
19560
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18231
19561
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
18232
19562
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18233
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
|
19563
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
18234
19564
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18235
19565
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18236
19566
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -18317,7 +19647,10 @@ ul.pf-v6-c-list {
|
|
|
18317
19647
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
18318
19648
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
18319
19649
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18320
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
|
19650
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19651
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19652
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19653
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
18321
19654
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18322
19655
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18323
19656
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -18443,6 +19776,7 @@ ul.pf-v6-c-list {
|
|
|
18443
19776
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
18444
19777
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18445
19778
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
19779
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
18446
19780
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
18447
19781
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18448
19782
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -18455,12 +19789,14 @@ ul.pf-v6-c-list {
|
|
|
18455
19789
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
18456
19790
|
}
|
|
18457
19791
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
18458
|
-
|
|
19792
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19793
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
18459
19794
|
}
|
|
18460
19795
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
18461
19796
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
18462
19797
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
18463
19798
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
19799
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
|
18464
19800
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
18465
19801
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18466
19802
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -18472,6 +19808,7 @@ ul.pf-v6-c-list {
|
|
|
18472
19808
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
18473
19809
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
18474
19810
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
|
19811
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
|
18475
19812
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
18476
19813
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
18477
19814
|
}
|
|
@@ -18720,6 +20057,8 @@ ul.pf-v6-c-list {
|
|
|
18720
20057
|
|
|
18721
20058
|
.pf-v6-c-modal-box {
|
|
18722
20059
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20060
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20061
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
|
18723
20062
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18724
20063
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
18725
20064
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -18786,6 +20125,7 @@ ul.pf-v6-c-list {
|
|
|
18786
20125
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
18787
20126
|
overflow: auto;
|
|
18788
20127
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
20128
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
|
18789
20129
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
18790
20130
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
18791
20131
|
}
|
|
@@ -19177,6 +20517,10 @@ ul.pf-v6-c-list {
|
|
|
19177
20517
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
19178
20518
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
19179
20519
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
20520
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20521
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
20522
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20523
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
19180
20524
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
19181
20525
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
19182
20526
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -19211,6 +20555,8 @@ ul.pf-v6-c-list {
|
|
|
19211
20555
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
19212
20556
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19213
20557
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20558
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20559
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19214
20560
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19215
20561
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19216
20562
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -19370,12 +20716,22 @@ ul.pf-v6-c-list {
|
|
|
19370
20716
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
19371
20717
|
transition-property: background-color, color;
|
|
19372
20718
|
}
|
|
20719
|
+
.pf-v6-c-nav__link::after {
|
|
20720
|
+
position: absolute;
|
|
20721
|
+
inset: 0;
|
|
20722
|
+
pointer-events: none;
|
|
20723
|
+
content: "";
|
|
20724
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
20725
|
+
border-radius: inherit;
|
|
20726
|
+
}
|
|
19373
20727
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
20728
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
19374
20729
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
19375
20730
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
19376
20731
|
}
|
|
19377
20732
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
19378
20733
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
20734
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
19379
20735
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
19380
20736
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
19381
20737
|
}
|
|
@@ -19478,6 +20834,7 @@ ul.pf-v6-c-list {
|
|
|
19478
20834
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
19479
20835
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
19480
20836
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
20837
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
|
19481
20838
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
19482
20839
|
}
|
|
19483
20840
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -19847,8 +21204,8 @@ ul.pf-v6-c-list {
|
|
|
19847
21204
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19848
21205
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19849
21206
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19850
|
-
--pf-v6-c-page__main-container--BorderWidth:
|
|
19851
|
-
--pf-v6-c-page__main-container--BorderColor: var(--pf-
|
|
21207
|
+
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--border--width--main--default);
|
|
21208
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
19852
21209
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19853
21210
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19854
21211
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
@@ -20867,11 +22224,14 @@ ul.pf-v6-c-list {
|
|
|
20867
22224
|
--pf-v6-c-panel--BoxShadow: none;
|
|
20868
22225
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20869
22226
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
20870
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
|
22227
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20871
22228
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22229
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
20872
22230
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
22231
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20873
22232
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
20874
22233
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22234
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
20875
22235
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20876
22236
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20877
22237
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -20913,13 +22273,16 @@ ul.pf-v6-c-list {
|
|
|
20913
22273
|
}
|
|
20914
22274
|
.pf-v6-c-panel.pf-m-bordered {
|
|
20915
22275
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
22276
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
|
20916
22277
|
}
|
|
20917
22278
|
.pf-v6-c-panel.pf-m-secondary {
|
|
20918
22279
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
22280
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
|
20919
22281
|
}
|
|
20920
22282
|
.pf-v6-c-panel.pf-m-raised {
|
|
20921
22283
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
20922
22284
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
22285
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
|
20923
22286
|
}
|
|
20924
22287
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
20925
22288
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -20961,6 +22324,8 @@ ul.pf-v6-c-list {
|
|
|
20961
22324
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
20962
22325
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
20963
22326
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22327
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
22328
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20964
22329
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20965
22330
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20966
22331
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -21011,6 +22376,7 @@ ul.pf-v6-c-list {
|
|
|
21011
22376
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
21012
22377
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
21013
22378
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
22379
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21014
22380
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
21015
22381
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
21016
22382
|
}
|
|
@@ -21125,6 +22491,7 @@ ul.pf-v6-c-list {
|
|
|
21125
22491
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
21126
22492
|
pointer-events: none;
|
|
21127
22493
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
22494
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21128
22495
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
21129
22496
|
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));
|
|
21130
22497
|
}
|
|
@@ -21165,6 +22532,8 @@ ul.pf-v6-c-list {
|
|
|
21165
22532
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
21166
22533
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
21167
22534
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22535
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22536
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
21168
22537
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
21169
22538
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
21170
22539
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -21326,6 +22695,14 @@ ul.pf-v6-c-list {
|
|
|
21326
22695
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
21327
22696
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
21328
22697
|
}
|
|
22698
|
+
.pf-v6-c-progress__bar::before {
|
|
22699
|
+
position: absolute;
|
|
22700
|
+
inset: 0;
|
|
22701
|
+
pointer-events: none;
|
|
22702
|
+
content: "";
|
|
22703
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
|
22704
|
+
border-radius: inherit;
|
|
22705
|
+
}
|
|
21329
22706
|
|
|
21330
22707
|
.pf-v6-c-progress__indicator {
|
|
21331
22708
|
position: absolute;
|
|
@@ -22392,6 +23769,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22392
23769
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
22393
23770
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
22394
23771
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
23772
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
23773
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23774
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
23775
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
22395
23776
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
22396
23777
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
22397
23778
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -22406,6 +23787,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22406
23787
|
}
|
|
22407
23788
|
|
|
22408
23789
|
.pf-v6-c-simple-list__item-link {
|
|
23790
|
+
position: relative;
|
|
22409
23791
|
display: block;
|
|
22410
23792
|
width: 100%;
|
|
22411
23793
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -22420,6 +23802,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22420
23802
|
border: none;
|
|
22421
23803
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
22422
23804
|
}
|
|
23805
|
+
.pf-v6-c-simple-list__item-link::after {
|
|
23806
|
+
position: absolute;
|
|
23807
|
+
inset: 0;
|
|
23808
|
+
pointer-events: none;
|
|
23809
|
+
content: "";
|
|
23810
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
|
23811
|
+
border-radius: inherit;
|
|
23812
|
+
}
|
|
22423
23813
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
22424
23814
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
22425
23815
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -22428,11 +23818,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22428
23818
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
22429
23819
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
22430
23820
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
23821
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
|
22431
23822
|
text-decoration-line: none;
|
|
22432
23823
|
}
|
|
22433
23824
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
22434
23825
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
22435
23826
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
23827
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
|
22436
23828
|
}
|
|
22437
23829
|
|
|
22438
23830
|
.pf-v6-c-simple-list__title {
|
|
@@ -24827,6 +26219,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24827
26219
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
24828
26220
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24829
26221
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
26222
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26223
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
26224
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
24830
26225
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24831
26226
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
24832
26227
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -24856,6 +26251,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24856
26251
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24857
26252
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24858
26253
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
26254
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26255
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
24859
26256
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24860
26257
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
24861
26258
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -24877,10 +26274,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24877
26274
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
24878
26275
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
24879
26276
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26277
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
24880
26278
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
24881
26279
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
24882
26280
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
24883
26281
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
26282
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
|
24884
26283
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
24885
26284
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24886
26285
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -25292,6 +26691,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25292
26691
|
}
|
|
25293
26692
|
|
|
25294
26693
|
.pf-v6-c-table__button {
|
|
26694
|
+
position: relative;
|
|
25295
26695
|
width: auto;
|
|
25296
26696
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
25297
26697
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -25310,6 +26710,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25310
26710
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
25311
26711
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
25312
26712
|
}
|
|
26713
|
+
.pf-v6-c-table__button::after {
|
|
26714
|
+
position: absolute;
|
|
26715
|
+
inset: 0;
|
|
26716
|
+
pointer-events: none;
|
|
26717
|
+
content: "";
|
|
26718
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
|
26719
|
+
border-radius: inherit;
|
|
26720
|
+
}
|
|
25313
26721
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
25314
26722
|
margin-block-end: 0;
|
|
25315
26723
|
}
|
|
@@ -25485,6 +26893,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25485
26893
|
content: "";
|
|
25486
26894
|
border: 0;
|
|
25487
26895
|
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);
|
|
26896
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
|
25488
26897
|
}
|
|
25489
26898
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
25490
26899
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -25519,6 +26928,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25519
26928
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
25520
26929
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
25521
26930
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
|
26931
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
|
25522
26932
|
}
|
|
25523
26933
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
25524
26934
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -25568,16 +26978,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25568
26978
|
border-radius: 0;
|
|
25569
26979
|
}
|
|
25570
26980
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
26981
|
+
position: relative;
|
|
25571
26982
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
25572
26983
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
25573
26984
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
25574
26985
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
25575
26986
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
26987
|
+
border: 0;
|
|
25576
26988
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25577
26989
|
}
|
|
25578
26990
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25579
26991
|
background-color: transparent;
|
|
25580
26992
|
}
|
|
26993
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
|
26994
|
+
position: absolute;
|
|
26995
|
+
inset: 0;
|
|
26996
|
+
pointer-events: none;
|
|
26997
|
+
content: "";
|
|
26998
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
|
26999
|
+
border-radius: inherit;
|
|
27000
|
+
}
|
|
25581
27001
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25582
27002
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25583
27003
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -25635,6 +27055,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25635
27055
|
vertical-align: top;
|
|
25636
27056
|
}
|
|
25637
27057
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
27058
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
|
25638
27059
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
25639
27060
|
}
|
|
25640
27061
|
|
|
@@ -26661,6 +28082,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26661
28082
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
26662
28083
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
26663
28084
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28085
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
28086
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
28087
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
28088
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
26664
28089
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26665
28090
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
26666
28091
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -27160,6 +28585,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27160
28585
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
27161
28586
|
text-decoration-line: none;
|
|
27162
28587
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28588
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
|
27163
28589
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
27164
28590
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
27165
28591
|
}
|
|
@@ -27193,6 +28619,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27193
28619
|
|
|
27194
28620
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
27195
28621
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
|
28622
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
|
27196
28623
|
}
|
|
27197
28624
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
27198
28625
|
pointer-events: none;
|
|
@@ -27207,6 +28634,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27207
28634
|
|
|
27208
28635
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
27209
28636
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
28637
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
|
27210
28638
|
}
|
|
27211
28639
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
27212
28640
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -30231,6 +31659,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30231
31659
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
30232
31660
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
30233
31661
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
31662
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
|
31663
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
31664
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
31665
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
31666
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30234
31667
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
30235
31668
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
30236
31669
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -30516,8 +31949,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30516
31949
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
30517
31950
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
30518
31951
|
}
|
|
31952
|
+
.pf-v6-c-tree-view__node::after {
|
|
31953
|
+
position: absolute;
|
|
31954
|
+
inset: 0;
|
|
31955
|
+
pointer-events: none;
|
|
31956
|
+
content: "";
|
|
31957
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
|
31958
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
|
31959
|
+
}
|
|
30519
31960
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
30520
31961
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
|
31962
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
|
30521
31963
|
}
|
|
30522
31964
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
30523
31965
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -30615,6 +32057,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30615
32057
|
|
|
30616
32058
|
.pf-v6-c-tree-view__content:hover,
|
|
30617
32059
|
.pf-v6-c-tree-view__content:focus-within {
|
|
32060
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
|
30618
32061
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
30619
32062
|
}
|
|
30620
32063
|
|
|
@@ -30751,6 +32194,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30751
32194
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30752
32195
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30753
32196
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
32197
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32198
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
32199
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
32200
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30754
32201
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30755
32202
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
30756
32203
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -30762,13 +32209,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30762
32209
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
30763
32210
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
30764
32211
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32212
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32213
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
30765
32214
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
30766
32215
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
30767
32216
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
30768
32217
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
30769
32218
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
32219
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
|
30770
32220
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
30771
32221
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
32222
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
|
30772
32223
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30773
32224
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
30774
32225
|
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -31102,14 +32553,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31102
32553
|
.pf-v6-c-wizard__nav-link::before {
|
|
31103
32554
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
31104
32555
|
content: counter(wizard-nav-count);
|
|
32556
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
|
31105
32557
|
}
|
|
31106
32558
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
31107
32559
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
31108
32560
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32561
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
|
31109
32562
|
}
|
|
31110
32563
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
31111
32564
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
31112
32565
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
|
32566
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
|
31113
32567
|
}
|
|
31114
32568
|
|
|
31115
32569
|
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
@@ -31127,6 +32581,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31127
32581
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
31128
32582
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
31129
32583
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
|
32584
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
|
31130
32585
|
}
|
|
31131
32586
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
31132
32587
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -31136,9 +32591,11 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31136
32591
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
31137
32592
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
31138
32593
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
32594
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
31139
32595
|
}
|
|
31140
32596
|
|
|
31141
32597
|
.pf-v6-c-wizard__nav-link-main {
|
|
32598
|
+
position: relative;
|
|
31142
32599
|
display: flex;
|
|
31143
32600
|
flex-grow: 1;
|
|
31144
32601
|
justify-content: space-between;
|
|
@@ -31147,9 +32604,16 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31147
32604
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
31148
32605
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
31149
32606
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
31150
|
-
border: none;
|
|
31151
32607
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
31152
32608
|
}
|
|
32609
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
|
32610
|
+
position: absolute;
|
|
32611
|
+
inset: 0;
|
|
32612
|
+
pointer-events: none;
|
|
32613
|
+
content: "";
|
|
32614
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
|
32615
|
+
border-radius: inherit;
|
|
32616
|
+
}
|
|
31153
32617
|
|
|
31154
32618
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
31155
32619
|
position: relative;
|