@patternfly/patternfly 6.3.1 → 6.4.0-prerelease.1
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 +23 -15
- package/base/normalize.scss +4 -0
- package/base/patternfly-variables.css +1172 -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 +1 -0
- package/base/tokens/tokens-palette.scss +9 -1
- package/components/Accordion/accordion.css +42 -15
- package/components/Accordion/accordion.scss +48 -18
- package/components/Alert/alert-group.css +17 -15
- package/components/Alert/alert-group.scss +22 -18
- 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 +34 -4
- package/components/Button/button.scss +36 -6
- package/components/CalendarMonth/calendar-month.css +35 -4
- package/components/CalendarMonth/calendar-month.scss +38 -4
- package/components/Card/card.css +7 -4
- package/components/Card/card.scss +7 -4
- package/components/CodeBlock/code-block.css +3 -0
- package/components/CodeBlock/code-block.scss +3 -0
- package/components/CodeEditor/code-editor.css +23 -3
- package/components/CodeEditor/code-editor.scss +28 -5
- package/components/DatePicker/date-picker.css +3 -0
- package/components/DatePicker/date-picker.scss +4 -0
- package/components/Divider/divider.css +2 -0
- package/components/Divider/divider.scss +2 -0
- package/components/Drawer/drawer.css +46 -41
- package/components/Drawer/drawer.scss +45 -36
- package/components/DualListSelector/dual-list-selector.css +21 -4
- package/components/DualListSelector/dual-list-selector.scss +23 -4
- package/components/ExpandableSection/expandable-section.css +6 -2
- package/components/ExpandableSection/expandable-section.scss +7 -3
- package/components/FormControl/form-control.css +6 -7
- package/components/FormControl/form-control.scss +8 -10
- 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 +18 -0
- package/components/Menu/menu.scss +19 -1
- package/components/MenuToggle/menu-toggle.css +13 -6
- package/components/MenuToggle/menu-toggle.scss +13 -6
- 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 +73 -25
- package/components/Page/page.scss +60 -19
- package/components/Pagination/pagination.css +15 -2
- package/components/Pagination/pagination.scss +15 -2
- package/components/Panel/panel.css +14 -1
- package/components/Panel/panel.scss +14 -1
- package/components/Popover/popover.css +4 -0
- package/components/Popover/popover.scss +4 -0
- package/components/Progress/progress.css +19 -0
- package/components/Progress/progress.scss +22 -0
- package/components/Sidebar/sidebar.css +7 -0
- package/components/Sidebar/sidebar.scss +7 -0
- package/components/SimpleList/simple-list.css +15 -0
- package/components/SimpleList/simple-list.scss +17 -1
- package/components/Slider/slider.css +9 -0
- package/components/Slider/slider.scss +9 -0
- package/components/Switch/switch.css +7 -1
- package/components/Switch/switch.scss +7 -1
- package/components/Table/table.css +29 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +18 -7
- package/components/Tabs/tabs.scss +19 -11
- package/components/TextInputGroup/text-input-group.css +3 -0
- package/components/TextInputGroup/text-input-group.scss +4 -1
- package/components/ToggleGroup/toggle-group.css +18 -9
- package/components/ToggleGroup/toggle-group.scss +24 -17
- package/components/Toolbar/toolbar.css +7 -0
- package/components/Toolbar/toolbar.scss +7 -0
- package/components/TreeView/tree-view.css +15 -0
- package/components/TreeView/tree-view.scss +17 -0
- package/components/Wizard/wizard.css +37 -6
- package/components/Wizard/wizard.scss +44 -10
- package/components/_index.css +615 -167
- package/docs/components/Alert/examples/Alert.md +3 -4
- package/docs/components/Button/examples/Button.md +1 -3
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
- package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
- package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
- package/docs/components/DataList/examples/DataList.md +66 -184
- package/docs/components/DatePicker/examples/DatePicker.md +4 -1
- package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
- package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
- package/docs/components/FileUpload/examples/FileUpload.md +4 -3
- package/docs/components/Form/examples/Form.md +19 -18
- package/docs/components/HelperText/examples/HelperText.md +65 -75
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +0 -10
- package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
- package/docs/components/Label/examples/Label.md +2 -2
- package/docs/components/Login/examples/Login.md +42 -37
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
- package/docs/components/Pagination/examples/Pagination.md +111 -0
- package/docs/components/Popover/examples/Popover.md +0 -4
- package/docs/components/Progress/examples/Progress.md +223 -210
- package/docs/components/Skeleton/examples/Skeleton.md +21 -7
- package/docs/components/Table/examples/Table.md +947 -1423
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
- package/docs/components/Title/examples/Title.md +8 -8
- package/docs/components/Truncate/examples/Truncate.md +8 -6
- package/docs/components/Wizard/examples/Wizard.md +583 -0
- package/docs/demos/Alert/examples/Alert.md +28 -19
- package/docs/demos/Card/examples/Card.md +8 -5
- package/docs/demos/CardView/examples/CardView.md +81 -85
- package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
- package/docs/demos/DataList/examples/DataList.md +528 -168
- package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
- package/docs/demos/Drawer/examples/Drawer.md +0 -2
- package/docs/demos/Form/examples/BasicForms.md +93 -62
- package/docs/demos/HelperText/examples/HelperText.md +31 -23
- package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
- package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
- package/docs/demos/Table/examples/Table.md +5 -20
- package/docs/demos/Tabs/examples/Tabs.md +2 -1
- package/package.json +12 -7
- package/patternfly-base-no-globals.css +1172 -1
- package/patternfly-base.css +1176 -1
- package/patternfly-no-globals.css +1787 -168
- package/patternfly.css +1822 -199
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -131,6 +131,10 @@ button) {
|
|
|
131
131
|
cursor: pointer;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
+
:where(:root) {
|
|
135
|
+
color-scheme: light;
|
|
136
|
+
}
|
|
137
|
+
|
|
134
138
|
:where(.pf-v6-theme-dark) {
|
|
135
139
|
color-scheme: dark;
|
|
136
140
|
}
|
|
@@ -6400,6 +6404,7 @@ button) {
|
|
|
6400
6404
|
--pf-t--color--blue--50: #0066cc;
|
|
6401
6405
|
--pf-t--color--blue--60: #004d99;
|
|
6402
6406
|
--pf-t--color--blue--70: #003366;
|
|
6407
|
+
--pf-t--color--blue--80: #032142;
|
|
6403
6408
|
--pf-t--color--gray--10: #f2f2f2;
|
|
6404
6409
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6405
6410
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -6417,6 +6422,7 @@ button) {
|
|
|
6417
6422
|
--pf-t--color--green--50: #63993d;
|
|
6418
6423
|
--pf-t--color--green--60: #3d7317;
|
|
6419
6424
|
--pf-t--color--green--70: #204d00;
|
|
6425
|
+
--pf-t--color--green--80: #183301;
|
|
6420
6426
|
--pf-t--color--orange--10: #ffe8cc;
|
|
6421
6427
|
--pf-t--color--orange--20: #fccb8f;
|
|
6422
6428
|
--pf-t--color--orange--30: #f8ae54;
|
|
@@ -6424,6 +6430,7 @@ button) {
|
|
|
6424
6430
|
--pf-t--color--orange--50: #ca6c0f;
|
|
6425
6431
|
--pf-t--color--orange--60: #9e4a06;
|
|
6426
6432
|
--pf-t--color--orange--70: #732e00;
|
|
6433
|
+
--pf-t--color--orange--80: #4d1f00;
|
|
6427
6434
|
--pf-t--color--purple--10: #ece6ff;
|
|
6428
6435
|
--pf-t--color--purple--20: #d0c5f4;
|
|
6429
6436
|
--pf-t--color--purple--30: #b6a6e9;
|
|
@@ -6431,6 +6438,7 @@ button) {
|
|
|
6431
6438
|
--pf-t--color--purple--50: #5e40be;
|
|
6432
6439
|
--pf-t--color--purple--60: #3d2785;
|
|
6433
6440
|
--pf-t--color--purple--70: #21134d;
|
|
6441
|
+
--pf-t--color--purple--80: #1b0d33;
|
|
6434
6442
|
--pf-t--color--red--10: #fce3e3;
|
|
6435
6443
|
--pf-t--color--red--20: #fbc5c5;
|
|
6436
6444
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6438,6 +6446,7 @@ button) {
|
|
|
6438
6446
|
--pf-t--color--red--50: #ee0000;
|
|
6439
6447
|
--pf-t--color--red--60: #a60000;
|
|
6440
6448
|
--pf-t--color--red--70: #5f0000;
|
|
6449
|
+
--pf-t--color--red--80: #3f0000;
|
|
6441
6450
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
6442
6451
|
--pf-t--color--red-orange--20: #fbbea8;
|
|
6443
6452
|
--pf-t--color--red-orange--30: #f89b78;
|
|
@@ -6445,6 +6454,7 @@ button) {
|
|
|
6445
6454
|
--pf-t--color--red-orange--50: #f0561d;
|
|
6446
6455
|
--pf-t--color--red-orange--60: #b1380b;
|
|
6447
6456
|
--pf-t--color--red-orange--70: #731f00;
|
|
6457
|
+
--pf-t--color--red-orange--80: #4c1405;
|
|
6448
6458
|
--pf-t--color--teal--10: #daf2f2;
|
|
6449
6459
|
--pf-t--color--teal--20: #b9e5e5;
|
|
6450
6460
|
--pf-t--color--teal--30: #9ad8d8;
|
|
@@ -6452,6 +6462,7 @@ button) {
|
|
|
6452
6462
|
--pf-t--color--teal--50: #37a3a3;
|
|
6453
6463
|
--pf-t--color--teal--60: #147878;
|
|
6454
6464
|
--pf-t--color--teal--70: #004d4d;
|
|
6465
|
+
--pf-t--color--teal--80: #003333;
|
|
6455
6466
|
--pf-t--color--white: #ffffff;
|
|
6456
6467
|
--pf-t--color--yellow--10: #fff4cc;
|
|
6457
6468
|
--pf-t--color--yellow--20: #ffe072;
|
|
@@ -6460,9 +6471,11 @@ button) {
|
|
|
6460
6471
|
--pf-t--color--yellow--50: #b98412;
|
|
6461
6472
|
--pf-t--color--yellow--60: #96640f;
|
|
6462
6473
|
--pf-t--color--yellow--70: #73480b;
|
|
6474
|
+
--pf-t--color--yellow--80: #54330b;
|
|
6463
6475
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
6464
6476
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6465
6477
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6478
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6466
6479
|
--pf-t--global--border--radius--0: 0px;
|
|
6467
6480
|
--pf-t--global--border--radius--100: 4px;
|
|
6468
6481
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6472,6 +6485,13 @@ button) {
|
|
|
6472
6485
|
--pf-t--global--border--width--100: 1px;
|
|
6473
6486
|
--pf-t--global--border--width--200: 2px;
|
|
6474
6487
|
--pf-t--global--border--width--300: 3px;
|
|
6488
|
+
--pf-t--global--border--width--400: 4px;
|
|
6489
|
+
--pf-t--global--border--width--action--plain--clicked: 0px;
|
|
6490
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
6491
|
+
--pf-t--global--border--width--action--plain--hover: 0px;
|
|
6492
|
+
--pf-t--global--border--width--high-contrast--extra-strong: 0px;
|
|
6493
|
+
--pf-t--global--border--width--high-contrast--regular: 0px;
|
|
6494
|
+
--pf-t--global--border--width--high-contrast--strong: 0px;
|
|
6475
6495
|
--pf-t--global--box-shadow--X--100: -10px;
|
|
6476
6496
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6477
6497
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
@@ -6508,6 +6528,8 @@ button) {
|
|
|
6508
6528
|
--pf-t--global--breakpoint--500: 75rem;
|
|
6509
6529
|
--pf-t--global--breakpoint--550: 80rem;
|
|
6510
6530
|
--pf-t--global--breakpoint--600: 90.625rem;
|
|
6531
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
6532
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
6511
6533
|
--pf-t--global--delay--100: 0ms;
|
|
6512
6534
|
--pf-t--global--delay--200: 50ms;
|
|
6513
6535
|
--pf-t--global--delay--300: 100ms;
|
|
@@ -6519,6 +6541,10 @@ button) {
|
|
|
6519
6541
|
--pf-t--global--duration--50: 50ms;
|
|
6520
6542
|
--pf-t--global--duration--500: 500ms;
|
|
6521
6543
|
--pf-t--global--duration--600: 600ms;
|
|
6544
|
+
--pf-t--global--focus-ring--position--inset: -4px;
|
|
6545
|
+
--pf-t--global--focus-ring--position--offset: 2px;
|
|
6546
|
+
--pf-t--global--focus-ring--width--inset: 3px;
|
|
6547
|
+
--pf-t--global--focus-ring--width--offset: 2px;
|
|
6522
6548
|
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6523
6549
|
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6524
6550
|
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
@@ -6577,6 +6603,7 @@ button) {
|
|
|
6577
6603
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6578
6604
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6579
6605
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
6606
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6580
6607
|
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
6581
6608
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6582
6609
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
@@ -6599,6 +6626,7 @@ button) {
|
|
|
6599
6626
|
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
6600
6627
|
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
6601
6628
|
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
6629
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
|
|
6602
6630
|
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
6603
6631
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6604
6632
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
@@ -6660,56 +6688,91 @@ button) {
|
|
|
6660
6688
|
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
6661
6689
|
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
6662
6690
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6691
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6692
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6663
6693
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6664
6694
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6665
6695
|
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
6666
6696
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6667
6697
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6698
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
6699
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
6668
6700
|
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
6669
6701
|
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
6670
6702
|
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
6703
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
6704
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
6671
6705
|
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
6672
6706
|
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
6673
6707
|
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
6708
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
6709
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
6710
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
6674
6711
|
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
6675
6712
|
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
6676
6713
|
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
6714
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
6677
6715
|
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
6678
6716
|
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
6679
6717
|
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
6718
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
6719
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
6680
6720
|
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
6681
6721
|
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
6682
6722
|
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
6723
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
6724
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
6683
6725
|
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
6684
6726
|
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
6685
6727
|
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
6728
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
6729
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
6686
6730
|
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
6687
6731
|
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
6688
6732
|
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
6733
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
6734
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
6689
6735
|
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
6690
6736
|
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
6691
6737
|
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
6738
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
6739
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
6692
6740
|
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
6693
6741
|
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
6694
6742
|
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
6743
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
6744
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
6695
6745
|
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
6696
6746
|
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
6747
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
6697
6748
|
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
6749
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
6698
6750
|
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
6751
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
6699
6752
|
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
6753
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
6700
6754
|
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
6755
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
6701
6756
|
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
6702
6757
|
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
6758
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6703
6759
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6704
6760
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6705
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6761
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
6706
6762
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6707
6763
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6764
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
6708
6765
|
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
6709
6766
|
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
6767
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
6710
6768
|
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
6711
6769
|
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
6712
6770
|
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
6771
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
6772
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
6773
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
6774
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
6775
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
6713
6776
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
6714
6777
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
6715
6778
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
@@ -6728,6 +6791,7 @@ button) {
|
|
|
6728
6791
|
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
6729
6792
|
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
6730
6793
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
6794
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
6731
6795
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
6732
6796
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
6733
6797
|
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
@@ -6760,11 +6824,15 @@ button) {
|
|
|
6760
6824
|
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
6761
6825
|
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
6762
6826
|
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
6827
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
6763
6828
|
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
6764
6829
|
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
6830
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
6765
6831
|
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
6766
6832
|
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
6833
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
6767
6834
|
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
6835
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
6768
6836
|
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6769
6837
|
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6770
6838
|
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
@@ -6885,6 +6953,7 @@ button) {
|
|
|
6885
6953
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
|
|
6886
6954
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
|
|
6887
6955
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
|
|
6956
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
|
|
6888
6957
|
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
6889
6958
|
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
6890
6959
|
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
@@ -6974,6 +7043,7 @@ button) {
|
|
|
6974
7043
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6975
7044
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
6976
7045
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7046
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
6977
7047
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
6978
7048
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
6979
7049
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7246,7 +7316,1100 @@ button) {
|
|
|
7246
7316
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7247
7317
|
}
|
|
7248
7318
|
|
|
7249
|
-
:root:where(.pf-v6-theme-dark) {
|
|
7319
|
+
:root:where(.pf-v6-theme-dark) {
|
|
7320
|
+
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7321
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7322
|
+
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7323
|
+
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7324
|
+
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7325
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7326
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7327
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7328
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7329
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7330
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7331
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7332
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7333
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7334
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7335
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7336
|
+
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
7337
|
+
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
7338
|
+
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
7339
|
+
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
7340
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
7341
|
+
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
7342
|
+
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7343
|
+
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7344
|
+
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7345
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7346
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
7347
|
+
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7348
|
+
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
7349
|
+
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
7350
|
+
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7351
|
+
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7352
|
+
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
7353
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
7354
|
+
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7355
|
+
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
7356
|
+
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
7357
|
+
--pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
|
|
7358
|
+
--pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
|
|
7359
|
+
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
7360
|
+
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
7361
|
+
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7362
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
7363
|
+
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
7364
|
+
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
7365
|
+
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
7366
|
+
--pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
|
|
7367
|
+
--pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
|
|
7368
|
+
--pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
|
|
7369
|
+
--pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
|
|
7370
|
+
--pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
|
|
7371
|
+
--pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
|
|
7372
|
+
--pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
|
|
7373
|
+
--pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
|
|
7374
|
+
--pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
|
|
7375
|
+
--pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
|
|
7376
|
+
--pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
|
|
7377
|
+
--pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
|
|
7378
|
+
--pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
|
|
7379
|
+
--pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
|
|
7380
|
+
--pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
|
|
7381
|
+
--pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
|
|
7382
|
+
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
7383
|
+
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
7384
|
+
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
7385
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
7386
|
+
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
7387
|
+
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
7388
|
+
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
7389
|
+
--pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
|
|
7390
|
+
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
7391
|
+
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
7392
|
+
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
7393
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
7394
|
+
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
7395
|
+
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
7396
|
+
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
7397
|
+
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
7398
|
+
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
7399
|
+
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
7400
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
7401
|
+
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
7402
|
+
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
7403
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
7404
|
+
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7405
|
+
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
7406
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
7407
|
+
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
7408
|
+
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
7409
|
+
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
7410
|
+
--pf-t--global--dark--text--color--100: var(--pf-t--color--white);
|
|
7411
|
+
--pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
|
|
7412
|
+
--pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
|
|
7413
|
+
--pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
|
|
7414
|
+
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
7415
|
+
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
7416
|
+
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
7417
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
7418
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7419
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
|
|
7420
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
|
|
7421
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
7422
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
|
|
7423
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7424
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
|
|
7425
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
|
|
7426
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
7427
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
7428
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
7429
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
7430
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
7431
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
|
|
7432
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
|
|
7433
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
|
|
7434
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7435
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7436
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7437
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7438
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
7439
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
|
|
7440
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7441
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7442
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7443
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
7444
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7445
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
7446
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
7447
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
7448
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
7449
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
7450
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
7451
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
7452
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
7453
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
7454
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
7455
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
7456
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
7457
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
7458
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
7459
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
7460
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
7461
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
7462
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
7463
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
7464
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
7465
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
7466
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7467
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7468
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7469
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
7470
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7471
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7472
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
7473
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
7474
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
7475
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
7476
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7477
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
7478
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7479
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
7480
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
7481
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
7482
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
7483
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
7484
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
7485
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
7486
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
7487
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
7488
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
7489
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
7490
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
7491
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
7492
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
7493
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
7494
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
7495
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
7496
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
7497
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
7498
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
7499
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
7500
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7501
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7502
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7503
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--200);
|
|
7504
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
|
|
7505
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
|
|
7506
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--200);
|
|
7507
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
|
|
7508
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
|
|
7509
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
|
|
7510
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
|
|
7511
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
|
|
7512
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--200);
|
|
7513
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
|
|
7514
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
|
|
7515
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
7516
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
7517
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
7518
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
7519
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7520
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7521
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
7522
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7523
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
|
|
7524
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
7525
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
|
|
7526
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--100);
|
|
7527
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
|
|
7528
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
|
|
7529
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
|
|
7530
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
|
|
7531
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
|
|
7532
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
|
|
7533
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7534
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7535
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
7536
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
7537
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
|
|
7538
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
|
|
7539
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
|
|
7540
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
|
|
7541
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
7542
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
|
|
7543
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
|
|
7544
|
+
--pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
|
|
7545
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
|
|
7546
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
7547
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7548
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7549
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7550
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7551
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
7552
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7553
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
7554
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7555
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7556
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7557
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7558
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7559
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7560
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7561
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7562
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7563
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7564
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7565
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7566
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7567
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7568
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7569
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7570
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7571
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7572
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
7573
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7574
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7575
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
7576
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
7577
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
7578
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
7579
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
7580
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7581
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
|
|
7582
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
|
|
7583
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
7584
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
7585
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
7586
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7587
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
|
|
7588
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
|
|
7589
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7590
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
|
|
7591
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
|
|
7592
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7593
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
|
|
7594
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
|
|
7595
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7596
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
|
|
7597
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
|
|
7598
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7599
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
|
|
7600
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
|
|
7601
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7602
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
|
|
7603
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
|
|
7604
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7605
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7606
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7607
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7608
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7609
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7610
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7611
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7612
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7613
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7614
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7615
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7616
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7617
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7618
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7619
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7620
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
7621
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
7622
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7623
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
7624
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
7625
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7626
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
7627
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
7628
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7629
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
7630
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
7631
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7632
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
7633
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
7634
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7635
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7636
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7637
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7638
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
7639
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
7640
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7641
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
7642
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
7643
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7644
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7645
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7646
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
|
|
7647
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
|
|
7648
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
|
|
7649
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
7650
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
7651
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
7652
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
|
|
7653
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
|
|
7654
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
|
|
7655
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
|
|
7656
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
|
|
7657
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
|
|
7658
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
|
|
7659
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
|
|
7660
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
|
|
7661
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
|
|
7662
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
|
|
7663
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
|
|
7664
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
|
|
7665
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
|
|
7666
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
|
|
7667
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
|
|
7668
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
|
|
7669
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
|
|
7670
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7671
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7672
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7673
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7674
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7675
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7676
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7677
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7678
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7679
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7680
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7681
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7682
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7683
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
7684
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
7685
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
7686
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
|
|
7687
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
7688
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
7689
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
7690
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
7691
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
7692
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
7693
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
7694
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
7695
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
7696
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
7697
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
7698
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7699
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7700
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7701
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
7702
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
7703
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
7704
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7705
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7706
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7707
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7708
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7709
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7710
|
+
}
|
|
7711
|
+
|
|
7712
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7713
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
7714
|
+
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
7715
|
+
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
7716
|
+
--pf-t--global--border--radius--0: 0px;
|
|
7717
|
+
--pf-t--global--border--radius--100: 4px;
|
|
7718
|
+
--pf-t--global--border--radius--200: 6px;
|
|
7719
|
+
--pf-t--global--border--radius--300: 16px;
|
|
7720
|
+
--pf-t--global--border--radius--400: 24px;
|
|
7721
|
+
--pf-t--global--border--radius--500: 999px;
|
|
7722
|
+
--pf-t--global--border--width--100: 1px;
|
|
7723
|
+
--pf-t--global--border--width--200: 2px;
|
|
7724
|
+
--pf-t--global--border--width--300: 3px;
|
|
7725
|
+
--pf-t--global--border--width--400: 4px;
|
|
7726
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
7727
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
7728
|
+
--pf-t--global--box-shadow--X--200: -4px;
|
|
7729
|
+
--pf-t--global--box-shadow--X--300: -1px;
|
|
7730
|
+
--pf-t--global--box-shadow--X--400: 0px;
|
|
7731
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
7732
|
+
--pf-t--global--box-shadow--X--500: 1px;
|
|
7733
|
+
--pf-t--global--box-shadow--X--600: 4px;
|
|
7734
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
7735
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
7736
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
7737
|
+
--pf-t--global--box-shadow--Y--200: -4px;
|
|
7738
|
+
--pf-t--global--box-shadow--Y--300: -1px;
|
|
7739
|
+
--pf-t--global--box-shadow--Y--400: 0px;
|
|
7740
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
7741
|
+
--pf-t--global--box-shadow--Y--500: 1px;
|
|
7742
|
+
--pf-t--global--box-shadow--Y--600: 4px;
|
|
7743
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
7744
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
7745
|
+
--pf-t--global--box-shadow--blur--100: 4px;
|
|
7746
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
7747
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7748
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
7749
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
7750
|
+
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7751
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7752
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
7753
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
7754
|
+
--pf-t--global--breakpoint--100: 0rem;
|
|
7755
|
+
--pf-t--global--breakpoint--200: 36rem;
|
|
7756
|
+
--pf-t--global--breakpoint--250: 40rem;
|
|
7757
|
+
--pf-t--global--breakpoint--300: 48rem;
|
|
7758
|
+
--pf-t--global--breakpoint--350: 60rem;
|
|
7759
|
+
--pf-t--global--breakpoint--400: 62rem;
|
|
7760
|
+
--pf-t--global--breakpoint--500: 75rem;
|
|
7761
|
+
--pf-t--global--breakpoint--550: 80rem;
|
|
7762
|
+
--pf-t--global--breakpoint--600: 90.625rem;
|
|
7763
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
7764
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
7765
|
+
--pf-t--global--focus-ring--position--inset: -4px;
|
|
7766
|
+
--pf-t--global--focus-ring--position--offset: 2px;
|
|
7767
|
+
--pf-t--global--focus-ring--width--inset: 3px;
|
|
7768
|
+
--pf-t--global--focus-ring--width--offset: 2px;
|
|
7769
|
+
--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;
|
|
7770
|
+
--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;
|
|
7771
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
7772
|
+
--pf-t--global--font--line-height--100: 1.3;
|
|
7773
|
+
--pf-t--global--font--line-height--200: 1.5;
|
|
7774
|
+
--pf-t--global--font--size--100: 0.75rem;
|
|
7775
|
+
--pf-t--global--font--size--200: 0.875rem;
|
|
7776
|
+
--pf-t--global--font--size--300: 1rem;
|
|
7777
|
+
--pf-t--global--font--size--400: 1.125rem;
|
|
7778
|
+
--pf-t--global--font--size--500: 1.25rem;
|
|
7779
|
+
--pf-t--global--font--size--600: 1.5rem;
|
|
7780
|
+
--pf-t--global--font--size--700: 1.75rem;
|
|
7781
|
+
--pf-t--global--font--size--800: 2.25rem;
|
|
7782
|
+
--pf-t--global--font--weight--100: 400;
|
|
7783
|
+
--pf-t--global--font--weight--200: 500;
|
|
7784
|
+
--pf-t--global--font--weight--300: 500;
|
|
7785
|
+
--pf-t--global--font--weight--400: 700;
|
|
7786
|
+
--pf-t--global--icon--size--100: 0.75rem;
|
|
7787
|
+
--pf-t--global--icon--size--200: 0.875rem;
|
|
7788
|
+
--pf-t--global--icon--size--250: 1rem;
|
|
7789
|
+
--pf-t--global--icon--size--300: 1.5rem;
|
|
7790
|
+
--pf-t--global--icon--size--400: 3.5rem;
|
|
7791
|
+
--pf-t--global--icon--size--500: 6rem;
|
|
7792
|
+
--pf-t--global--spacer--100: 0.25rem;
|
|
7793
|
+
--pf-t--global--spacer--200: 0.5rem;
|
|
7794
|
+
--pf-t--global--spacer--300: 1rem;
|
|
7795
|
+
--pf-t--global--spacer--400: 1.5rem;
|
|
7796
|
+
--pf-t--global--spacer--500: 2rem;
|
|
7797
|
+
--pf-t--global--spacer--600: 3rem;
|
|
7798
|
+
--pf-t--global--spacer--700: 4rem;
|
|
7799
|
+
--pf-t--global--spacer--800: 5rem;
|
|
7800
|
+
--pf-t--global--text-decoration--line--100: none;
|
|
7801
|
+
--pf-t--global--text-decoration--line--200: underline;
|
|
7802
|
+
--pf-t--global--text-decoration--style--100: solid;
|
|
7803
|
+
--pf-t--global--text-decoration--style--200: dashed;
|
|
7804
|
+
--pf-t--global--z-index--100: 100;
|
|
7805
|
+
--pf-t--global--z-index--200: 200;
|
|
7806
|
+
--pf-t--global--z-index--300: 300;
|
|
7807
|
+
--pf-t--global--z-index--400: 400;
|
|
7808
|
+
--pf-t--global--z-index--500: 500;
|
|
7809
|
+
--pf-t--global--z-index--600: 600;
|
|
7810
|
+
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
7811
|
+
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
7812
|
+
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
7813
|
+
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
7814
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
7815
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
7816
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
7817
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
7818
|
+
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
7819
|
+
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
7820
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
7821
|
+
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
7822
|
+
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
7823
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
7824
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
7825
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
7826
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
7827
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7828
|
+
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
7829
|
+
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
7830
|
+
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
7831
|
+
--pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
|
|
7832
|
+
--pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
|
|
7833
|
+
--pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
|
|
7834
|
+
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
7835
|
+
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
7836
|
+
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
7837
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
7838
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
7839
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
7840
|
+
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
7841
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
7842
|
+
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
7843
|
+
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
7844
|
+
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
7845
|
+
--pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
|
|
7846
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
7847
|
+
--pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
|
|
7848
|
+
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
7849
|
+
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
7850
|
+
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
7851
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
7852
|
+
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
7853
|
+
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
7854
|
+
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7855
|
+
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
7856
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
7857
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
7858
|
+
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
7859
|
+
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7860
|
+
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
7861
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
7862
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
7863
|
+
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
7864
|
+
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7865
|
+
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
7866
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
7867
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
7868
|
+
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
7869
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
7870
|
+
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
7871
|
+
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7872
|
+
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7873
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
7874
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
7875
|
+
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
7876
|
+
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7877
|
+
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7878
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
7879
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
7880
|
+
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
7881
|
+
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7882
|
+
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7883
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
7884
|
+
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
7885
|
+
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
7886
|
+
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
7887
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
7888
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7889
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
7890
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
7891
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
7892
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7893
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7894
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
7895
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7896
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
7897
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7898
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
7899
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
7900
|
+
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
7901
|
+
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
7902
|
+
--pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
|
|
7903
|
+
--pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
|
|
7904
|
+
--pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
|
|
7905
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
7906
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
7907
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
7908
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
7909
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
7910
|
+
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
7911
|
+
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
7912
|
+
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
7913
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
7914
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
7915
|
+
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
7916
|
+
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
7917
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
7918
|
+
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7919
|
+
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
7920
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
7921
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
7922
|
+
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
7923
|
+
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
7924
|
+
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
7925
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
7926
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
7927
|
+
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
7928
|
+
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
7929
|
+
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7930
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
7931
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
7932
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
7933
|
+
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
7934
|
+
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
7935
|
+
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
7936
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
7937
|
+
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
7938
|
+
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
7939
|
+
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
7940
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
7941
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
7942
|
+
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
7943
|
+
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
7944
|
+
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
7945
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
7946
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
7947
|
+
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
7948
|
+
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
7949
|
+
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
7950
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
7951
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
7952
|
+
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
7953
|
+
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
7954
|
+
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
7955
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
7956
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
7957
|
+
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
7958
|
+
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
7959
|
+
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
7960
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
7961
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
7962
|
+
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
7963
|
+
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
7964
|
+
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
7965
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
7966
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
7967
|
+
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
7968
|
+
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
7969
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
7970
|
+
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
7971
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
7972
|
+
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
7973
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
7974
|
+
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
7975
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
7976
|
+
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
7977
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
7978
|
+
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
7979
|
+
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
7980
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
7981
|
+
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
7982
|
+
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
7983
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
7984
|
+
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
7985
|
+
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
7986
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
7987
|
+
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
7988
|
+
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
7989
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
7990
|
+
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7991
|
+
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
7992
|
+
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
7993
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
7994
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
7995
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
7996
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
7997
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
7998
|
+
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
7999
|
+
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
8000
|
+
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
8001
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
8002
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
8003
|
+
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
8004
|
+
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
8005
|
+
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
8006
|
+
--pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
|
|
8007
|
+
--pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
|
|
8008
|
+
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
8009
|
+
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
8010
|
+
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
8011
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
8012
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
8013
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
8014
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
8015
|
+
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
8016
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
8017
|
+
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
8018
|
+
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
8019
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
|
|
8020
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
|
|
8021
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
|
|
8022
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
8023
|
+
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
8024
|
+
--pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
|
|
8025
|
+
--pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
|
|
8026
|
+
--pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
|
|
8027
|
+
--pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
|
|
8028
|
+
--pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
|
|
8029
|
+
--pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
|
|
8030
|
+
--pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
|
|
8031
|
+
--pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
|
|
8032
|
+
--pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
|
|
8033
|
+
--pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
|
|
8034
|
+
--pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
|
|
8035
|
+
--pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
|
|
8036
|
+
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
8037
|
+
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
8038
|
+
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
8039
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
8040
|
+
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
8041
|
+
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
8042
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
8043
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
|
|
8044
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
|
|
8045
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
|
|
8046
|
+
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
8047
|
+
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
8048
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
8049
|
+
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
8050
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
8051
|
+
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8052
|
+
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8053
|
+
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
8054
|
+
--pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
8055
|
+
--pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8056
|
+
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8057
|
+
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
8058
|
+
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
8059
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
8060
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
8061
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
8062
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
8063
|
+
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
8064
|
+
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
8065
|
+
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
8066
|
+
--pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
|
|
8067
|
+
--pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
|
|
8068
|
+
--pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
|
|
8069
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
|
|
8070
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
|
|
8071
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
|
|
8072
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
|
|
8073
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
8074
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
8075
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
8076
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
8077
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
8078
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
8079
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
8080
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
8081
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
8082
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
8083
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
8084
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
8085
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
8086
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
|
|
8087
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
8088
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8089
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
8090
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8091
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
8092
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
8093
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8094
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
8095
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
8096
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
8097
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
8098
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8099
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
8100
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
8101
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8102
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
8103
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
8104
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8105
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
8106
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
8107
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
8108
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
8109
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
8110
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8111
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
8112
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
8113
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8114
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
8115
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
8116
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
8117
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8118
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8119
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8120
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8121
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8122
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
8123
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
8124
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
8125
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
8126
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
8127
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
8128
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
8129
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
8130
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
8131
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8132
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
|
|
8133
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
|
|
8134
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8135
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
8136
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
8137
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
|
|
8138
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
|
|
8139
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
|
|
8140
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8141
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
|
|
8142
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8143
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8144
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
|
|
8145
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8146
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8147
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
|
|
8148
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8149
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
|
|
8150
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
|
|
8151
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
|
|
8152
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8153
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
|
|
8154
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8155
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8156
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
|
|
8157
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8158
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
8159
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
8160
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
8161
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
8162
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
8163
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
8164
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
8165
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
8166
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
8167
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8168
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8169
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8170
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8171
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8172
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8173
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
8174
|
+
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
8175
|
+
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
8176
|
+
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
8177
|
+
--pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
|
|
8178
|
+
--pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
|
|
8179
|
+
--pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
|
|
8180
|
+
--pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
|
|
8181
|
+
--pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
|
|
8182
|
+
--pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
|
|
8183
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8184
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
|
|
8185
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8186
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
|
|
8187
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
|
|
8188
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
8189
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
8190
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
8191
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
8192
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
8193
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
8194
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
8195
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
8196
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8197
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8198
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8199
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8200
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8201
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
8202
|
+
--pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
|
|
8203
|
+
--pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
|
|
8204
|
+
--pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
|
|
8205
|
+
--pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
|
|
8206
|
+
--pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
|
|
8207
|
+
--pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
|
|
8208
|
+
--pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
|
|
8209
|
+
--pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
|
|
8210
|
+
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
8211
|
+
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
8212
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
8213
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
8214
|
+
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
8215
|
+
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8216
|
+
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
8217
|
+
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
8218
|
+
--pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
|
|
8219
|
+
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
8220
|
+
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
8221
|
+
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
8222
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
8223
|
+
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
8224
|
+
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
8225
|
+
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
8226
|
+
--pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
|
|
8227
|
+
--pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
|
|
8228
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8229
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
|
|
8230
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
|
|
8231
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
|
|
8232
|
+
--pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
|
|
8233
|
+
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
8234
|
+
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
8235
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
8236
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8237
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
|
|
8238
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
8239
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
8240
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
8241
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8242
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
|
|
8243
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
|
|
8244
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
8245
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8246
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8247
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8248
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8249
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8250
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8251
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8252
|
+
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
8253
|
+
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
8254
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8255
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8256
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
8257
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8258
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8259
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8260
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8261
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8262
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
8263
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8264
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8265
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8266
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8267
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8268
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8269
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8270
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8271
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8272
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
8273
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8274
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
8275
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8276
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8277
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
8278
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
8279
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
8280
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
8281
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
8282
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
|
|
8283
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
|
|
8284
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
|
|
8285
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
8286
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
8287
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
8288
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
|
|
8289
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
|
|
8290
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
|
|
8291
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
|
|
8292
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
|
|
8293
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
|
|
8294
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
|
|
8295
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
|
|
8296
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
|
|
8297
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
|
|
8298
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
|
|
8299
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
|
|
8300
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
|
|
8301
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
|
|
8302
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
|
|
8303
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
|
|
8304
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
|
|
8305
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
|
|
8306
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
8307
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
8308
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
8309
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8310
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
8311
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
8312
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8313
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8314
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8315
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8316
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8317
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8318
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8319
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
8320
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
8321
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8322
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
8323
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
8324
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8325
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
8326
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
8327
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8328
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
8329
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
8330
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8331
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
8332
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
8333
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8334
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
8335
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
8336
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8337
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
8338
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
8339
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
8340
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
8341
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
8342
|
+
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
8343
|
+
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
8344
|
+
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
8345
|
+
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
8346
|
+
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
8347
|
+
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
8348
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
|
|
8349
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
|
|
8350
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
|
|
8351
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
8352
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
8353
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
8354
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
|
|
8355
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
|
|
8356
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
|
|
8357
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
|
|
8358
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
|
|
8359
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
|
|
8360
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
|
|
8361
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
|
|
8362
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
|
|
8363
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
|
|
8364
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
|
|
8365
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
|
|
8366
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
|
|
8367
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
|
|
8368
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
|
|
8369
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
|
|
8370
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
|
|
8371
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
|
|
8372
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
8373
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
8374
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
8375
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
8376
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
8377
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
8378
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
8379
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8380
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8381
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8382
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8383
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8384
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8385
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8386
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8387
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8388
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
8389
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
8390
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
8391
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8392
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
8393
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
8394
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
8395
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
8396
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
8397
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
8398
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
8399
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
8400
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
8401
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
8402
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8403
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
8404
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
8405
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
8406
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
8407
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
8408
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
8409
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
8410
|
+
}
|
|
8411
|
+
|
|
8412
|
+
:root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
7250
8413
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7251
8414
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7252
8415
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
@@ -7255,6 +8418,7 @@ button) {
|
|
|
7255
8418
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7256
8419
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7257
8420
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
8421
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
7258
8422
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7259
8423
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7260
8424
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -7271,6 +8435,7 @@ button) {
|
|
|
7271
8435
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7272
8436
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7273
8437
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
8438
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7274
8439
|
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
7275
8440
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7276
8441
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
@@ -7278,6 +8443,7 @@ button) {
|
|
|
7278
8443
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7279
8444
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7280
8445
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
8446
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
7281
8447
|
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7282
8448
|
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
7283
8449
|
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
@@ -7286,6 +8452,7 @@ button) {
|
|
|
7286
8452
|
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
7287
8453
|
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
7288
8454
|
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
8455
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
7289
8456
|
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
7290
8457
|
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
7291
8458
|
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
@@ -7308,6 +8475,7 @@ button) {
|
|
|
7308
8475
|
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
7309
8476
|
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
7310
8477
|
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
8478
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
7311
8479
|
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
7312
8480
|
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
7313
8481
|
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
@@ -7315,16 +8483,20 @@ button) {
|
|
|
7315
8483
|
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
7316
8484
|
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
7317
8485
|
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
8486
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
7318
8487
|
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
7319
8488
|
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
7320
8489
|
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
7321
8490
|
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
7322
8491
|
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
7323
8492
|
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
8493
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
7324
8494
|
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
7325
8495
|
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
8496
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
7326
8497
|
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7327
8498
|
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
8499
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
7328
8500
|
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
7329
8501
|
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
7330
8502
|
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
@@ -7335,29 +8507,30 @@ button) {
|
|
|
7335
8507
|
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
7336
8508
|
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
7337
8509
|
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
7338
|
-
--pf-t--global--
|
|
7339
|
-
--pf-t--global--background--color--action--plain--alt--
|
|
7340
|
-
--pf-t--global--background--color--
|
|
8510
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
8511
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8512
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8513
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
7341
8514
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
7342
|
-
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--
|
|
7343
|
-
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--
|
|
7344
|
-
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--
|
|
7345
|
-
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--
|
|
8515
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
8516
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
8517
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
8518
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
7346
8519
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
7347
8520
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
7348
8521
|
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
7349
8522
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
7350
8523
|
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
7351
|
-
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--
|
|
7352
|
-
--pf-t--global--background--color--primary--
|
|
7353
|
-
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
|
|
8524
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8525
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
7354
8526
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7355
8527
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
7356
8528
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8529
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7357
8530
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7358
8531
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
7359
|
-
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--
|
|
7360
|
-
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--
|
|
8532
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
8533
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
7361
8534
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
7362
8535
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7363
8536
|
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
@@ -7386,7 +8559,7 @@ button) {
|
|
|
7386
8559
|
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7387
8560
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7388
8561
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7389
|
-
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--
|
|
8562
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
7390
8563
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
7391
8564
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
7392
8565
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
@@ -7396,9 +8569,9 @@ button) {
|
|
|
7396
8569
|
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7397
8570
|
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
7398
8571
|
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
7399
|
-
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--
|
|
7400
|
-
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--
|
|
7401
|
-
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--
|
|
8572
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8573
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
8574
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
7402
8575
|
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
7403
8576
|
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
7404
8577
|
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
@@ -7420,21 +8593,22 @@ button) {
|
|
|
7420
8593
|
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7421
8594
|
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
7422
8595
|
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
7423
|
-
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--
|
|
7424
|
-
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--
|
|
7425
|
-
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--
|
|
7426
|
-
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--
|
|
7427
|
-
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--
|
|
7428
|
-
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--
|
|
8596
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
8597
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
8598
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
8599
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
8600
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
8601
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
7429
8602
|
--pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
|
|
7430
8603
|
--pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
|
|
7431
8604
|
--pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
|
|
7432
|
-
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--
|
|
7433
|
-
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--
|
|
7434
|
-
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--
|
|
8605
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
8606
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
8607
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
7435
8608
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
7436
8609
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
7437
8610
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
8611
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
7438
8612
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7439
8613
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7440
8614
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
@@ -7442,7 +8616,7 @@ button) {
|
|
|
7442
8616
|
--pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
|
|
7443
8617
|
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
7444
8618
|
--pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
|
|
7445
|
-
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--
|
|
8619
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
7446
8620
|
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
|
|
7447
8621
|
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
|
|
7448
8622
|
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
|
|
@@ -7456,19 +8630,20 @@ button) {
|
|
|
7456
8630
|
--pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
|
|
7457
8631
|
--pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
|
|
7458
8632
|
--pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
|
|
7459
|
-
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--
|
|
7460
|
-
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--
|
|
8633
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
8634
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
7461
8635
|
--pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
|
|
7462
8636
|
--pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
|
|
7463
8637
|
--pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
|
|
7464
8638
|
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
|
|
7465
|
-
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--
|
|
8639
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
7466
8640
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
7467
8641
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
7468
|
-
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
7469
8642
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7470
8643
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
7471
8644
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8645
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8646
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
7472
8647
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7473
8648
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7474
8649
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7838,6 +9013,9 @@ button) {
|
|
|
7838
9013
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7839
9014
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7840
9015
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
9016
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
9017
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9018
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
7841
9019
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7842
9020
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7843
9021
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7846,15 +9024,22 @@ button) {
|
|
|
7846
9024
|
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7847
9025
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
7848
9026
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
9027
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
|
7849
9028
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7850
9029
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7851
|
-
--pf-v6-c-accordion__expandable-content--MarginBlockEnd:
|
|
9030
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
|
7852
9031
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
7853
9032
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7854
9033
|
--pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7855
9034
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7856
9035
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9036
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
|
|
7857
9037
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
9038
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
9039
|
+
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
9040
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
9041
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
9042
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7858
9043
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7859
9044
|
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7860
9045
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
@@ -7891,6 +9076,12 @@ button) {
|
|
|
7891
9076
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
7892
9077
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7893
9078
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
9079
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
9080
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9081
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9082
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: 0;
|
|
9083
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9084
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
7894
9085
|
}
|
|
7895
9086
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7896
9087
|
.pf-v6-c-accordion {
|
|
@@ -7929,6 +9120,7 @@ button) {
|
|
|
7929
9120
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
7930
9121
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
7931
9122
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
9123
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
7932
9124
|
}
|
|
7933
9125
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
7934
9126
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -7943,6 +9135,7 @@ button) {
|
|
|
7943
9135
|
pointer-events: none;
|
|
7944
9136
|
content: "";
|
|
7945
9137
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
9138
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
|
7946
9139
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7947
9140
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7948
9141
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -7952,17 +9145,22 @@ button) {
|
|
|
7952
9145
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7953
9146
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7954
9147
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
9148
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
|
|
7955
9149
|
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7956
9150
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7957
9151
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7958
9152
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
9153
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
7959
9154
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7960
9155
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7961
9156
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7962
9157
|
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7963
|
-
|
|
7964
|
-
|
|
7965
|
-
|
|
9158
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
|
|
9159
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
|
|
9160
|
+
--pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
|
|
9161
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9162
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9163
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
7966
9164
|
}
|
|
7967
9165
|
|
|
7968
9166
|
.pf-v6-c-accordion__toggle {
|
|
@@ -7983,8 +9181,17 @@ button) {
|
|
|
7983
9181
|
border: 0;
|
|
7984
9182
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
7985
9183
|
}
|
|
9184
|
+
.pf-v6-c-accordion__toggle::after {
|
|
9185
|
+
position: absolute;
|
|
9186
|
+
inset: 0;
|
|
9187
|
+
pointer-events: none;
|
|
9188
|
+
content: "";
|
|
9189
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
|
9190
|
+
border-radius: inherit;
|
|
9191
|
+
}
|
|
7986
9192
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
7987
9193
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
|
9194
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
|
7988
9195
|
}
|
|
7989
9196
|
|
|
7990
9197
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -7998,6 +9205,7 @@ button) {
|
|
|
7998
9205
|
|
|
7999
9206
|
.pf-v6-c-accordion__toggle-icon {
|
|
8000
9207
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9208
|
+
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
8001
9209
|
}
|
|
8002
9210
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
8003
9211
|
scale: -1 1;
|
|
@@ -8008,13 +9216,15 @@ button) {
|
|
|
8008
9216
|
}
|
|
8009
9217
|
|
|
8010
9218
|
.pf-v6-c-accordion__expandable-content {
|
|
8011
|
-
max-height:
|
|
9219
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9220
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
8012
9221
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
8013
9222
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
8014
9223
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
8015
9224
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
8016
|
-
visibility:
|
|
9225
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
8017
9226
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9227
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
8018
9228
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
8019
9229
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
8020
9230
|
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);
|
|
@@ -8024,17 +9234,9 @@ button) {
|
|
|
8024
9234
|
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
8025
9235
|
}
|
|
8026
9236
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9237
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
8027
9238
|
overflow-y: auto;
|
|
8028
9239
|
}
|
|
8029
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
8030
|
-
max-height: 99999px;
|
|
8031
|
-
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
8032
|
-
visibility: revert;
|
|
8033
|
-
transition-delay: 0s;
|
|
8034
|
-
}
|
|
8035
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
8036
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
8037
|
-
}
|
|
8038
9240
|
|
|
8039
9241
|
.pf-v6-c-accordion__expandable-content-body {
|
|
8040
9242
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8337,7 +9539,8 @@ button) {
|
|
|
8337
9539
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8338
9540
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8339
9541
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8340
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
|
9542
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9543
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8341
9544
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8342
9545
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8343
9546
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -8346,6 +9549,7 @@ button) {
|
|
|
8346
9549
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
8347
9550
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
8348
9551
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
9552
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
8349
9553
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
8350
9554
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
8351
9555
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
@@ -8376,10 +9580,23 @@ button) {
|
|
|
8376
9580
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
8377
9581
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
8378
9582
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
8379
|
-
border
|
|
9583
|
+
border: 0;
|
|
8380
9584
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
8381
9585
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
8382
9586
|
}
|
|
9587
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
|
9588
|
+
position: absolute;
|
|
9589
|
+
inset: 0;
|
|
9590
|
+
pointer-events: none;
|
|
9591
|
+
content: "";
|
|
9592
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
|
9593
|
+
border-radius: inherit;
|
|
9594
|
+
}
|
|
9595
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
9596
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
|
9597
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
9598
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
9599
|
+
}
|
|
8383
9600
|
|
|
8384
9601
|
.pf-v6-c-alert-group__item {
|
|
8385
9602
|
display: grid;
|
|
@@ -8435,19 +9652,6 @@ button) {
|
|
|
8435
9652
|
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
|
|
8436
9653
|
}
|
|
8437
9654
|
}
|
|
8438
|
-
.pf-v6-c-alert-group__item:hover {
|
|
8439
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
8440
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
8441
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
8442
|
-
}
|
|
8443
|
-
.pf-v6-c-alert-group__item:focus {
|
|
8444
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
8445
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
8446
|
-
}
|
|
8447
|
-
.pf-v6-c-alert-group__item:active {
|
|
8448
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
8449
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
8450
|
-
}
|
|
8451
9655
|
|
|
8452
9656
|
.pf-v6-c-avatar {
|
|
8453
9657
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -8789,6 +9993,7 @@ button) {
|
|
|
8789
9993
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8790
9994
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8791
9995
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
9996
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8792
9997
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8793
9998
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
8794
9999
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -8821,6 +10026,7 @@ button) {
|
|
|
8821
10026
|
border-radius: inherit;
|
|
8822
10027
|
}
|
|
8823
10028
|
.pf-v6-c-badge.pf-m-read {
|
|
10029
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
8824
10030
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
8825
10031
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
8826
10032
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -8853,6 +10059,8 @@ button) {
|
|
|
8853
10059
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8854
10060
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8855
10061
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
10062
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10063
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
8856
10064
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
8857
10065
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
8858
10066
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -8903,6 +10111,8 @@ button) {
|
|
|
8903
10111
|
color: var(--pf-v6-c-banner--Color);
|
|
8904
10112
|
white-space: nowrap;
|
|
8905
10113
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
10114
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
10115
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
8906
10116
|
}
|
|
8907
10117
|
.pf-v6-c-banner.pf-m-danger {
|
|
8908
10118
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -9182,9 +10392,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9182
10392
|
--pf-v6-c-button--TransitionDelay: 0s;
|
|
9183
10393
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
9184
10394
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9185
|
-
--pf-v6-c-button--TransitionProperty: color, background, border-
|
|
10395
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-color;
|
|
9186
10396
|
--pf-v6-c-button--ScaleX: 1;
|
|
9187
10397
|
--pf-v6-c-button--ScaleY: 1;
|
|
10398
|
+
--pf-v6-c-button--border--offset: 0;
|
|
9188
10399
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
9189
10400
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
9190
10401
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -9248,6 +10459,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9248
10459
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
9249
10460
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9250
10461
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10462
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10463
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10464
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10465
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10466
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10467
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9251
10468
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
9252
10469
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9253
10470
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -9298,6 +10515,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9298
10515
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
9299
10516
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9300
10517
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10518
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10519
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10520
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10521
|
+
--pf-v6-c-button--m-plain--BorderColor: transparent;
|
|
10522
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10523
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9301
10524
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
9302
10525
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
9303
10526
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -9310,7 +10533,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9310
10533
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9311
10534
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
9312
10535
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
9313
|
-
--pf-v6-c-
|
|
10536
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
9314
10537
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
9315
10538
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9316
10539
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -9445,7 +10668,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9445
10668
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9446
10669
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9447
10670
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9448
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
|
10671
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
|
9449
10672
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9450
10673
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9451
10674
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -9501,7 +10724,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9501
10724
|
}
|
|
9502
10725
|
.pf-v6-c-button::after {
|
|
9503
10726
|
position: absolute;
|
|
9504
|
-
inset:
|
|
10727
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
9505
10728
|
pointer-events: none;
|
|
9506
10729
|
content: "";
|
|
9507
10730
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -9565,6 +10788,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9565
10788
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
9566
10789
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
9567
10790
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
|
10791
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
|
10792
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
|
10793
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
|
10794
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
|
10795
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
|
10796
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
|
9568
10797
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
9569
10798
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
9570
10799
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -9604,6 +10833,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9604
10833
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
9605
10834
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
9606
10835
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
10836
|
+
--pf-v6-c-button--BorderWidth: 0;
|
|
10837
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10838
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
9607
10839
|
text-align: start;
|
|
9608
10840
|
white-space: normal;
|
|
9609
10841
|
background: transparent;
|
|
@@ -9711,6 +10943,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9711
10943
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
9712
10944
|
}
|
|
9713
10945
|
.pf-v6-c-button.pf-m-plain {
|
|
10946
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
|
10947
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
|
10948
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
|
10949
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
|
10950
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
|
10951
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
|
9714
10952
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
9715
10953
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
9716
10954
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -9739,6 +10977,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9739
10977
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
9740
10978
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9741
10979
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
10980
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
|
9742
10981
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9743
10982
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9744
10983
|
}
|
|
@@ -9831,6 +11070,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9831
11070
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
9832
11071
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9833
11072
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
11073
|
+
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
9834
11074
|
}
|
|
9835
11075
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
9836
11076
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -10010,6 +11250,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10010
11250
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
10011
11251
|
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
10012
11252
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
11253
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11254
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
11255
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
10013
11256
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10014
11257
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
10015
11258
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
@@ -10017,15 +11260,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10017
11260
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10018
11261
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10019
11262
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11263
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11264
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10020
11265
|
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
10021
11266
|
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
10022
11267
|
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
11268
|
+
--pf-v6-c-calendar-month__date--BorderWidth: 0;
|
|
11269
|
+
--pf-v6-c-calendar-month__date--BorderColor: transparent;
|
|
10023
11270
|
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
10024
11271
|
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
10025
11272
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
10026
11273
|
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
10027
11274
|
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
10028
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth:
|
|
11275
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: 0;
|
|
10029
11276
|
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
10030
11277
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
10031
11278
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -10034,7 +11281,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10034
11281
|
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
10035
11282
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
10036
11283
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11284
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
10037
11285
|
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
11286
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11287
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11288
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
11289
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
|
|
10038
11290
|
}
|
|
10039
11291
|
|
|
10040
11292
|
.pf-v6-c-calendar-month {
|
|
@@ -10107,13 +11359,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10107
11359
|
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
10108
11360
|
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
10109
11361
|
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
11362
|
+
pointer-events: none;
|
|
10110
11363
|
content: "";
|
|
10111
11364
|
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
11365
|
+
border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
|
|
11366
|
+
border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
|
|
10112
11367
|
}
|
|
10113
11368
|
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
10114
11369
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
11370
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
|
|
11371
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
|
|
10115
11372
|
}
|
|
10116
11373
|
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
11374
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
|
|
11375
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
|
|
10117
11376
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
10118
11377
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
10119
11378
|
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
@@ -10132,14 +11391,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10132
11391
|
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
10133
11392
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
10134
11393
|
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
11394
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
11395
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
|
|
10135
11396
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
10136
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth:
|
|
11397
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
10137
11398
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
10138
11399
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
10139
11400
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
10140
11401
|
}
|
|
10141
11402
|
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
10142
11403
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
11404
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
11405
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
10143
11406
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
10144
11407
|
}
|
|
10145
11408
|
|
|
@@ -10155,6 +11418,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10155
11418
|
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
10156
11419
|
border: 0;
|
|
10157
11420
|
}
|
|
11421
|
+
.pf-v6-c-calendar-month__date::before {
|
|
11422
|
+
position: absolute;
|
|
11423
|
+
inset: 0;
|
|
11424
|
+
content: "";
|
|
11425
|
+
border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
|
|
11426
|
+
}
|
|
10158
11427
|
.pf-v6-c-calendar-month__date::after {
|
|
10159
11428
|
position: absolute;
|
|
10160
11429
|
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
@@ -10164,15 +11433,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10164
11433
|
content: "";
|
|
10165
11434
|
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
10166
11435
|
}
|
|
10167
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
11436
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
|
|
10168
11437
|
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
10169
11438
|
}
|
|
10170
11439
|
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
10171
11440
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
10172
|
-
|
|
11441
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
11442
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
|
|
10173
11443
|
}
|
|
10174
11444
|
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
10175
11445
|
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
11446
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
|
|
10176
11447
|
outline: 0;
|
|
10177
11448
|
}
|
|
10178
11449
|
.pf-v6-c-calendar-month__date:disabled {
|
|
@@ -10223,6 +11494,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10223
11494
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10224
11495
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
10225
11496
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11497
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10226
11498
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10227
11499
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10228
11500
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10253,7 +11525,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10253
11525
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10254
11526
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10255
11527
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10256
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
11528
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11529
|
+
--pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10257
11530
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
10258
11531
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
10259
11532
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -10340,6 +11613,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10340
11613
|
}
|
|
10341
11614
|
.pf-v6-c-card.pf-m-secondary {
|
|
10342
11615
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
|
|
11616
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
|
|
10343
11617
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
10344
11618
|
}
|
|
10345
11619
|
.pf-v6-c-card.pf-m-plain {
|
|
@@ -10412,7 +11686,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10412
11686
|
}
|
|
10413
11687
|
|
|
10414
11688
|
.pf-v6-c-card__title-text {
|
|
10415
|
-
overflow: auto;
|
|
10416
11689
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
10417
11690
|
font-size: var(--pf-v6-c-card__title-text--FontSize);
|
|
10418
11691
|
font-weight: var(--pf-v6-c-card__title-text--FontWeight);
|
|
@@ -10454,17 +11727,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10454
11727
|
z-index: -1;
|
|
10455
11728
|
content: "";
|
|
10456
11729
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
10457
|
-
border: var(--pf-v6-c-card--
|
|
11730
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
10458
11731
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
10459
11732
|
}
|
|
10460
11733
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
10461
11734
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
11735
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
|
10462
11736
|
}
|
|
10463
11737
|
|
|
10464
11738
|
.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),
|
|
10465
11739
|
.pf-v6-c-card.pf-m-selected {
|
|
10466
11740
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
10467
|
-
--pf-v6-c-card--
|
|
11741
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
10468
11742
|
}
|
|
10469
11743
|
|
|
10470
11744
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -10718,6 +11992,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10718
11992
|
}
|
|
10719
11993
|
|
|
10720
11994
|
.pf-v6-c-code-block {
|
|
11995
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11996
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10721
11997
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10722
11998
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10723
11999
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -10736,6 +12012,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10736
12012
|
|
|
10737
12013
|
.pf-v6-c-code-block {
|
|
10738
12014
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
12015
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
|
10739
12016
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
10740
12017
|
}
|
|
10741
12018
|
|
|
@@ -10776,6 +12053,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10776
12053
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
10777
12054
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
10778
12055
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
12056
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
12057
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
|
12058
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
12059
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
10779
12060
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10780
12061
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10781
12062
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10810,6 +12091,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10810
12091
|
--pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10811
12092
|
--pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10812
12093
|
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12094
|
+
--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
10813
12095
|
--pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
|
|
10814
12096
|
--pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10815
12097
|
--pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
|
|
@@ -10829,6 +12111,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10829
12111
|
flex-direction: column;
|
|
10830
12112
|
}
|
|
10831
12113
|
.pf-v6-c-code-editor.pf-m-read-only {
|
|
12114
|
+
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
|
|
10832
12115
|
--pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
10833
12116
|
}
|
|
10834
12117
|
.pf-v6-c-code-editor.pf-m-full-height {
|
|
@@ -10845,16 +12128,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10845
12128
|
position: relative;
|
|
10846
12129
|
display: flex;
|
|
10847
12130
|
}
|
|
10848
|
-
.pf-v6-c-code-editor__header::before {
|
|
12131
|
+
.pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
|
|
12132
|
+
position: absolute;
|
|
12133
|
+
pointer-events: none;
|
|
12134
|
+
content: "";
|
|
12135
|
+
}
|
|
12136
|
+
.pf-v6-c-code-editor__header::after {
|
|
10849
12137
|
position: absolute;
|
|
12138
|
+
inset: 0;
|
|
12139
|
+
pointer-events: none;
|
|
12140
|
+
content: "";
|
|
12141
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
12142
|
+
border-block-end-width: 0;
|
|
12143
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
|
12144
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
|
12145
|
+
}
|
|
12146
|
+
.pf-v6-c-code-editor__header::before {
|
|
10850
12147
|
inset-block-end: 0;
|
|
10851
12148
|
inset-inline-start: 0;
|
|
10852
12149
|
inset-inline-end: 0;
|
|
10853
|
-
pointer-events: none;
|
|
10854
|
-
content: "";
|
|
10855
12150
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
|
10856
12151
|
}
|
|
10857
12152
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
12153
|
+
--pf-v6-c-code-editor__header--BorderWidth: 0;
|
|
10858
12154
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
10859
12155
|
}
|
|
10860
12156
|
|
|
@@ -10951,6 +12247,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10951
12247
|
padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
|
|
10952
12248
|
padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
|
|
10953
12249
|
padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
|
|
12250
|
+
margin-inline-start: auto;
|
|
10954
12251
|
color: var(--pf-v6-c-code-editor__tab--Color);
|
|
10955
12252
|
background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
|
|
10956
12253
|
border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
|
|
@@ -12510,8 +13807,12 @@ ul) {
|
|
|
12510
13807
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12511
13808
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12512
13809
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13810
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
13811
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12513
13812
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
13813
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
12514
13814
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
13815
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
12515
13816
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
12516
13817
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
12517
13818
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12617,6 +13918,7 @@ ul) {
|
|
|
12617
13918
|
overflow: auto;
|
|
12618
13919
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
12619
13920
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
13921
|
+
outline-offset: 2px;
|
|
12620
13922
|
}
|
|
12621
13923
|
|
|
12622
13924
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -12641,7 +13943,7 @@ ul) {
|
|
|
12641
13943
|
overflow-anchor: none;
|
|
12642
13944
|
}
|
|
12643
13945
|
|
|
12644
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
13946
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
12645
13947
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
12646
13948
|
}
|
|
12647
13949
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -12675,22 +13977,34 @@ ul) {
|
|
|
12675
13977
|
}
|
|
12676
13978
|
|
|
12677
13979
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
13980
|
+
position: relative;
|
|
12678
13981
|
display: flex;
|
|
12679
13982
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12680
13983
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
12681
13984
|
}
|
|
13985
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
|
13986
|
+
position: absolute;
|
|
13987
|
+
inset: 0;
|
|
13988
|
+
pointer-events: none;
|
|
13989
|
+
content: "";
|
|
13990
|
+
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);
|
|
13991
|
+
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);
|
|
13992
|
+
}
|
|
12682
13993
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
12683
13994
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
|
13995
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
|
12684
13996
|
}
|
|
12685
13997
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
12686
13998
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
12687
13999
|
font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
|
|
12688
14000
|
}
|
|
12689
|
-
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
14001
|
+
.pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
|
|
12690
14002
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
14003
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
12691
14004
|
}
|
|
12692
14005
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
12693
14006
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
14007
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
|
|
12694
14008
|
}
|
|
12695
14009
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
12696
14010
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -12704,7 +14018,7 @@ ul) {
|
|
|
12704
14018
|
|
|
12705
14019
|
.pf-v6-c-dual-list-selector__item,
|
|
12706
14020
|
.pf-v6-c-dual-list-selector__item-main {
|
|
12707
|
-
flex-
|
|
14021
|
+
flex-grow: 1;
|
|
12708
14022
|
}
|
|
12709
14023
|
|
|
12710
14024
|
.pf-v6-c-dual-list-selector__draggable {
|
|
@@ -12723,7 +14037,7 @@ ul) {
|
|
|
12723
14037
|
|
|
12724
14038
|
.pf-v6-c-dual-list-selector__item {
|
|
12725
14039
|
position: relative;
|
|
12726
|
-
width:
|
|
14040
|
+
min-width: 0;
|
|
12727
14041
|
padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
|
|
12728
14042
|
padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
|
|
12729
14043
|
padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
@@ -12843,6 +14157,8 @@ ul) {
|
|
|
12843
14157
|
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
12844
14158
|
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
12845
14159
|
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
14160
|
+
--pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14161
|
+
--pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12846
14162
|
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
12847
14163
|
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
12848
14164
|
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -12873,6 +14189,7 @@ ul) {
|
|
|
12873
14189
|
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
12874
14190
|
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
12875
14191
|
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
14192
|
+
border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
|
|
12876
14193
|
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
12877
14194
|
}
|
|
12878
14195
|
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
@@ -12962,6 +14279,8 @@ ul) {
|
|
|
12962
14279
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
12963
14280
|
content: "";
|
|
12964
14281
|
background-color: var(--pf-v6-c-divider--Color);
|
|
14282
|
+
border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
14283
|
+
border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
12965
14284
|
}
|
|
12966
14285
|
.pf-v6-c-divider.pf-m-horizontal {
|
|
12967
14286
|
flex-direction: row;
|
|
@@ -13210,6 +14529,11 @@ ul) {
|
|
|
13210
14529
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
13211
14530
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
13212
14531
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14532
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
14533
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14534
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14535
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14536
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13213
14537
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13214
14538
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13215
14539
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -13306,13 +14630,15 @@ ul) {
|
|
|
13306
14630
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
13307
14631
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
13308
14632
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13309
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--
|
|
13310
|
-
--pf-v6-c-drawer--m-
|
|
13311
|
-
--pf-v6-c-
|
|
14633
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14634
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: 0;
|
|
14635
|
+
--pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
|
|
14636
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14637
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
13312
14638
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
13313
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
13314
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
13315
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
|
14639
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
14640
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14641
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
13316
14642
|
}
|
|
13317
14643
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13318
14644
|
.pf-v6-c-drawer {
|
|
@@ -13353,6 +14679,7 @@ ul) {
|
|
|
13353
14679
|
|
|
13354
14680
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
13355
14681
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14682
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13356
14683
|
}
|
|
13357
14684
|
.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) {
|
|
13358
14685
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -13453,6 +14780,11 @@ ul) {
|
|
|
13453
14780
|
overflow: auto;
|
|
13454
14781
|
visibility: hidden;
|
|
13455
14782
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
14783
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
14784
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
14785
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14786
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14787
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
13456
14788
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13457
14789
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13458
14790
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -13461,15 +14793,6 @@ ul) {
|
|
|
13461
14793
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
13462
14794
|
-webkit-overflow-scrolling: touch;
|
|
13463
14795
|
}
|
|
13464
|
-
.pf-v6-c-drawer__panel::after {
|
|
13465
|
-
position: absolute;
|
|
13466
|
-
inset-block-start: 0;
|
|
13467
|
-
inset-inline-start: 0;
|
|
13468
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
13469
|
-
height: 100%;
|
|
13470
|
-
content: "";
|
|
13471
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
13472
|
-
}
|
|
13473
14796
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
13474
14797
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
13475
14798
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -13617,6 +14940,7 @@ ul) {
|
|
|
13617
14940
|
|
|
13618
14941
|
@media screen and (min-width: 48rem) {
|
|
13619
14942
|
.pf-v6-c-drawer {
|
|
14943
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
13620
14944
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
13621
14945
|
}
|
|
13622
14946
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -13624,13 +14948,13 @@ ul) {
|
|
|
13624
14948
|
}
|
|
13625
14949
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13626
14950
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
|
14951
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14952
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14953
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14954
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13627
14955
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
13628
14956
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
13629
14957
|
}
|
|
13630
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
13631
|
-
width: 0;
|
|
13632
|
-
height: 0;
|
|
13633
|
-
}
|
|
13634
14958
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
13635
14959
|
flex-shrink: 0;
|
|
13636
14960
|
}
|
|
@@ -13639,18 +14963,17 @@ ul) {
|
|
|
13639
14963
|
}
|
|
13640
14964
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
13641
14965
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
14966
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14967
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
13642
14968
|
}
|
|
13643
14969
|
.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) {
|
|
14970
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13644
14971
|
padding-inline-start: 0;
|
|
13645
14972
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
13646
14973
|
}
|
|
13647
14974
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13648
14975
|
transform: translateX(0);
|
|
13649
14976
|
}
|
|
13650
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13651
|
-
inset-inline-start: auto;
|
|
13652
|
-
inset-inline-end: 0;
|
|
13653
|
-
}
|
|
13654
14977
|
.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 {
|
|
13655
14978
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
13656
14979
|
order: 1;
|
|
@@ -13659,19 +14982,16 @@ ul) {
|
|
|
13659
14982
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
13660
14983
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
13661
14984
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14985
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14986
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13662
14987
|
min-width: auto;
|
|
13663
14988
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
13664
14989
|
}
|
|
13665
14990
|
.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) {
|
|
14991
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13666
14992
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
13667
14993
|
padding-inline-start: 0;
|
|
13668
14994
|
}
|
|
13669
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13670
|
-
inset-block-start: 0;
|
|
13671
|
-
inset-inline-start: auto;
|
|
13672
|
-
width: 100%;
|
|
13673
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13674
|
-
}
|
|
13675
14995
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13676
14996
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
13677
14997
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -13700,6 +15020,10 @@ ul) {
|
|
|
13700
15020
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
13701
15021
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
13702
15022
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
15023
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
15024
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
15025
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
15026
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13703
15027
|
}
|
|
13704
15028
|
.pf-v6-c-drawer__splitter {
|
|
13705
15029
|
display: block;
|
|
@@ -13794,9 +15118,9 @@ ul) {
|
|
|
13794
15118
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13795
15119
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13796
15120
|
}
|
|
13797
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13798
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13799
|
-
|
|
15121
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15122
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15123
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13800
15124
|
}
|
|
13801
15125
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13802
15126
|
overflow-x: auto;
|
|
@@ -13861,9 +15185,9 @@ ul) {
|
|
|
13861
15185
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13862
15186
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13863
15187
|
}
|
|
13864
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13865
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13866
|
-
|
|
15188
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15189
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15190
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13867
15191
|
}
|
|
13868
15192
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13869
15193
|
overflow-x: auto;
|
|
@@ -13928,9 +15252,9 @@ ul) {
|
|
|
13928
15252
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13929
15253
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13930
15254
|
}
|
|
13931
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13932
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13933
|
-
|
|
15255
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15256
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15257
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13934
15258
|
}
|
|
13935
15259
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13936
15260
|
overflow-x: auto;
|
|
@@ -13995,9 +15319,9 @@ ul) {
|
|
|
13995
15319
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13996
15320
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13997
15321
|
}
|
|
13998
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13999
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
14000
|
-
|
|
15322
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15323
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15324
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
14001
15325
|
}
|
|
14002
15326
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
14003
15327
|
overflow-x: auto;
|
|
@@ -14213,6 +15537,7 @@ ul) {
|
|
|
14213
15537
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
14214
15538
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
14215
15539
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
15540
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
14216
15541
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
14217
15542
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
14218
15543
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
@@ -14260,6 +15585,7 @@ ul) {
|
|
|
14260
15585
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14261
15586
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14262
15587
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
15588
|
+
--pf-v6-c-expandable-section__content--Overflow: visible;
|
|
14263
15589
|
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14264
15590
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14265
15591
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
@@ -14295,6 +15621,7 @@ ul) {
|
|
|
14295
15621
|
}
|
|
14296
15622
|
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
14297
15623
|
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
15624
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14298
15625
|
}
|
|
14299
15626
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
14300
15627
|
display: -webkit-box;
|
|
@@ -14321,13 +15648,14 @@ ul) {
|
|
|
14321
15648
|
.pf-v6-c-expandable-section__content {
|
|
14322
15649
|
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
14323
15650
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
14324
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart
|
|
15651
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
14325
15652
|
}
|
|
14326
15653
|
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14327
15654
|
display: revert;
|
|
14328
15655
|
}
|
|
14329
|
-
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
15656
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
14330
15657
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
15658
|
+
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
14331
15659
|
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14332
15660
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14333
15661
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
@@ -15106,6 +16434,12 @@ ul) {
|
|
|
15106
16434
|
.pf-v6-c-form-control > :is(input, select) {
|
|
15107
16435
|
text-overflow: ellipsis;
|
|
15108
16436
|
}
|
|
16437
|
+
.pf-v6-c-form-control > select {
|
|
16438
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
16439
|
+
}
|
|
16440
|
+
.pf-v6-c-form-control > select * {
|
|
16441
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
16442
|
+
}
|
|
15109
16443
|
.pf-v6-c-form-control:has(input) {
|
|
15110
16444
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
15111
16445
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
@@ -15251,17 +16585,10 @@ ul) {
|
|
|
15251
16585
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
15252
16586
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
15253
16587
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
15254
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
15255
16588
|
}
|
|
15256
16589
|
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
15257
16590
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
15258
16591
|
}
|
|
15259
|
-
@-moz-document url-prefix() {
|
|
15260
|
-
.pf-v6-c-form-control:has(select) {
|
|
15261
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
15262
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
15263
|
-
}
|
|
15264
|
-
}
|
|
15265
16592
|
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
15266
16593
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
15267
16594
|
}
|
|
@@ -16226,10 +17553,11 @@ label.pf-v6-c-input-group__text {
|
|
|
16226
17553
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16227
17554
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
16228
17555
|
--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)));
|
|
16229
|
-
--pf-v6-c-label--BorderWidth:
|
|
16230
|
-
--pf-v6-c-label--BorderColor:
|
|
17556
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17557
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16231
17558
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16232
17559
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17560
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
16233
17561
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
16234
17562
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16235
17563
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -16352,8 +17680,8 @@ label.pf-v6-c-input-group__text {
|
|
|
16352
17680
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
16353
17681
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
16354
17682
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
16355
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
16356
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
|
17683
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
17684
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16357
17685
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
16358
17686
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
16359
17687
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16366,8 +17694,10 @@ label.pf-v6-c-input-group__text {
|
|
|
16366
17694
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16367
17695
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16368
17696
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17697
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
16369
17698
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16370
17699
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17700
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
16371
17701
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16372
17702
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
16373
17703
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16388,15 +17718,15 @@ label.pf-v6-c-input-group__text {
|
|
|
16388
17718
|
--pf-v6-c-label__content--Cursor: initial;
|
|
16389
17719
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16390
17720
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
16391
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
17721
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
16392
17722
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16393
17723
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16394
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
16395
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
16396
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
16397
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
16398
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
16399
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
|
17724
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
|
17725
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
|
17726
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
|
17727
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
|
17728
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
|
17729
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
|
16400
17730
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
16401
17731
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
16402
17732
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -16416,6 +17746,7 @@ label.pf-v6-c-input-group__text {
|
|
|
16416
17746
|
|
|
16417
17747
|
.pf-v6-c-label {
|
|
16418
17748
|
position: relative;
|
|
17749
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
16419
17750
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
16420
17751
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
16421
17752
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -16615,10 +17946,12 @@ label.pf-v6-c-input-group__text {
|
|
|
16615
17946
|
.pf-v6-c-label.pf-m-overflow {
|
|
16616
17947
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
16617
17948
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
|
17949
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
|
16618
17950
|
}
|
|
16619
17951
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16620
17952
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
16621
17953
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
|
17954
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
|
16622
17955
|
}
|
|
16623
17956
|
.pf-v6-c-label.pf-m-add {
|
|
16624
17957
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -16718,6 +18051,9 @@ input.pf-v6-c-label__content {
|
|
|
16718
18051
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
16719
18052
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
16720
18053
|
}
|
|
18054
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
18055
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
18056
|
+
}
|
|
16721
18057
|
|
|
16722
18058
|
.pf-v6-c-label-group {
|
|
16723
18059
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -16956,6 +18292,8 @@ ul.pf-v6-c-list {
|
|
|
16956
18292
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16957
18293
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
16958
18294
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18295
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18296
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16959
18297
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
16960
18298
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
16961
18299
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -17087,6 +18425,7 @@ ul.pf-v6-c-list {
|
|
|
17087
18425
|
align-self: start;
|
|
17088
18426
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
17089
18427
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
18428
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
17090
18429
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
17091
18430
|
}
|
|
17092
18431
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -17733,6 +19072,8 @@ ul.pf-v6-c-list {
|
|
|
17733
19072
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
17734
19073
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17735
19074
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
19075
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19076
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17736
19077
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17737
19078
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
17738
19079
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -17750,9 +19091,16 @@ ul.pf-v6-c-list {
|
|
|
17750
19091
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17751
19092
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17752
19093
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
19094
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
19095
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
17753
19096
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19097
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19098
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17754
19099
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
17755
19100
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19101
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19102
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19103
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17756
19104
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
17757
19105
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17758
19106
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -17928,6 +19276,7 @@ ul.pf-v6-c-list {
|
|
|
17928
19276
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17929
19277
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
17930
19278
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
19279
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
17931
19280
|
}
|
|
17932
19281
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
17933
19282
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -17952,6 +19301,7 @@ ul.pf-v6-c-list {
|
|
|
17952
19301
|
overflow: hidden;
|
|
17953
19302
|
color: var(--pf-v6-c-menu--Color);
|
|
17954
19303
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
19304
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
17955
19305
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
17956
19306
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
17957
19307
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -17996,6 +19346,7 @@ ul.pf-v6-c-list {
|
|
|
17996
19346
|
}
|
|
17997
19347
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
17998
19348
|
padding: 0;
|
|
19349
|
+
border: 0;
|
|
17999
19350
|
}
|
|
18000
19351
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
18001
19352
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -18064,6 +19415,8 @@ ul.pf-v6-c-list {
|
|
|
18064
19415
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
18065
19416
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
18066
19417
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
19418
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
19419
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
18067
19420
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
18068
19421
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
18069
19422
|
overflow: hidden;
|
|
@@ -18105,6 +19458,7 @@ ul.pf-v6-c-list {
|
|
|
18105
19458
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
18106
19459
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
18107
19460
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
19461
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
18108
19462
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
18109
19463
|
}
|
|
18110
19464
|
|
|
@@ -18138,6 +19492,8 @@ ul.pf-v6-c-list {
|
|
|
18138
19492
|
inset: 0;
|
|
18139
19493
|
content: "";
|
|
18140
19494
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
19495
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
19496
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
18141
19497
|
transition: inherit;
|
|
18142
19498
|
}
|
|
18143
19499
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -18162,6 +19518,7 @@ ul.pf-v6-c-list {
|
|
|
18162
19518
|
}
|
|
18163
19519
|
.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) {
|
|
18164
19520
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
19521
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
|
18165
19522
|
}
|
|
18166
19523
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
18167
19524
|
.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,
|
|
@@ -18350,19 +19707,19 @@ ul.pf-v6-c-list {
|
|
|
18350
19707
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18351
19708
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18352
19709
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
18353
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
|
19710
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18354
19711
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18355
19712
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18356
19713
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
18357
19714
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
18358
19715
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18359
19716
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18360
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
19717
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
18361
19718
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
18362
19719
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18363
19720
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
18364
19721
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18365
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
|
19722
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
18366
19723
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18367
19724
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18368
19725
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -18431,7 +19788,7 @@ ul.pf-v6-c-list {
|
|
|
18431
19788
|
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
18432
19789
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
18433
19790
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
18434
|
-
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
19791
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
18435
19792
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
18436
19793
|
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
18437
19794
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
@@ -18449,7 +19806,10 @@ ul.pf-v6-c-list {
|
|
|
18449
19806
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
18450
19807
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
18451
19808
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18452
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
|
19809
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19810
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19811
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19812
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
18453
19813
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18454
19814
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18455
19815
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -18575,6 +19935,7 @@ ul.pf-v6-c-list {
|
|
|
18575
19935
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
18576
19936
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18577
19937
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
19938
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
18578
19939
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
18579
19940
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18580
19941
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -18587,12 +19948,14 @@ ul.pf-v6-c-list {
|
|
|
18587
19948
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
18588
19949
|
}
|
|
18589
19950
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
18590
|
-
|
|
19951
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19952
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
18591
19953
|
}
|
|
18592
19954
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
18593
19955
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
18594
19956
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
18595
19957
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
19958
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
|
18596
19959
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
18597
19960
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18598
19961
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -18604,6 +19967,7 @@ ul.pf-v6-c-list {
|
|
|
18604
19967
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
18605
19968
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
18606
19969
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
|
19970
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
|
18607
19971
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
18608
19972
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
18609
19973
|
}
|
|
@@ -18852,6 +20216,8 @@ ul.pf-v6-c-list {
|
|
|
18852
20216
|
|
|
18853
20217
|
.pf-v6-c-modal-box {
|
|
18854
20218
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20219
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20220
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18855
20221
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18856
20222
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
18857
20223
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -18918,6 +20284,7 @@ ul.pf-v6-c-list {
|
|
|
18918
20284
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
18919
20285
|
overflow: auto;
|
|
18920
20286
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
20287
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
|
18921
20288
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
18922
20289
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
18923
20290
|
}
|
|
@@ -19309,6 +20676,10 @@ ul.pf-v6-c-list {
|
|
|
19309
20676
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
19310
20677
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
19311
20678
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
20679
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20680
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
20681
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20682
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
19312
20683
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
19313
20684
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
19314
20685
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -19343,6 +20714,8 @@ ul.pf-v6-c-list {
|
|
|
19343
20714
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
19344
20715
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19345
20716
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20717
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20718
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19346
20719
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19347
20720
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19348
20721
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -19502,12 +20875,22 @@ ul.pf-v6-c-list {
|
|
|
19502
20875
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
19503
20876
|
transition-property: background-color, color;
|
|
19504
20877
|
}
|
|
20878
|
+
.pf-v6-c-nav__link::after {
|
|
20879
|
+
position: absolute;
|
|
20880
|
+
inset: 0;
|
|
20881
|
+
pointer-events: none;
|
|
20882
|
+
content: "";
|
|
20883
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
20884
|
+
border-radius: inherit;
|
|
20885
|
+
}
|
|
19505
20886
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
20887
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
19506
20888
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
19507
20889
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
19508
20890
|
}
|
|
19509
20891
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
19510
20892
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
20893
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
19511
20894
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
19512
20895
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
19513
20896
|
}
|
|
@@ -19610,6 +20993,7 @@ ul.pf-v6-c-list {
|
|
|
19610
20993
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
19611
20994
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
19612
20995
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
20996
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
|
19613
20997
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
19614
20998
|
}
|
|
19615
20999
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -19940,7 +21324,7 @@ ul.pf-v6-c-list {
|
|
|
19940
21324
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19941
21325
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19942
21326
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19943
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21327
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
19944
21328
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
19945
21329
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19946
21330
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -19955,6 +21339,8 @@ ul.pf-v6-c-list {
|
|
|
19955
21339
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19956
21340
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
19957
21341
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21342
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21343
|
+
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19958
21344
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
19959
21345
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
19960
21346
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -19979,13 +21365,19 @@ ul.pf-v6-c-list {
|
|
|
19979
21365
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19980
21366
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19981
21367
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19982
|
-
--pf-v6-c-page__main-container--
|
|
19983
|
-
--pf-v6-c-page__main-container--
|
|
21368
|
+
--pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21369
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21370
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21371
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21372
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
19984
21373
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19985
21374
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19986
21375
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19987
21376
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19988
21377
|
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
21378
|
+
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21379
|
+
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21380
|
+
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
19989
21381
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19990
21382
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19991
21383
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19998,22 +21390,30 @@ ul.pf-v6-c-list {
|
|
|
19998
21390
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
19999
21391
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
20000
21392
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21393
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21394
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20001
21395
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
20002
21396
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21397
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21398
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
20003
21399
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
20004
21400
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21401
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21402
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20005
21403
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20006
21404
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21405
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21406
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
20007
21407
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20008
21408
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20009
21409
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
20010
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
20011
|
-
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21410
|
+
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21411
|
+
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20012
21412
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20013
21413
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20014
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21414
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20015
21415
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
20016
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21416
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
20017
21417
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20018
21418
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20019
21419
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
@@ -20024,6 +21424,8 @@ ul.pf-v6-c-list {
|
|
|
20024
21424
|
--pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20025
21425
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
20026
21426
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21427
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21428
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
20027
21429
|
}
|
|
20028
21430
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
20029
21431
|
.pf-v6-c-page {
|
|
@@ -20036,6 +21438,16 @@ ul.pf-v6-c-list {
|
|
|
20036
21438
|
.pf-v6-c-page {
|
|
20037
21439
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
20038
21440
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
21441
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
21442
|
+
}
|
|
21443
|
+
}
|
|
21444
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
21445
|
+
.pf-v6-c-page {
|
|
21446
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
21447
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
21448
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
21449
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
21450
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
20039
21451
|
}
|
|
20040
21452
|
}
|
|
20041
21453
|
|
|
@@ -20129,6 +21541,7 @@ ul.pf-v6-c-list {
|
|
|
20129
21541
|
overflow-y: auto;
|
|
20130
21542
|
-webkit-overflow-scrolling: touch;
|
|
20131
21543
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
21544
|
+
border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
|
|
20132
21545
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
20133
21546
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
20134
21547
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
@@ -20144,7 +21557,7 @@ ul.pf-v6-c-list {
|
|
|
20144
21557
|
}
|
|
20145
21558
|
@media screen and (min-width: 75rem) {
|
|
20146
21559
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
20147
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21560
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
20148
21561
|
}
|
|
20149
21562
|
}
|
|
20150
21563
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
|
@@ -20241,6 +21654,7 @@ ul.pf-v6-c-list {
|
|
|
20241
21654
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
|
20242
21655
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
|
20243
21656
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
21657
|
+
border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
|
|
20244
21658
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
20245
21659
|
}
|
|
20246
21660
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
@@ -20250,6 +21664,7 @@ ul.pf-v6-c-list {
|
|
|
20250
21664
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
|
20251
21665
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
|
20252
21666
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
21667
|
+
border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
|
|
20253
21668
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
20254
21669
|
}
|
|
20255
21670
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
@@ -20261,6 +21676,7 @@ ul.pf-v6-c-list {
|
|
|
20261
21676
|
position: sticky;
|
|
20262
21677
|
inset-block-start: 0;
|
|
20263
21678
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21679
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20264
21680
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20265
21681
|
}
|
|
20266
21682
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
@@ -20272,6 +21688,7 @@ ul.pf-v6-c-list {
|
|
|
20272
21688
|
position: sticky;
|
|
20273
21689
|
inset-block-end: 0;
|
|
20274
21690
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21691
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20275
21692
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20276
21693
|
}
|
|
20277
21694
|
@media (min-height: 0) {
|
|
@@ -20284,6 +21701,7 @@ ul.pf-v6-c-list {
|
|
|
20284
21701
|
position: sticky;
|
|
20285
21702
|
inset-block-start: 0;
|
|
20286
21703
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21704
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20287
21705
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20288
21706
|
}
|
|
20289
21707
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -20295,6 +21713,7 @@ ul.pf-v6-c-list {
|
|
|
20295
21713
|
position: sticky;
|
|
20296
21714
|
inset-block-end: 0;
|
|
20297
21715
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21716
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20298
21717
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20299
21718
|
}
|
|
20300
21719
|
}
|
|
@@ -20308,6 +21727,7 @@ ul.pf-v6-c-list {
|
|
|
20308
21727
|
position: sticky;
|
|
20309
21728
|
inset-block-start: 0;
|
|
20310
21729
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21730
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20311
21731
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20312
21732
|
}
|
|
20313
21733
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
@@ -20319,6 +21739,7 @@ ul.pf-v6-c-list {
|
|
|
20319
21739
|
position: sticky;
|
|
20320
21740
|
inset-block-end: 0;
|
|
20321
21741
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21742
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20322
21743
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20323
21744
|
}
|
|
20324
21745
|
}
|
|
@@ -20332,6 +21753,7 @@ ul.pf-v6-c-list {
|
|
|
20332
21753
|
position: sticky;
|
|
20333
21754
|
inset-block-start: 0;
|
|
20334
21755
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21756
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20335
21757
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20336
21758
|
}
|
|
20337
21759
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -20343,6 +21765,7 @@ ul.pf-v6-c-list {
|
|
|
20343
21765
|
position: sticky;
|
|
20344
21766
|
inset-block-end: 0;
|
|
20345
21767
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21768
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20346
21769
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20347
21770
|
}
|
|
20348
21771
|
}
|
|
@@ -20356,6 +21779,7 @@ ul.pf-v6-c-list {
|
|
|
20356
21779
|
position: sticky;
|
|
20357
21780
|
inset-block-start: 0;
|
|
20358
21781
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21782
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20359
21783
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20360
21784
|
}
|
|
20361
21785
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -20367,6 +21791,7 @@ ul.pf-v6-c-list {
|
|
|
20367
21791
|
position: sticky;
|
|
20368
21792
|
inset-block-end: 0;
|
|
20369
21793
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21794
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20370
21795
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20371
21796
|
}
|
|
20372
21797
|
}
|
|
@@ -20380,6 +21805,7 @@ ul.pf-v6-c-list {
|
|
|
20380
21805
|
position: sticky;
|
|
20381
21806
|
inset-block-start: 0;
|
|
20382
21807
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21808
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20383
21809
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20384
21810
|
}
|
|
20385
21811
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -20391,6 +21817,7 @@ ul.pf-v6-c-list {
|
|
|
20391
21817
|
position: sticky;
|
|
20392
21818
|
inset-block-end: 0;
|
|
20393
21819
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21820
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20394
21821
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20395
21822
|
}
|
|
20396
21823
|
}
|
|
@@ -20403,14 +21830,16 @@ ul.pf-v6-c-list {
|
|
|
20403
21830
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
20404
21831
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
20405
21832
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
20406
|
-
border:
|
|
21833
|
+
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
21834
|
+
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
21835
|
+
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
21836
|
+
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
21837
|
+
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
20407
21838
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
20408
21839
|
}
|
|
20409
21840
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
20410
21841
|
.pf-v6-c-page__main-container {
|
|
20411
21842
|
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
20412
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
20413
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
20414
21843
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
20415
21844
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
20416
21845
|
}
|
|
@@ -20533,8 +21962,8 @@ ul.pf-v6-c-list {
|
|
|
20533
21962
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
|
20534
21963
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20535
21964
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20536
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20537
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21965
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21966
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20538
21967
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
|
20539
21968
|
}
|
|
20540
21969
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
@@ -20543,8 +21972,8 @@ ul.pf-v6-c-list {
|
|
|
20543
21972
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
20544
21973
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20545
21974
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20546
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20547
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21975
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21976
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20548
21977
|
}
|
|
20549
21978
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
20550
21979
|
padding: 0;
|
|
@@ -20553,8 +21982,8 @@ ul.pf-v6-c-list {
|
|
|
20553
21982
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
20554
21983
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20555
21984
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20556
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20557
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21985
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21986
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20558
21987
|
}
|
|
20559
21988
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
20560
21989
|
padding: 0;
|
|
@@ -20564,8 +21993,8 @@ ul.pf-v6-c-list {
|
|
|
20564
21993
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
20565
21994
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20566
21995
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20567
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20568
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21996
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21997
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20569
21998
|
}
|
|
20570
21999
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
20571
22000
|
padding: 0;
|
|
@@ -20575,8 +22004,8 @@ ul.pf-v6-c-list {
|
|
|
20575
22004
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
20576
22005
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20577
22006
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20578
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20579
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
22007
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
22008
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20580
22009
|
}
|
|
20581
22010
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
20582
22011
|
padding: 0;
|
|
@@ -20586,8 +22015,8 @@ ul.pf-v6-c-list {
|
|
|
20586
22015
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
20587
22016
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20588
22017
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20589
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20590
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
22018
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
22019
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20591
22020
|
}
|
|
20592
22021
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
20593
22022
|
padding: 0;
|
|
@@ -20597,8 +22026,8 @@ ul.pf-v6-c-list {
|
|
|
20597
22026
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
20598
22027
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20599
22028
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20600
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20601
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
22029
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
22030
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20602
22031
|
}
|
|
20603
22032
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
20604
22033
|
padding: 0;
|
|
@@ -20623,6 +22052,9 @@ ul.pf-v6-c-list {
|
|
|
20623
22052
|
flex-shrink: 0;
|
|
20624
22053
|
}
|
|
20625
22054
|
|
|
22055
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
22056
|
+
border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
|
|
22057
|
+
}
|
|
20626
22058
|
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
20627
22059
|
align-self: revert;
|
|
20628
22060
|
}
|
|
@@ -20633,7 +22065,10 @@ ul.pf-v6-c-list {
|
|
|
20633
22065
|
.pf-v6-c-pagination {
|
|
20634
22066
|
--pf-v6-c-pagination--inset: 0;
|
|
20635
22067
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
20636
|
-
--pf-v6-c-pagination--
|
|
22068
|
+
--pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22069
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: 0;
|
|
22070
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: 0;
|
|
22071
|
+
--pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
20637
22072
|
--pf-v6-c-pagination__nav--Display: none;
|
|
20638
22073
|
--pf-v6-c-pagination--m-display-summary__nav--Display: none;
|
|
20639
22074
|
--pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
@@ -20654,14 +22089,17 @@ ul.pf-v6-c-list {
|
|
|
20654
22089
|
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20655
22090
|
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20656
22091
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
22092
|
+
--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20657
22093
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20658
22094
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20659
22095
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20660
22096
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
22097
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20661
22098
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20662
22099
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20663
22100
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20664
22101
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
22102
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20665
22103
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
20666
22104
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
20667
22105
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -20676,6 +22114,7 @@ ul.pf-v6-c-list {
|
|
|
20676
22114
|
@media screen and (min-width: 48rem) {
|
|
20677
22115
|
.pf-v6-c-pagination {
|
|
20678
22116
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
22117
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
20679
22118
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
20680
22119
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
|
20681
22120
|
--pf-v6-c-pagination__total-items--Display: none;
|
|
@@ -20695,6 +22134,9 @@ ul.pf-v6-c-list {
|
|
|
20695
22134
|
justify-content: flex-end;
|
|
20696
22135
|
padding-inline-start: var(--pf-v6-c-pagination--inset);
|
|
20697
22136
|
padding-inline-end: var(--pf-v6-c-pagination--inset);
|
|
22137
|
+
border: 0 solid var(--pf-v6-c-pagination--BorderColor);
|
|
22138
|
+
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
22139
|
+
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
20698
22140
|
}
|
|
20699
22141
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
20700
22142
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
@@ -20702,6 +22144,7 @@ ul.pf-v6-c-list {
|
|
|
20702
22144
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
20703
22145
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
20704
22146
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
|
|
22147
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
|
|
20705
22148
|
position: sticky;
|
|
20706
22149
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
20707
22150
|
justify-content: center;
|
|
@@ -20728,7 +22171,6 @@ ul.pf-v6-c-list {
|
|
|
20728
22171
|
}
|
|
20729
22172
|
@media screen and (min-width: 48rem) {
|
|
20730
22173
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
20731
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
20732
22174
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
20733
22175
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
20734
22176
|
position: relative;
|
|
@@ -20760,10 +22202,13 @@ ul.pf-v6-c-list {
|
|
|
20760
22202
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
20761
22203
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
20762
22204
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
22205
|
+
border: 0;
|
|
20763
22206
|
box-shadow: none;
|
|
20764
22207
|
}
|
|
20765
22208
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
20766
22209
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
22210
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
|
|
22211
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
20767
22212
|
position: sticky;
|
|
20768
22213
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
20769
22214
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
@@ -20999,11 +22444,14 @@ ul.pf-v6-c-list {
|
|
|
20999
22444
|
--pf-v6-c-panel--BoxShadow: none;
|
|
21000
22445
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
21001
22446
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
21002
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
|
22447
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21003
22448
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22449
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21004
22450
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
22451
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
21005
22452
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
21006
22453
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22454
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21007
22455
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21008
22456
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21009
22457
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21019,11 +22467,15 @@ ul.pf-v6-c-list {
|
|
|
21019
22467
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
21020
22468
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21021
22469
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
22470
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
22471
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
21022
22472
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
21023
22473
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
21024
22474
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
21025
22475
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21026
22476
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22477
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22478
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21027
22479
|
}
|
|
21028
22480
|
|
|
21029
22481
|
.pf-v6-c-panel {
|
|
@@ -21045,13 +22497,16 @@ ul.pf-v6-c-list {
|
|
|
21045
22497
|
}
|
|
21046
22498
|
.pf-v6-c-panel.pf-m-bordered {
|
|
21047
22499
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
22500
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
|
21048
22501
|
}
|
|
21049
22502
|
.pf-v6-c-panel.pf-m-secondary {
|
|
21050
22503
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
22504
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
|
21051
22505
|
}
|
|
21052
22506
|
.pf-v6-c-panel.pf-m-raised {
|
|
21053
22507
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
21054
22508
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
22509
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
|
21055
22510
|
}
|
|
21056
22511
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
21057
22512
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -21059,6 +22514,8 @@ ul.pf-v6-c-list {
|
|
|
21059
22514
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
21060
22515
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
21061
22516
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
22517
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
22518
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
21062
22519
|
}
|
|
21063
22520
|
|
|
21064
22521
|
.pf-v6-c-panel__header {
|
|
@@ -21085,6 +22542,7 @@ ul.pf-v6-c-list {
|
|
|
21085
22542
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
21086
22543
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
21087
22544
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
22545
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
21088
22546
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
21089
22547
|
}
|
|
21090
22548
|
|
|
@@ -21093,6 +22551,8 @@ ul.pf-v6-c-list {
|
|
|
21093
22551
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
21094
22552
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
21095
22553
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22554
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22555
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21096
22556
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
21097
22557
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
21098
22558
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -21143,6 +22603,7 @@ ul.pf-v6-c-list {
|
|
|
21143
22603
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
21144
22604
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
21145
22605
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
22606
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21146
22607
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
21147
22608
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
21148
22609
|
}
|
|
@@ -21257,6 +22718,7 @@ ul.pf-v6-c-list {
|
|
|
21257
22718
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
21258
22719
|
pointer-events: none;
|
|
21259
22720
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
22721
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21260
22722
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
21261
22723
|
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));
|
|
21262
22724
|
}
|
|
@@ -21297,11 +22759,15 @@ ul.pf-v6-c-list {
|
|
|
21297
22759
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
21298
22760
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
21299
22761
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22762
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22763
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21300
22764
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
21301
22765
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
21302
22766
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
21303
22767
|
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
21304
22768
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
22769
|
+
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
22770
|
+
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
21305
22771
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
21306
22772
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
21307
22773
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -21458,12 +22924,27 @@ ul.pf-v6-c-list {
|
|
|
21458
22924
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
21459
22925
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
21460
22926
|
}
|
|
22927
|
+
.pf-v6-c-progress__bar::before {
|
|
22928
|
+
position: absolute;
|
|
22929
|
+
inset: 0;
|
|
22930
|
+
pointer-events: none;
|
|
22931
|
+
content: "";
|
|
22932
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
|
22933
|
+
border-radius: inherit;
|
|
22934
|
+
}
|
|
21461
22935
|
|
|
21462
22936
|
.pf-v6-c-progress__indicator {
|
|
21463
22937
|
position: absolute;
|
|
21464
22938
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
21465
22939
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
21466
22940
|
}
|
|
22941
|
+
.pf-v6-c-progress__indicator::before {
|
|
22942
|
+
position: absolute;
|
|
22943
|
+
inset: 0;
|
|
22944
|
+
content: "";
|
|
22945
|
+
border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
|
|
22946
|
+
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
22947
|
+
}
|
|
21467
22948
|
|
|
21468
22949
|
.pf-v6-c-progress__helper-text {
|
|
21469
22950
|
grid-row: 3/4;
|
|
@@ -22208,6 +23689,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22208
23689
|
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
22209
23690
|
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
22210
23691
|
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
23692
|
+
--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22211
23693
|
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
22212
23694
|
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
22213
23695
|
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
@@ -22216,6 +23698,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22216
23698
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
22217
23699
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
22218
23700
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
23701
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
23702
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22219
23703
|
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
22220
23704
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
22221
23705
|
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
@@ -22244,6 +23728,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22244
23728
|
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
22245
23729
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
22246
23730
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
23731
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
22247
23732
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
22248
23733
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
22249
23734
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
@@ -22273,6 +23758,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22273
23758
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
22274
23759
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
22275
23760
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
23761
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
|
|
22276
23762
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
22277
23763
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
22278
23764
|
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
@@ -22283,6 +23769,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22283
23769
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
22284
23770
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
22285
23771
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
23772
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
22286
23773
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
22287
23774
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
22288
23775
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
@@ -22314,6 +23801,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22314
23801
|
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
22315
23802
|
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
22316
23803
|
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
23804
|
+
border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
|
|
22317
23805
|
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
22318
23806
|
}
|
|
22319
23807
|
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
@@ -22524,6 +24012,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22524
24012
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
22525
24013
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
22526
24014
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
24015
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
24016
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24017
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
24018
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
22527
24019
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
22528
24020
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
22529
24021
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -22538,6 +24030,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22538
24030
|
}
|
|
22539
24031
|
|
|
22540
24032
|
.pf-v6-c-simple-list__item-link {
|
|
24033
|
+
position: relative;
|
|
22541
24034
|
display: block;
|
|
22542
24035
|
width: 100%;
|
|
22543
24036
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -22552,6 +24045,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22552
24045
|
border: none;
|
|
22553
24046
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
22554
24047
|
}
|
|
24048
|
+
.pf-v6-c-simple-list__item-link::after {
|
|
24049
|
+
position: absolute;
|
|
24050
|
+
inset: 0;
|
|
24051
|
+
pointer-events: none;
|
|
24052
|
+
content: "";
|
|
24053
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
|
24054
|
+
border-radius: inherit;
|
|
24055
|
+
}
|
|
22555
24056
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
22556
24057
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
22557
24058
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -22560,11 +24061,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22560
24061
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
22561
24062
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
22562
24063
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
24064
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
|
22563
24065
|
text-decoration-line: none;
|
|
22564
24066
|
}
|
|
22565
24067
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
22566
24068
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
22567
24069
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
24070
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
|
22568
24071
|
}
|
|
22569
24072
|
|
|
22570
24073
|
.pf-v6-c-simple-list__title {
|
|
@@ -22790,6 +24293,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22790
24293
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
22791
24294
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
22792
24295
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
24296
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24297
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
22793
24298
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
22794
24299
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
22795
24300
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -22799,6 +24304,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22799
24304
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
22800
24305
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
22801
24306
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
24307
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24308
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
22802
24309
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
22803
24310
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
22804
24311
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -22814,6 +24321,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22814
24321
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
22815
24322
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
22816
24323
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
24324
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24325
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
22817
24326
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22818
24327
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
22819
24328
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -22883,6 +24392,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22883
24392
|
inset: 0;
|
|
22884
24393
|
content: "";
|
|
22885
24394
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
24395
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
22886
24396
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
22887
24397
|
}
|
|
22888
24398
|
|
|
@@ -22918,6 +24428,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22918
24428
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
22919
24429
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
22920
24430
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
24431
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
22921
24432
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
22922
24433
|
}
|
|
22923
24434
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -22943,6 +24454,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22943
24454
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
22944
24455
|
cursor: pointer;
|
|
22945
24456
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
24457
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
22946
24458
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
22947
24459
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
22948
24460
|
}
|
|
@@ -23096,11 +24608,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23096
24608
|
--pf-v6-c-switch--Height: auto;
|
|
23097
24609
|
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
23098
24610
|
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
23099
|
-
--pf-v6-c-switch__input--checked__toggle--
|
|
24611
|
+
--pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
|
|
24612
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23100
24613
|
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
23101
24614
|
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
23102
24615
|
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
23103
24616
|
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
24617
|
+
--pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23104
24618
|
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
23105
24619
|
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
23106
24620
|
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
@@ -23115,6 +24629,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23115
24629
|
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
23116
24630
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
23117
24631
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
24632
|
+
--pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23118
24633
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
23119
24634
|
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
23120
24635
|
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
@@ -23156,6 +24671,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23156
24671
|
}
|
|
23157
24672
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
23158
24673
|
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
24674
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
|
|
23159
24675
|
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
23160
24676
|
}
|
|
23161
24677
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
@@ -23181,6 +24697,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23181
24697
|
}
|
|
23182
24698
|
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
23183
24699
|
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
24700
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
|
|
23184
24701
|
cursor: not-allowed;
|
|
23185
24702
|
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
23186
24703
|
}
|
|
@@ -23205,6 +24722,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23205
24722
|
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
23206
24723
|
content: "";
|
|
23207
24724
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
24725
|
+
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
23208
24726
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
23209
24727
|
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
23210
24728
|
transform: translateY(-50%);
|
|
@@ -24959,6 +26477,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24959
26477
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
24960
26478
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24961
26479
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
26480
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26481
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
26482
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
24962
26483
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24963
26484
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
24964
26485
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -24988,6 +26509,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24988
26509
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24989
26510
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24990
26511
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
26512
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26513
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
24991
26514
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24992
26515
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
24993
26516
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -25009,10 +26532,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25009
26532
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
25010
26533
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
25011
26534
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26535
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
25012
26536
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
25013
26537
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
25014
26538
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
25015
26539
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
26540
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
25016
26541
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
25017
26542
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25018
26543
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -25424,6 +26949,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25424
26949
|
}
|
|
25425
26950
|
|
|
25426
26951
|
.pf-v6-c-table__button {
|
|
26952
|
+
position: relative;
|
|
25427
26953
|
width: auto;
|
|
25428
26954
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
25429
26955
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -25442,6 +26968,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25442
26968
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
25443
26969
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
25444
26970
|
}
|
|
26971
|
+
.pf-v6-c-table__button::after {
|
|
26972
|
+
position: absolute;
|
|
26973
|
+
inset: 0;
|
|
26974
|
+
pointer-events: none;
|
|
26975
|
+
content: "";
|
|
26976
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
|
26977
|
+
border-radius: inherit;
|
|
26978
|
+
}
|
|
25445
26979
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
25446
26980
|
margin-block-end: 0;
|
|
25447
26981
|
}
|
|
@@ -25617,6 +27151,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25617
27151
|
content: "";
|
|
25618
27152
|
border: 0;
|
|
25619
27153
|
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);
|
|
27154
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
|
25620
27155
|
}
|
|
25621
27156
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
25622
27157
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -25651,6 +27186,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25651
27186
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
25652
27187
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
25653
27188
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
|
27189
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
|
25654
27190
|
}
|
|
25655
27191
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
25656
27192
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -25700,16 +27236,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25700
27236
|
border-radius: 0;
|
|
25701
27237
|
}
|
|
25702
27238
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
27239
|
+
position: relative;
|
|
25703
27240
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
25704
27241
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
25705
27242
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
25706
27243
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
25707
27244
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
27245
|
+
border: 0;
|
|
25708
27246
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25709
27247
|
}
|
|
25710
27248
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25711
27249
|
background-color: transparent;
|
|
25712
27250
|
}
|
|
27251
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
|
27252
|
+
position: absolute;
|
|
27253
|
+
inset: 0;
|
|
27254
|
+
pointer-events: none;
|
|
27255
|
+
content: "";
|
|
27256
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
|
27257
|
+
border-radius: inherit;
|
|
27258
|
+
}
|
|
25713
27259
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25714
27260
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25715
27261
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -25767,6 +27313,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25767
27313
|
vertical-align: top;
|
|
25768
27314
|
}
|
|
25769
27315
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
27316
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
|
25770
27317
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
25771
27318
|
}
|
|
25772
27319
|
|
|
@@ -26765,7 +28312,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26765
28312
|
--pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
26766
28313
|
--pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
|
|
26767
28314
|
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
|
26768
|
-
--pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--
|
|
28315
|
+
--pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
26769
28316
|
--pf-v6-c-tabs--m-vertical--Width: 100%;
|
|
26770
28317
|
--pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
|
|
26771
28318
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
|
@@ -26793,6 +28340,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26793
28340
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
26794
28341
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
26795
28342
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28343
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
28344
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
28345
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
28346
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
26796
28347
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26797
28348
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
26798
28349
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -26828,11 +28379,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26828
28379
|
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
|
|
26829
28380
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
|
|
26830
28381
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
|
|
26831
|
-
--pf-v6-c-
|
|
28382
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
28383
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
28384
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28385
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
26832
28386
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
26833
28387
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
26834
28388
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
26835
28389
|
--pf-v6-c-tabs__link--after--InsetBlockStart: auto;
|
|
28390
|
+
--pf-v6-c-tabs__link--after--InsetInlineStart: 0;
|
|
26836
28391
|
--pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
|
|
26837
28392
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
|
|
26838
28393
|
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -26988,6 +28543,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26988
28543
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
26989
28544
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
26990
28545
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28546
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
28547
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
28548
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
28549
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
|
|
26991
28550
|
}
|
|
26992
28551
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
|
|
26993
28552
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
@@ -26995,9 +28554,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26995
28554
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
|
|
26996
28555
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
26997
28556
|
}
|
|
26998
|
-
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
|
|
26999
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
27000
|
-
}
|
|
27001
28557
|
.pf-v6-c-tabs.pf-m-box.pf-m-secondary {
|
|
27002
28558
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
|
|
27003
28559
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
|
|
@@ -27015,7 +28571,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27015
28571
|
--pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
|
|
27016
28572
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
|
|
27017
28573
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
|
|
27018
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
27019
28574
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
|
|
27020
28575
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
27021
28576
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
@@ -27292,6 +28847,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27292
28847
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
27293
28848
|
text-decoration-line: none;
|
|
27294
28849
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28850
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
|
27295
28851
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
27296
28852
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
27297
28853
|
}
|
|
@@ -27314,7 +28870,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27314
28870
|
.pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
|
|
27315
28871
|
inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
|
|
27316
28872
|
inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
|
|
27317
|
-
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
|
|
28873
|
+
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
|
|
27318
28874
|
inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
|
|
27319
28875
|
border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
|
|
27320
28876
|
border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
|
|
@@ -27325,6 +28881,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27325
28881
|
|
|
27326
28882
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
27327
28883
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
|
28884
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
|
27328
28885
|
}
|
|
27329
28886
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
27330
28887
|
pointer-events: none;
|
|
@@ -27339,6 +28896,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27339
28896
|
|
|
27340
28897
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
27341
28898
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
28899
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
|
27342
28900
|
}
|
|
27343
28901
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
27344
28902
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -27765,6 +29323,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27765
29323
|
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
27766
29324
|
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
|
|
27767
29325
|
}
|
|
29326
|
+
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
|
|
29327
|
+
--pf-v6-c-text-input-group__text--Position: relative;
|
|
29328
|
+
}
|
|
27768
29329
|
.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
|
|
27769
29330
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
|
|
27770
29331
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
|
|
@@ -28117,6 +29678,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28117
29678
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28118
29679
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28119
29680
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
29681
|
+
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
28120
29682
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
28121
29683
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
28122
29684
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
@@ -28128,12 +29690,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28128
29690
|
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
28129
29691
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
28130
29692
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28131
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
29693
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
28132
29694
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
29695
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
28133
29696
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
28134
29697
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
28135
29698
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
28136
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
29699
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
|
|
28137
29700
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28138
29701
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
28139
29702
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -28156,11 +29719,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28156
29719
|
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
28157
29720
|
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
28158
29721
|
}
|
|
28159
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button
|
|
29722
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
|
|
28160
29723
|
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
28161
29724
|
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
28162
29725
|
}
|
|
28163
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button
|
|
29726
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
|
|
28164
29727
|
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
28165
29728
|
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
28166
29729
|
}
|
|
@@ -28179,25 +29742,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28179
29742
|
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
28180
29743
|
border: 0;
|
|
28181
29744
|
}
|
|
28182
|
-
.pf-v6-c-toggle-group__button::before {
|
|
29745
|
+
.pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
|
|
28183
29746
|
position: absolute;
|
|
28184
|
-
inset
|
|
28185
|
-
inset-block-end: 0;
|
|
28186
|
-
inset-inline-start: 0;
|
|
28187
|
-
inset-inline-end: 0;
|
|
29747
|
+
inset: 0;
|
|
28188
29748
|
pointer-events: none;
|
|
28189
29749
|
content: "";
|
|
28190
29750
|
border-style: solid;
|
|
29751
|
+
border-radius: inherit;
|
|
29752
|
+
}
|
|
29753
|
+
.pf-v6-c-toggle-group__button::before {
|
|
28191
29754
|
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
28192
29755
|
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28193
29756
|
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28194
29757
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28195
29758
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28196
29759
|
}
|
|
29760
|
+
.pf-v6-c-toggle-group__button::after {
|
|
29761
|
+
inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
29762
|
+
border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
|
|
29763
|
+
border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
|
|
29764
|
+
}
|
|
28197
29765
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
28198
29766
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
28199
29767
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
28200
29768
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
29769
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
28201
29770
|
text-decoration-line: none;
|
|
28202
29771
|
}
|
|
28203
29772
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -28205,6 +29774,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28205
29774
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
28206
29775
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
28207
29776
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
29777
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
28208
29778
|
}
|
|
28209
29779
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
28210
29780
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
@@ -28260,11 +29830,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28260
29830
|
--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28261
29831
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
28262
29832
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
29833
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29834
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28263
29835
|
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28264
29836
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
28265
29837
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
28266
29838
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
28267
29839
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29840
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29841
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28268
29842
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
28269
29843
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28270
29844
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -28435,6 +30009,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28435
30009
|
z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
|
|
28436
30010
|
padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
|
|
28437
30011
|
padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
|
|
30012
|
+
border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
|
|
28438
30013
|
box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
|
|
28439
30014
|
}
|
|
28440
30015
|
.pf-v6-c-toolbar.pf-m-static,
|
|
@@ -28581,12 +30156,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28581
30156
|
padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
|
|
28582
30157
|
padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
|
|
28583
30158
|
background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
|
|
30159
|
+
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
28584
30160
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
28585
30161
|
}
|
|
28586
30162
|
@media screen and (min-width: 62rem) {
|
|
28587
30163
|
.pf-v6-c-toolbar__expandable-content {
|
|
28588
30164
|
position: static;
|
|
28589
30165
|
padding: 0;
|
|
30166
|
+
border-block-end: 0;
|
|
28590
30167
|
box-shadow: none;
|
|
28591
30168
|
}
|
|
28592
30169
|
}
|
|
@@ -30360,6 +31937,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30360
31937
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
30361
31938
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
30362
31939
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
31940
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
|
31941
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
31942
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
31943
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
31944
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30363
31945
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
30364
31946
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
30365
31947
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -30645,8 +32227,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30645
32227
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
30646
32228
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
30647
32229
|
}
|
|
32230
|
+
.pf-v6-c-tree-view__node::after {
|
|
32231
|
+
position: absolute;
|
|
32232
|
+
inset: 0;
|
|
32233
|
+
pointer-events: none;
|
|
32234
|
+
content: "";
|
|
32235
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
|
32236
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
|
32237
|
+
}
|
|
30648
32238
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
30649
32239
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
|
32240
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
|
30650
32241
|
}
|
|
30651
32242
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
30652
32243
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -30744,6 +32335,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30744
32335
|
|
|
30745
32336
|
.pf-v6-c-tree-view__content:hover,
|
|
30746
32337
|
.pf-v6-c-tree-view__content:focus-within {
|
|
32338
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
|
30747
32339
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
30748
32340
|
}
|
|
30749
32341
|
|
|
@@ -30880,6 +32472,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30880
32472
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30881
32473
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30882
32474
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
32475
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32476
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
32477
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
32478
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30883
32479
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30884
32480
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
30885
32481
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -30891,15 +32487,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30891
32487
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
30892
32488
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
30893
32489
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32490
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32491
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
30894
32492
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
30895
32493
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
30896
32494
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
30897
32495
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
30898
32496
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
32497
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
|
30899
32498
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
30900
32499
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
32500
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
|
30901
32501
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30902
32502
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
32503
|
+
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
30903
32504
|
--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
30904
32505
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
|
30905
32506
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -30918,6 +32519,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30918
32519
|
--pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
|
|
30919
32520
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30920
32521
|
--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
32522
|
+
--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
30921
32523
|
--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
30922
32524
|
--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
|
|
30923
32525
|
--pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -30928,6 +32530,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30928
32530
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
30929
32531
|
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
30930
32532
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
32533
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
32534
|
+
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
30931
32535
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
30932
32536
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
30933
32537
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
@@ -30961,6 +32565,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30961
32565
|
.pf-v6-c-wizard {
|
|
30962
32566
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
30963
32567
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
32568
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
30964
32569
|
}
|
|
30965
32570
|
}
|
|
30966
32571
|
|
|
@@ -31078,6 +32683,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31078
32683
|
.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
|
|
31079
32684
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
|
|
31080
32685
|
}
|
|
32686
|
+
.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
|
|
32687
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
|
|
32688
|
+
}
|
|
31081
32689
|
.pf-v6-c-wizard__toggle-list-item.pf-m-success {
|
|
31082
32690
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
|
|
31083
32691
|
}
|
|
@@ -31144,6 +32752,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31144
32752
|
overflow-y: auto;
|
|
31145
32753
|
-webkit-overflow-scrolling: touch;
|
|
31146
32754
|
background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
|
|
32755
|
+
border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
|
|
31147
32756
|
box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
|
|
31148
32757
|
}
|
|
31149
32758
|
.pf-v6-c-wizard__nav.pf-m-expanded {
|
|
@@ -31211,6 +32820,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31211
32820
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
|
|
31212
32821
|
position: relative;
|
|
31213
32822
|
display: inline-flex;
|
|
32823
|
+
flex-shrink: 0;
|
|
31214
32824
|
align-items: center;
|
|
31215
32825
|
justify-content: center;
|
|
31216
32826
|
width: var(--pf-v6-c-wizard__nav-link--before--Width);
|
|
@@ -31225,28 +32835,35 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31225
32835
|
.pf-v6-c-wizard__nav-link::before {
|
|
31226
32836
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
31227
32837
|
content: counter(wizard-nav-count);
|
|
32838
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
|
31228
32839
|
}
|
|
31229
32840
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
31230
32841
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
31231
32842
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32843
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
|
31232
32844
|
}
|
|
31233
32845
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
31234
32846
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
31235
32847
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
|
32848
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
|
31236
32849
|
}
|
|
31237
32850
|
|
|
31238
|
-
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
|
|
32851
|
+
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
31239
32852
|
display: none;
|
|
31240
32853
|
}
|
|
31241
32854
|
.pf-v6-c-wizard__nav-link.pf-m-success {
|
|
31242
32855
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
|
|
31243
32856
|
}
|
|
32857
|
+
.pf-v6-c-wizard__nav-link.pf-m-warning {
|
|
32858
|
+
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
|
|
32859
|
+
}
|
|
31244
32860
|
.pf-v6-c-wizard__nav-link.pf-m-danger {
|
|
31245
32861
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
|
|
31246
32862
|
}
|
|
31247
32863
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
31248
32864
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
31249
32865
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
|
32866
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
|
31250
32867
|
}
|
|
31251
32868
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
31252
32869
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -31256,23 +32873,29 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31256
32873
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
31257
32874
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
31258
32875
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
31259
|
-
|
|
31260
|
-
|
|
31261
|
-
.pf-v6-c-wizard__nav-link-text {
|
|
31262
|
-
flex-grow: 1;
|
|
32876
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
31263
32877
|
}
|
|
31264
32878
|
|
|
31265
32879
|
.pf-v6-c-wizard__nav-link-main {
|
|
32880
|
+
position: relative;
|
|
31266
32881
|
display: flex;
|
|
32882
|
+
flex-grow: 1;
|
|
31267
32883
|
justify-content: space-between;
|
|
31268
32884
|
padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
|
|
31269
32885
|
padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
|
|
31270
32886
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
31271
32887
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
31272
32888
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
31273
|
-
border: none;
|
|
31274
32889
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
31275
32890
|
}
|
|
32891
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
|
32892
|
+
position: absolute;
|
|
32893
|
+
inset: 0;
|
|
32894
|
+
pointer-events: none;
|
|
32895
|
+
content: "";
|
|
32896
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
|
32897
|
+
border-radius: inherit;
|
|
32898
|
+
}
|
|
31276
32899
|
|
|
31277
32900
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
31278
32901
|
position: relative;
|