@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
|
@@ -6264,6 +6264,7 @@
|
|
|
6264
6264
|
--pf-t--color--blue--50: #0066cc;
|
|
6265
6265
|
--pf-t--color--blue--60: #004d99;
|
|
6266
6266
|
--pf-t--color--blue--70: #003366;
|
|
6267
|
+
--pf-t--color--blue--80: #032142;
|
|
6267
6268
|
--pf-t--color--gray--10: #f2f2f2;
|
|
6268
6269
|
--pf-t--color--gray--20: #e0e0e0;
|
|
6269
6270
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -6281,6 +6282,7 @@
|
|
|
6281
6282
|
--pf-t--color--green--50: #63993d;
|
|
6282
6283
|
--pf-t--color--green--60: #3d7317;
|
|
6283
6284
|
--pf-t--color--green--70: #204d00;
|
|
6285
|
+
--pf-t--color--green--80: #183301;
|
|
6284
6286
|
--pf-t--color--orange--10: #ffe8cc;
|
|
6285
6287
|
--pf-t--color--orange--20: #fccb8f;
|
|
6286
6288
|
--pf-t--color--orange--30: #f8ae54;
|
|
@@ -6288,6 +6290,7 @@
|
|
|
6288
6290
|
--pf-t--color--orange--50: #ca6c0f;
|
|
6289
6291
|
--pf-t--color--orange--60: #9e4a06;
|
|
6290
6292
|
--pf-t--color--orange--70: #732e00;
|
|
6293
|
+
--pf-t--color--orange--80: #4d1f00;
|
|
6291
6294
|
--pf-t--color--purple--10: #ece6ff;
|
|
6292
6295
|
--pf-t--color--purple--20: #d0c5f4;
|
|
6293
6296
|
--pf-t--color--purple--30: #b6a6e9;
|
|
@@ -6295,6 +6298,7 @@
|
|
|
6295
6298
|
--pf-t--color--purple--50: #5e40be;
|
|
6296
6299
|
--pf-t--color--purple--60: #3d2785;
|
|
6297
6300
|
--pf-t--color--purple--70: #21134d;
|
|
6301
|
+
--pf-t--color--purple--80: #1b0d33;
|
|
6298
6302
|
--pf-t--color--red--10: #fce3e3;
|
|
6299
6303
|
--pf-t--color--red--20: #fbc5c5;
|
|
6300
6304
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -6302,6 +6306,7 @@
|
|
|
6302
6306
|
--pf-t--color--red--50: #ee0000;
|
|
6303
6307
|
--pf-t--color--red--60: #a60000;
|
|
6304
6308
|
--pf-t--color--red--70: #5f0000;
|
|
6309
|
+
--pf-t--color--red--80: #3f0000;
|
|
6305
6310
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
6306
6311
|
--pf-t--color--red-orange--20: #fbbea8;
|
|
6307
6312
|
--pf-t--color--red-orange--30: #f89b78;
|
|
@@ -6309,6 +6314,7 @@
|
|
|
6309
6314
|
--pf-t--color--red-orange--50: #f0561d;
|
|
6310
6315
|
--pf-t--color--red-orange--60: #b1380b;
|
|
6311
6316
|
--pf-t--color--red-orange--70: #731f00;
|
|
6317
|
+
--pf-t--color--red-orange--80: #4c1405;
|
|
6312
6318
|
--pf-t--color--teal--10: #daf2f2;
|
|
6313
6319
|
--pf-t--color--teal--20: #b9e5e5;
|
|
6314
6320
|
--pf-t--color--teal--30: #9ad8d8;
|
|
@@ -6316,6 +6322,7 @@
|
|
|
6316
6322
|
--pf-t--color--teal--50: #37a3a3;
|
|
6317
6323
|
--pf-t--color--teal--60: #147878;
|
|
6318
6324
|
--pf-t--color--teal--70: #004d4d;
|
|
6325
|
+
--pf-t--color--teal--80: #003333;
|
|
6319
6326
|
--pf-t--color--white: #ffffff;
|
|
6320
6327
|
--pf-t--color--yellow--10: #fff4cc;
|
|
6321
6328
|
--pf-t--color--yellow--20: #ffe072;
|
|
@@ -6324,9 +6331,11 @@
|
|
|
6324
6331
|
--pf-t--color--yellow--50: #b98412;
|
|
6325
6332
|
--pf-t--color--yellow--60: #96640f;
|
|
6326
6333
|
--pf-t--color--yellow--70: #73480b;
|
|
6334
|
+
--pf-t--color--yellow--80: #54330b;
|
|
6327
6335
|
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
6328
6336
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
6329
6337
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
6338
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
6330
6339
|
--pf-t--global--border--radius--0: 0px;
|
|
6331
6340
|
--pf-t--global--border--radius--100: 4px;
|
|
6332
6341
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6336,6 +6345,13 @@
|
|
|
6336
6345
|
--pf-t--global--border--width--100: 1px;
|
|
6337
6346
|
--pf-t--global--border--width--200: 2px;
|
|
6338
6347
|
--pf-t--global--border--width--300: 3px;
|
|
6348
|
+
--pf-t--global--border--width--400: 4px;
|
|
6349
|
+
--pf-t--global--border--width--action--plain--clicked: 0px;
|
|
6350
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
6351
|
+
--pf-t--global--border--width--action--plain--hover: 0px;
|
|
6352
|
+
--pf-t--global--border--width--high-contrast--extra-strong: 0px;
|
|
6353
|
+
--pf-t--global--border--width--high-contrast--regular: 0px;
|
|
6354
|
+
--pf-t--global--border--width--high-contrast--strong: 0px;
|
|
6339
6355
|
--pf-t--global--box-shadow--X--100: -10px;
|
|
6340
6356
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6341
6357
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
@@ -6372,6 +6388,8 @@
|
|
|
6372
6388
|
--pf-t--global--breakpoint--500: 75rem;
|
|
6373
6389
|
--pf-t--global--breakpoint--550: 80rem;
|
|
6374
6390
|
--pf-t--global--breakpoint--600: 90.625rem;
|
|
6391
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
6392
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
6375
6393
|
--pf-t--global--delay--100: 0ms;
|
|
6376
6394
|
--pf-t--global--delay--200: 50ms;
|
|
6377
6395
|
--pf-t--global--delay--300: 100ms;
|
|
@@ -6383,6 +6401,10 @@
|
|
|
6383
6401
|
--pf-t--global--duration--50: 50ms;
|
|
6384
6402
|
--pf-t--global--duration--500: 500ms;
|
|
6385
6403
|
--pf-t--global--duration--600: 600ms;
|
|
6404
|
+
--pf-t--global--focus-ring--position--inset: -4px;
|
|
6405
|
+
--pf-t--global--focus-ring--position--offset: 2px;
|
|
6406
|
+
--pf-t--global--focus-ring--width--inset: 3px;
|
|
6407
|
+
--pf-t--global--focus-ring--width--offset: 2px;
|
|
6386
6408
|
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6387
6409
|
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
6388
6410
|
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
@@ -6441,6 +6463,7 @@
|
|
|
6441
6463
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6442
6464
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6443
6465
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
6466
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
6444
6467
|
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
6445
6468
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
6446
6469
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
@@ -6463,6 +6486,7 @@
|
|
|
6463
6486
|
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
6464
6487
|
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
6465
6488
|
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
6489
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
|
|
6466
6490
|
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
6467
6491
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6468
6492
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
@@ -6524,56 +6548,91 @@
|
|
|
6524
6548
|
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
6525
6549
|
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
6526
6550
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
6551
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
6552
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
6527
6553
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
6528
6554
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
6529
6555
|
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
6530
6556
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
6531
6557
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
6558
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
6559
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
6532
6560
|
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
6533
6561
|
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
6534
6562
|
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
6563
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
6564
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
6535
6565
|
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
6536
6566
|
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
6537
6567
|
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
6568
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
6569
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
6570
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
6538
6571
|
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
6539
6572
|
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
6540
6573
|
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
6574
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
6541
6575
|
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
6542
6576
|
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
6543
6577
|
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
6578
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
6579
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
6544
6580
|
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
6545
6581
|
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
6546
6582
|
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
6583
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
6584
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
6547
6585
|
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
6548
6586
|
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
6549
6587
|
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
6588
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
6589
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
6550
6590
|
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
6551
6591
|
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
6552
6592
|
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
6593
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
6594
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
6553
6595
|
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
6554
6596
|
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
6555
6597
|
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
6598
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
6599
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
6556
6600
|
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
6557
6601
|
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
6558
6602
|
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
6603
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
6604
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
6559
6605
|
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
6560
6606
|
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
6607
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
6561
6608
|
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
6609
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
6562
6610
|
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
6611
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
6563
6612
|
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
6613
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
6564
6614
|
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
6615
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
6565
6616
|
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
6566
6617
|
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
6618
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
6567
6619
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
6568
6620
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
6569
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
6621
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
6570
6622
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
6571
6623
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
6624
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
6572
6625
|
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
6573
6626
|
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
6627
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
6574
6628
|
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
6575
6629
|
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
6576
6630
|
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
6631
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
6632
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
6633
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
6634
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
6635
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
6577
6636
|
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
6578
6637
|
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
6579
6638
|
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
@@ -6592,6 +6651,7 @@
|
|
|
6592
6651
|
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
6593
6652
|
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
6594
6653
|
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
6654
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
6595
6655
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
6596
6656
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
6597
6657
|
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
@@ -6624,11 +6684,15 @@
|
|
|
6624
6684
|
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
6625
6685
|
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
6626
6686
|
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
6687
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
6627
6688
|
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
6628
6689
|
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
6690
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
6629
6691
|
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
6630
6692
|
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
6693
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
6631
6694
|
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
6695
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
6632
6696
|
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
6633
6697
|
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
6634
6698
|
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
@@ -6749,6 +6813,7 @@
|
|
|
6749
6813
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--200);
|
|
6750
6814
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
|
|
6751
6815
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
|
|
6816
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--100);
|
|
6752
6817
|
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
6753
6818
|
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
6754
6819
|
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
@@ -6838,6 +6903,7 @@
|
|
|
6838
6903
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
6839
6904
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
6840
6905
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
6906
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
6841
6907
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
6842
6908
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
6843
6909
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7112,6 +7178,7 @@
|
|
|
7112
7178
|
|
|
7113
7179
|
:root:where(.pf-v6-theme-dark) {
|
|
7114
7180
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
7181
|
+
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
7115
7182
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7116
7183
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7117
7184
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
@@ -7135,6 +7202,7 @@
|
|
|
7135
7202
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7136
7203
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
7137
7204
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
7205
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
7138
7206
|
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
7139
7207
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
7140
7208
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
@@ -7142,6 +7210,7 @@
|
|
|
7142
7210
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
7143
7211
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
7144
7212
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
7213
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
7145
7214
|
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7146
7215
|
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
7147
7216
|
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
@@ -7150,6 +7219,7 @@
|
|
|
7150
7219
|
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
7151
7220
|
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
7152
7221
|
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7222
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
7153
7223
|
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
7154
7224
|
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
7155
7225
|
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
@@ -7172,6 +7242,7 @@
|
|
|
7172
7242
|
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
7173
7243
|
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
7174
7244
|
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
7245
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
7175
7246
|
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
7176
7247
|
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
7177
7248
|
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
@@ -7179,16 +7250,20 @@
|
|
|
7179
7250
|
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
7180
7251
|
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
7181
7252
|
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
7253
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
7182
7254
|
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
7183
7255
|
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
7184
7256
|
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
7185
7257
|
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
7186
7258
|
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
7187
7259
|
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
7260
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
7188
7261
|
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
7189
7262
|
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
7263
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
7190
7264
|
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7191
7265
|
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
7266
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
7192
7267
|
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
7193
7268
|
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
7194
7269
|
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
@@ -7199,6 +7274,7 @@
|
|
|
7199
7274
|
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
7200
7275
|
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
7201
7276
|
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
7277
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
7202
7278
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
|
|
7203
7279
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
|
|
7204
7280
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
|
|
@@ -7299,6 +7375,7 @@
|
|
|
7299
7375
|
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
7300
7376
|
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
7301
7377
|
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
7378
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
7302
7379
|
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
7303
7380
|
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
7304
7381
|
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
@@ -7333,6 +7410,1100 @@
|
|
|
7333
7410
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7334
7411
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
7335
7412
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
7413
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
|
|
7414
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7415
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7416
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7417
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7418
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7419
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7420
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7421
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7422
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7423
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7424
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7425
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7426
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7427
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7428
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7429
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
7430
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
7431
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7432
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
7433
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7434
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
7435
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
7436
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
7437
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
7438
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
7439
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
7440
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7441
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
|
|
7442
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
|
|
7443
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
7444
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
7445
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
7446
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7447
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
|
|
7448
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
|
|
7449
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7450
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
|
|
7451
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
|
|
7452
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7453
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
|
|
7454
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
|
|
7455
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7456
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
|
|
7457
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
|
|
7458
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7459
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
|
|
7460
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
|
|
7461
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7462
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
|
|
7463
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
|
|
7464
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7465
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
7466
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
7467
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7468
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
7469
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
7470
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7471
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7472
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7473
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
7474
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
7475
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
7476
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7477
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7478
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7479
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7480
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
7481
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
7482
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7483
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
7484
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
7485
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7486
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
7487
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
7488
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7489
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
7490
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
7491
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7492
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
7493
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
7494
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7495
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7496
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7497
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7498
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
7499
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
7500
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
7501
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
7502
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
7503
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7504
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7505
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7506
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
|
|
7507
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
|
|
7508
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
|
|
7509
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
7510
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
7511
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
7512
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
|
|
7513
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
|
|
7514
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
|
|
7515
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
|
|
7516
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
|
|
7517
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
|
|
7518
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--inverse);
|
|
7519
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
|
|
7520
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
|
|
7521
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--inverse);
|
|
7522
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
|
|
7523
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
|
|
7524
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--inverse);
|
|
7525
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
|
|
7526
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
|
|
7527
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
|
|
7528
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
|
|
7529
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
|
|
7530
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
7531
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
7532
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
7533
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
7534
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
7535
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
7536
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
7537
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7538
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7539
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
7540
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
7541
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
7542
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
7543
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
7544
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
7545
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
7546
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--text--color--inverse);
|
|
7547
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
7548
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
7549
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
7550
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
7551
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
7552
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
7553
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
7554
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
7555
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
7556
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
7557
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
7558
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
7559
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
7560
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
7561
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
7562
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
7563
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
7564
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
7565
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
7566
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
7567
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
7568
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
7569
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
7570
|
+
}
|
|
7571
|
+
|
|
7572
|
+
:root:where(.pf-v6-theme-high-contrast) {
|
|
7573
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
|
|
7574
|
+
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
7575
|
+
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
7576
|
+
--pf-t--global--border--radius--0: 0px;
|
|
7577
|
+
--pf-t--global--border--radius--100: 4px;
|
|
7578
|
+
--pf-t--global--border--radius--200: 6px;
|
|
7579
|
+
--pf-t--global--border--radius--300: 16px;
|
|
7580
|
+
--pf-t--global--border--radius--400: 24px;
|
|
7581
|
+
--pf-t--global--border--radius--500: 999px;
|
|
7582
|
+
--pf-t--global--border--width--100: 1px;
|
|
7583
|
+
--pf-t--global--border--width--200: 2px;
|
|
7584
|
+
--pf-t--global--border--width--300: 3px;
|
|
7585
|
+
--pf-t--global--border--width--400: 4px;
|
|
7586
|
+
--pf-t--global--border--width--action--plain--default: 0px;
|
|
7587
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
7588
|
+
--pf-t--global--box-shadow--X--200: -4px;
|
|
7589
|
+
--pf-t--global--box-shadow--X--300: -1px;
|
|
7590
|
+
--pf-t--global--box-shadow--X--400: 0px;
|
|
7591
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
7592
|
+
--pf-t--global--box-shadow--X--500: 1px;
|
|
7593
|
+
--pf-t--global--box-shadow--X--600: 4px;
|
|
7594
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
7595
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
7596
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
7597
|
+
--pf-t--global--box-shadow--Y--200: -4px;
|
|
7598
|
+
--pf-t--global--box-shadow--Y--300: -1px;
|
|
7599
|
+
--pf-t--global--box-shadow--Y--400: 0px;
|
|
7600
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
7601
|
+
--pf-t--global--box-shadow--Y--500: 1px;
|
|
7602
|
+
--pf-t--global--box-shadow--Y--600: 4px;
|
|
7603
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
7604
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
7605
|
+
--pf-t--global--box-shadow--blur--100: 4px;
|
|
7606
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
7607
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7608
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
7609
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
7610
|
+
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7611
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7612
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
7613
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
7614
|
+
--pf-t--global--breakpoint--100: 0rem;
|
|
7615
|
+
--pf-t--global--breakpoint--200: 36rem;
|
|
7616
|
+
--pf-t--global--breakpoint--250: 40rem;
|
|
7617
|
+
--pf-t--global--breakpoint--300: 48rem;
|
|
7618
|
+
--pf-t--global--breakpoint--350: 60rem;
|
|
7619
|
+
--pf-t--global--breakpoint--400: 62rem;
|
|
7620
|
+
--pf-t--global--breakpoint--500: 75rem;
|
|
7621
|
+
--pf-t--global--breakpoint--550: 80rem;
|
|
7622
|
+
--pf-t--global--breakpoint--600: 90.625rem;
|
|
7623
|
+
--pf-t--global--color--nonstatus--green--400: #3d7019;
|
|
7624
|
+
--pf-t--global--color--status--success--150: #3d7019;
|
|
7625
|
+
--pf-t--global--focus-ring--position--inset: -4px;
|
|
7626
|
+
--pf-t--global--focus-ring--position--offset: 2px;
|
|
7627
|
+
--pf-t--global--focus-ring--width--inset: 3px;
|
|
7628
|
+
--pf-t--global--focus-ring--width--offset: 2px;
|
|
7629
|
+
--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;
|
|
7630
|
+
--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;
|
|
7631
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
7632
|
+
--pf-t--global--font--line-height--100: 1.3;
|
|
7633
|
+
--pf-t--global--font--line-height--200: 1.5;
|
|
7634
|
+
--pf-t--global--font--size--100: 0.75rem;
|
|
7635
|
+
--pf-t--global--font--size--200: 0.875rem;
|
|
7636
|
+
--pf-t--global--font--size--300: 1rem;
|
|
7637
|
+
--pf-t--global--font--size--400: 1.125rem;
|
|
7638
|
+
--pf-t--global--font--size--500: 1.25rem;
|
|
7639
|
+
--pf-t--global--font--size--600: 1.5rem;
|
|
7640
|
+
--pf-t--global--font--size--700: 1.75rem;
|
|
7641
|
+
--pf-t--global--font--size--800: 2.25rem;
|
|
7642
|
+
--pf-t--global--font--weight--100: 400;
|
|
7643
|
+
--pf-t--global--font--weight--200: 500;
|
|
7644
|
+
--pf-t--global--font--weight--300: 500;
|
|
7645
|
+
--pf-t--global--font--weight--400: 700;
|
|
7646
|
+
--pf-t--global--icon--size--100: 0.75rem;
|
|
7647
|
+
--pf-t--global--icon--size--200: 0.875rem;
|
|
7648
|
+
--pf-t--global--icon--size--250: 1rem;
|
|
7649
|
+
--pf-t--global--icon--size--300: 1.5rem;
|
|
7650
|
+
--pf-t--global--icon--size--400: 3.5rem;
|
|
7651
|
+
--pf-t--global--icon--size--500: 6rem;
|
|
7652
|
+
--pf-t--global--spacer--100: 0.25rem;
|
|
7653
|
+
--pf-t--global--spacer--200: 0.5rem;
|
|
7654
|
+
--pf-t--global--spacer--300: 1rem;
|
|
7655
|
+
--pf-t--global--spacer--400: 1.5rem;
|
|
7656
|
+
--pf-t--global--spacer--500: 2rem;
|
|
7657
|
+
--pf-t--global--spacer--600: 3rem;
|
|
7658
|
+
--pf-t--global--spacer--700: 4rem;
|
|
7659
|
+
--pf-t--global--spacer--800: 5rem;
|
|
7660
|
+
--pf-t--global--text-decoration--line--100: none;
|
|
7661
|
+
--pf-t--global--text-decoration--line--200: underline;
|
|
7662
|
+
--pf-t--global--text-decoration--style--100: solid;
|
|
7663
|
+
--pf-t--global--text-decoration--style--200: dashed;
|
|
7664
|
+
--pf-t--global--z-index--100: 100;
|
|
7665
|
+
--pf-t--global--z-index--200: 200;
|
|
7666
|
+
--pf-t--global--z-index--300: 300;
|
|
7667
|
+
--pf-t--global--z-index--400: 400;
|
|
7668
|
+
--pf-t--global--z-index--500: 500;
|
|
7669
|
+
--pf-t--global--z-index--600: 600;
|
|
7670
|
+
--pf-t--global--background--color--100: var(--pf-t--color--white);
|
|
7671
|
+
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
7672
|
+
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
7673
|
+
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
7674
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
7675
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
7676
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
7677
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
7678
|
+
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
7679
|
+
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
7680
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
7681
|
+
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
7682
|
+
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
7683
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
7684
|
+
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
7685
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
7686
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
7687
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7688
|
+
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
7689
|
+
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
7690
|
+
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
7691
|
+
--pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
|
|
7692
|
+
--pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
|
|
7693
|
+
--pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
|
|
7694
|
+
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
7695
|
+
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
7696
|
+
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
7697
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
7698
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
7699
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
7700
|
+
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
7701
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
7702
|
+
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
7703
|
+
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
7704
|
+
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
7705
|
+
--pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
|
|
7706
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
7707
|
+
--pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
|
|
7708
|
+
--pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
|
|
7709
|
+
--pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
|
|
7710
|
+
--pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
|
|
7711
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
7712
|
+
--pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
|
|
7713
|
+
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
7714
|
+
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7715
|
+
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
7716
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
7717
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
7718
|
+
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
7719
|
+
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7720
|
+
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
7721
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
7722
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
7723
|
+
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
7724
|
+
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
7725
|
+
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
7726
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
7727
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
7728
|
+
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
7729
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
7730
|
+
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
7731
|
+
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7732
|
+
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7733
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
7734
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
7735
|
+
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
7736
|
+
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7737
|
+
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7738
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
7739
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
7740
|
+
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
7741
|
+
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
7742
|
+
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
7743
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
7744
|
+
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
7745
|
+
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
7746
|
+
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
7747
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
7748
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7749
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
7750
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
7751
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
7752
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
7753
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7754
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
7755
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7756
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
7757
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
7758
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
7759
|
+
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
7760
|
+
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
7761
|
+
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
7762
|
+
--pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
|
|
7763
|
+
--pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
|
|
7764
|
+
--pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
|
|
7765
|
+
--pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
|
|
7766
|
+
--pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
|
|
7767
|
+
--pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
|
|
7768
|
+
--pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
|
|
7769
|
+
--pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
|
|
7770
|
+
--pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
|
|
7771
|
+
--pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
|
|
7772
|
+
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
7773
|
+
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
7774
|
+
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
7775
|
+
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
7776
|
+
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
7777
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
|
|
7778
|
+
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
7779
|
+
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
7780
|
+
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
7781
|
+
--pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
|
|
7782
|
+
--pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
|
|
7783
|
+
--pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
|
|
7784
|
+
--pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
|
|
7785
|
+
--pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
|
|
7786
|
+
--pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
|
|
7787
|
+
--pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
|
|
7788
|
+
--pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
|
|
7789
|
+
--pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
7790
|
+
--pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
|
|
7791
|
+
--pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
|
|
7792
|
+
--pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
|
|
7793
|
+
--pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
|
|
7794
|
+
--pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
|
|
7795
|
+
--pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
|
|
7796
|
+
--pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
|
|
7797
|
+
--pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
|
|
7798
|
+
--pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
|
|
7799
|
+
--pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
|
|
7800
|
+
--pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
|
|
7801
|
+
--pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
|
|
7802
|
+
--pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
|
|
7803
|
+
--pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
|
|
7804
|
+
--pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
|
|
7805
|
+
--pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
|
|
7806
|
+
--pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
|
|
7807
|
+
--pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
|
|
7808
|
+
--pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
|
|
7809
|
+
--pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
|
|
7810
|
+
--pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
|
|
7811
|
+
--pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
|
|
7812
|
+
--pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
|
|
7813
|
+
--pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
|
|
7814
|
+
--pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
|
|
7815
|
+
--pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
|
|
7816
|
+
--pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
|
|
7817
|
+
--pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
|
|
7818
|
+
--pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
|
|
7819
|
+
--pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
|
|
7820
|
+
--pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
|
|
7821
|
+
--pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
|
|
7822
|
+
--pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
|
|
7823
|
+
--pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
|
|
7824
|
+
--pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
|
|
7825
|
+
--pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
|
|
7826
|
+
--pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
|
|
7827
|
+
--pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
|
|
7828
|
+
--pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
|
|
7829
|
+
--pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
|
|
7830
|
+
--pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
|
|
7831
|
+
--pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
|
|
7832
|
+
--pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
|
|
7833
|
+
--pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
|
|
7834
|
+
--pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
|
|
7835
|
+
--pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
|
|
7836
|
+
--pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
|
|
7837
|
+
--pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
|
|
7838
|
+
--pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
|
|
7839
|
+
--pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
|
|
7840
|
+
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
7841
|
+
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
7842
|
+
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
7843
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
|
|
7844
|
+
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
7845
|
+
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
7846
|
+
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
7847
|
+
--pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
|
|
7848
|
+
--pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
|
|
7849
|
+
--pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
|
|
7850
|
+
--pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
7851
|
+
--pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
|
|
7852
|
+
--pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
|
|
7853
|
+
--pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
|
|
7854
|
+
--pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
|
|
7855
|
+
--pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
|
|
7856
|
+
--pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
|
|
7857
|
+
--pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
|
|
7858
|
+
--pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
|
|
7859
|
+
--pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
|
|
7860
|
+
--pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
|
|
7861
|
+
--pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
|
|
7862
|
+
--pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
|
|
7863
|
+
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
7864
|
+
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
7865
|
+
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
7866
|
+
--pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
|
|
7867
|
+
--pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
|
|
7868
|
+
--pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
|
|
7869
|
+
--pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
|
|
7870
|
+
--pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
|
|
7871
|
+
--pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
|
|
7872
|
+
--pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
|
|
7873
|
+
--pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
|
|
7874
|
+
--pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
|
|
7875
|
+
--pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
|
|
7876
|
+
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
7877
|
+
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
7878
|
+
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
7879
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
|
|
7880
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
|
|
7881
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
|
|
7882
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
7883
|
+
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
7884
|
+
--pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
|
|
7885
|
+
--pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
|
|
7886
|
+
--pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
|
|
7887
|
+
--pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
|
|
7888
|
+
--pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
|
|
7889
|
+
--pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
|
|
7890
|
+
--pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
|
|
7891
|
+
--pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
|
|
7892
|
+
--pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
|
|
7893
|
+
--pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
|
|
7894
|
+
--pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
|
|
7895
|
+
--pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
|
|
7896
|
+
--pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
|
|
7897
|
+
--pf-t--global--text--color--100: var(--pf-t--color--gray--95);
|
|
7898
|
+
--pf-t--global--text--color--200: var(--pf-t--color--gray--60);
|
|
7899
|
+
--pf-t--global--text--color--250: var(--pf-t--color--gray--70);
|
|
7900
|
+
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
7901
|
+
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
7902
|
+
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
7903
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
|
|
7904
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
|
|
7905
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
|
|
7906
|
+
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
7907
|
+
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
7908
|
+
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
7909
|
+
--pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
|
|
7910
|
+
--pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
|
|
7911
|
+
--pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7912
|
+
--pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7913
|
+
--pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7914
|
+
--pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7915
|
+
--pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7916
|
+
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7917
|
+
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
7918
|
+
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
7919
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
7920
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
7921
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
7922
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
7923
|
+
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
7924
|
+
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
7925
|
+
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
7926
|
+
--pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
|
|
7927
|
+
--pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
|
|
7928
|
+
--pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
|
|
7929
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
|
|
7930
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
|
|
7931
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
|
|
7932
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
|
|
7933
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
7934
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
7935
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
7936
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
7937
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
7938
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
7939
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
7940
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
7941
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
7942
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
7943
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
7944
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
7945
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
7946
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
|
|
7947
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
7948
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
7949
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
7950
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
7951
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
7952
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
7953
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
7954
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
7955
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
7956
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
7957
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
7958
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
7959
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
7960
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
7961
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
7962
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
7963
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
7964
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
7965
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
7966
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
7967
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
7968
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
7969
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
7970
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
7971
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
7972
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
7973
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
7974
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
7975
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
7976
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
7977
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
7978
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
7979
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
7980
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
7981
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
7982
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
7983
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
7984
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
7985
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
7986
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
7987
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
7988
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
7989
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
7990
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
7991
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
|
|
7992
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
|
|
7993
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
|
|
7994
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
7995
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
7996
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
7997
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
|
|
7998
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
|
|
7999
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
|
|
8000
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8001
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
|
|
8002
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
|
|
8003
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8004
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
|
|
8005
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
|
|
8006
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8007
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
|
|
8008
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
|
|
8009
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
|
|
8010
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
|
|
8011
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
|
|
8012
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8013
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
|
|
8014
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
|
|
8015
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8016
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
|
|
8017
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
|
|
8018
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
8019
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
8020
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
8021
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
8022
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
8023
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
8024
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
8025
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
8026
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
8027
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
8028
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8029
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
8030
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8031
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8032
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8033
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
8034
|
+
--pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
|
|
8035
|
+
--pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
|
|
8036
|
+
--pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
|
|
8037
|
+
--pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
|
|
8038
|
+
--pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
|
|
8039
|
+
--pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
|
|
8040
|
+
--pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
|
|
8041
|
+
--pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
|
|
8042
|
+
--pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
|
|
8043
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8044
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
|
|
8045
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8046
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
|
|
8047
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
|
|
8048
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
8049
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
8050
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
8051
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
8052
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
8053
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
8054
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
8055
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
8056
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8057
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8058
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8059
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8060
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8061
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
8062
|
+
--pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
|
|
8063
|
+
--pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
|
|
8064
|
+
--pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
|
|
8065
|
+
--pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
|
|
8066
|
+
--pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
|
|
8067
|
+
--pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
|
|
8068
|
+
--pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
|
|
8069
|
+
--pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
|
|
8070
|
+
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
8071
|
+
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
8072
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
8073
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
8074
|
+
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
8075
|
+
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8076
|
+
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
8077
|
+
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
8078
|
+
--pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
|
|
8079
|
+
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
8080
|
+
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
8081
|
+
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
8082
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
8083
|
+
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
8084
|
+
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
8085
|
+
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
8086
|
+
--pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
|
|
8087
|
+
--pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
|
|
8088
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
8089
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
|
|
8090
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
|
|
8091
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
|
|
8092
|
+
--pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
|
|
8093
|
+
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
8094
|
+
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
8095
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
8096
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
8097
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
|
|
8098
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
8099
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
8100
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
8101
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
8102
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
|
|
8103
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
|
|
8104
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
8105
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
8106
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
8107
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
8108
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
8109
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
8110
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8111
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8112
|
+
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
8113
|
+
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
8114
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8115
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8116
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
8117
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8118
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8119
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8120
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8121
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8122
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
8123
|
+
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8124
|
+
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8125
|
+
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8126
|
+
--pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8127
|
+
--pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8128
|
+
--pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8129
|
+
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8130
|
+
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8131
|
+
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8132
|
+
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
8133
|
+
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8134
|
+
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
8135
|
+
--pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8136
|
+
--pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8137
|
+
--pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
|
|
8138
|
+
--pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
|
|
8139
|
+
--pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
|
|
8140
|
+
--pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
|
|
8141
|
+
--pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
|
|
8142
|
+
--pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
|
|
8143
|
+
--pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
|
|
8144
|
+
--pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
|
|
8145
|
+
--pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
|
|
8146
|
+
--pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
|
|
8147
|
+
--pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
|
|
8148
|
+
--pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
|
|
8149
|
+
--pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
|
|
8150
|
+
--pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
|
|
8151
|
+
--pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
|
|
8152
|
+
--pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
|
|
8153
|
+
--pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
|
|
8154
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
|
|
8155
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
|
|
8156
|
+
--pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
|
|
8157
|
+
--pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
|
|
8158
|
+
--pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
|
|
8159
|
+
--pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
|
|
8160
|
+
--pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
|
|
8161
|
+
--pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
|
|
8162
|
+
--pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
|
|
8163
|
+
--pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
|
|
8164
|
+
--pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
|
|
8165
|
+
--pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
|
|
8166
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
8167
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
8168
|
+
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
8169
|
+
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8170
|
+
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
8171
|
+
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
8172
|
+
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8173
|
+
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8174
|
+
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8175
|
+
--pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8176
|
+
--pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8177
|
+
--pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8178
|
+
--pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8179
|
+
--pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
|
|
8180
|
+
--pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
|
|
8181
|
+
--pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8182
|
+
--pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
|
|
8183
|
+
--pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
|
|
8184
|
+
--pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8185
|
+
--pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
|
|
8186
|
+
--pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
|
|
8187
|
+
--pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8188
|
+
--pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
|
|
8189
|
+
--pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
|
|
8190
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8191
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
8192
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
8193
|
+
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8194
|
+
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
8195
|
+
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
8196
|
+
--pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8197
|
+
--pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
|
|
8198
|
+
--pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
|
|
8199
|
+
--pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
|
|
8200
|
+
--pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
|
|
8201
|
+
--pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
|
|
8202
|
+
--pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
|
|
8203
|
+
--pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
|
|
8204
|
+
--pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
|
|
8205
|
+
--pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
|
|
8206
|
+
--pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
|
|
8207
|
+
--pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
|
|
8208
|
+
--pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
|
|
8209
|
+
--pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
|
|
8210
|
+
--pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
|
|
8211
|
+
--pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
|
|
8212
|
+
--pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
|
|
8213
|
+
--pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
|
|
8214
|
+
--pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
|
|
8215
|
+
--pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
|
|
8216
|
+
--pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
|
|
8217
|
+
--pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
|
|
8218
|
+
--pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
|
|
8219
|
+
--pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
|
|
8220
|
+
--pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
|
|
8221
|
+
--pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
|
|
8222
|
+
--pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
|
|
8223
|
+
--pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
|
|
8224
|
+
--pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
|
|
8225
|
+
--pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
|
|
8226
|
+
--pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
|
|
8227
|
+
--pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
|
|
8228
|
+
--pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
|
|
8229
|
+
--pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
|
|
8230
|
+
--pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
|
|
8231
|
+
--pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
|
|
8232
|
+
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
8233
|
+
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
8234
|
+
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
8235
|
+
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
8236
|
+
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
8237
|
+
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
8238
|
+
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
8239
|
+
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
8240
|
+
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
8241
|
+
--pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
8242
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
8243
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
|
|
8244
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
|
|
8245
|
+
--pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
8246
|
+
--pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
8247
|
+
--pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
8248
|
+
--pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
|
|
8249
|
+
--pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
|
|
8250
|
+
--pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
|
|
8251
|
+
--pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
|
|
8252
|
+
--pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
|
|
8253
|
+
--pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
|
|
8254
|
+
--pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
|
|
8255
|
+
--pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
|
|
8256
|
+
--pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
|
|
8257
|
+
--pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
|
|
8258
|
+
--pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
|
|
8259
|
+
--pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
|
|
8260
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
8261
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
8262
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8263
|
+
--pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
|
|
8264
|
+
--pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
|
|
8265
|
+
--pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
|
|
8266
|
+
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
8267
|
+
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
8268
|
+
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
8269
|
+
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
8270
|
+
}
|
|
8271
|
+
|
|
8272
|
+
:root:where(.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
8273
|
+
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
8274
|
+
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
8275
|
+
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
8276
|
+
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
8277
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
8278
|
+
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8279
|
+
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8280
|
+
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
8281
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
8282
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
8283
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8284
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8285
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8286
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8287
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
8288
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
8289
|
+
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
8290
|
+
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
8291
|
+
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
8292
|
+
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
8293
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
8294
|
+
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
8295
|
+
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
8296
|
+
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
8297
|
+
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
8298
|
+
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
8299
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
8300
|
+
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
8301
|
+
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
8302
|
+
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
8303
|
+
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
8304
|
+
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
8305
|
+
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
8306
|
+
--pf-t--global--dark--color--disabled--400: var(--pf-t--color--gray--90);
|
|
8307
|
+
--pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
8308
|
+
--pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
|
|
8309
|
+
--pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
|
|
8310
|
+
--pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
|
|
8311
|
+
--pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
|
|
8312
|
+
--pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--60);
|
|
8313
|
+
--pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--50);
|
|
8314
|
+
--pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
|
|
8315
|
+
--pf-t--global--dark--color--nonstatus--gray--50: var(--pf-t--color--gray--70);
|
|
8316
|
+
--pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
|
|
8317
|
+
--pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
|
|
8318
|
+
--pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
|
|
8319
|
+
--pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
|
|
8320
|
+
--pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
|
|
8321
|
+
--pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
|
|
8322
|
+
--pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--30);
|
|
8323
|
+
--pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--20);
|
|
8324
|
+
--pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--10);
|
|
8325
|
+
--pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--30);
|
|
8326
|
+
--pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--20);
|
|
8327
|
+
--pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--10);
|
|
8328
|
+
--pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--30);
|
|
8329
|
+
--pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--20);
|
|
8330
|
+
--pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--10);
|
|
8331
|
+
--pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
|
|
8332
|
+
--pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
|
|
8333
|
+
--pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
|
|
8334
|
+
--pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
|
|
8335
|
+
--pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
|
|
8336
|
+
--pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
|
|
8337
|
+
--pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
|
|
8338
|
+
--pf-t--global--dark--color--severity--critical--200: var(--pf-t--color--red-orange--40);
|
|
8339
|
+
--pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
|
|
8340
|
+
--pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
|
|
8341
|
+
--pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
|
|
8342
|
+
--pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
|
|
8343
|
+
--pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
|
|
8344
|
+
--pf-t--global--dark--color--status--custom--100: var(--pf-t--color--teal--40);
|
|
8345
|
+
--pf-t--global--dark--color--status--custom--200: var(--pf-t--color--teal--30);
|
|
8346
|
+
--pf-t--global--dark--color--status--custom--300: var(--pf-t--color--teal--20);
|
|
8347
|
+
--pf-t--global--dark--color--status--danger--100: var(--pf-t--color--red-orange--50);
|
|
8348
|
+
--pf-t--global--dark--color--status--danger--200: var(--pf-t--color--red-orange--40);
|
|
8349
|
+
--pf-t--global--dark--color--status--danger--250: var(--pf-t--color--red-orange--30);
|
|
8350
|
+
--pf-t--global--dark--color--status--danger--300: var(--pf-t--color--red-orange--20);
|
|
8351
|
+
--pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--30);
|
|
8352
|
+
--pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--20);
|
|
8353
|
+
--pf-t--global--dark--color--status--info--300: var(--pf-t--color--purple--10);
|
|
8354
|
+
--pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
|
|
8355
|
+
--pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
|
|
8356
|
+
--pf-t--global--dark--color--status--success--300: var(--pf-t--color--green--20);
|
|
8357
|
+
--pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
|
|
8358
|
+
--pf-t--global--dark--color--status--warning--200: var(--pf-t--color--yellow--20);
|
|
8359
|
+
--pf-t--global--dark--focus-ring--color--100: var(--pf-t--color--blue--30);
|
|
8360
|
+
--pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--10);
|
|
8361
|
+
--pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--40);
|
|
8362
|
+
--pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--90);
|
|
8363
|
+
--pf-t--global--dark--text--color--100: var(--pf-t--color--white);
|
|
8364
|
+
--pf-t--global--dark--text--color--200: var(--pf-t--color--gray--30);
|
|
8365
|
+
--pf-t--global--dark--text--color--300: var(--pf-t--color--gray--90);
|
|
8366
|
+
--pf-t--global--dark--text--color--400: var(--pf-t--color--red-orange--30);
|
|
8367
|
+
--pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--20);
|
|
8368
|
+
--pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--10);
|
|
8369
|
+
--pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--30);
|
|
8370
|
+
--pf-t--global--dark--text--color--link--400: var(--pf-t--color--purple--20);
|
|
8371
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8372
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8373
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
8374
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
8375
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
8376
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
8377
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
8378
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
8379
|
+
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
8380
|
+
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
8381
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
8382
|
+
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
8383
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
8384
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8385
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8386
|
+
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
8387
|
+
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
8388
|
+
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
8389
|
+
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
8390
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8391
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
8392
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
8393
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
8394
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
8395
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8396
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8397
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8398
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8399
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--200);
|
|
8400
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--300);
|
|
8401
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8402
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8403
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8404
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8405
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8406
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8407
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8408
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8409
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8410
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8411
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8412
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8413
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8414
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8415
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8416
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8417
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8418
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8419
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8420
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8421
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8422
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
8423
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
8424
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
8425
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
8426
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
8427
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
8428
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
8429
|
+
--pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8430
|
+
--pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
|
|
8431
|
+
--pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
8432
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8433
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
8434
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
8435
|
+
--pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8436
|
+
--pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
|
|
8437
|
+
--pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
|
|
8438
|
+
--pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8439
|
+
--pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
|
|
8440
|
+
--pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
|
|
8441
|
+
--pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8442
|
+
--pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
|
|
8443
|
+
--pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
|
|
8444
|
+
--pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8445
|
+
--pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
|
|
8446
|
+
--pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
|
|
8447
|
+
--pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8448
|
+
--pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
|
|
8449
|
+
--pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
|
|
8450
|
+
--pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8451
|
+
--pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
|
|
8452
|
+
--pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
|
|
8453
|
+
--pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8454
|
+
--pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
8455
|
+
--pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
8456
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
8457
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
8458
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
8459
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
8460
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
8461
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
8462
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--dark--color--status--info--200);
|
|
8463
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
|
|
8464
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
|
|
8465
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
8466
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
8467
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
8468
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--dark--color--status--warning--200);
|
|
8469
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
|
|
8470
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
|
|
8471
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--dark--focus-ring--color--100);
|
|
8472
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8473
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8474
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8475
|
+
--pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8476
|
+
--pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
|
|
8477
|
+
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
|
|
8478
|
+
--pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
|
|
8479
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
8480
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
|
|
8481
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
|
|
8482
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
|
|
8483
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
|
|
8484
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
|
|
8485
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
|
|
8486
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
|
|
8487
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--dark--color--brand--200);
|
|
8488
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
|
|
8489
|
+
--pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
8490
|
+
--pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
|
|
8491
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
|
|
8492
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
|
|
8493
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
8494
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
8495
|
+
--pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
|
|
8496
|
+
--pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
|
|
8497
|
+
--pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
|
|
8498
|
+
--pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
|
|
8499
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
8500
|
+
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
8501
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
8502
|
+
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
8503
|
+
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
8504
|
+
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
8505
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
8506
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
7336
8507
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
7337
8508
|
--pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
7338
8509
|
--pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -7702,6 +8873,9 @@
|
|
|
7702
8873
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7703
8874
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7704
8875
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
8876
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
8877
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8878
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
7705
8879
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7706
8880
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7707
8881
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7710,15 +8884,22 @@
|
|
|
7710
8884
|
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7711
8885
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
7712
8886
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
8887
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
|
7713
8888
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7714
8889
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7715
|
-
--pf-v6-c-accordion__expandable-content--MarginBlockEnd:
|
|
8890
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
|
7716
8891
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
7717
8892
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7718
8893
|
--pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7719
8894
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7720
8895
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8896
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
|
|
7721
8897
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
8898
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
8899
|
+
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
8900
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
8901
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
8902
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7722
8903
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7723
8904
|
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7724
8905
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
@@ -7755,6 +8936,12 @@
|
|
|
7755
8936
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
7756
8937
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7757
8938
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
8939
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
8940
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8941
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
8942
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: 0;
|
|
8943
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8944
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
7758
8945
|
}
|
|
7759
8946
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7760
8947
|
.pf-v6-c-accordion {
|
|
@@ -7793,6 +8980,7 @@
|
|
|
7793
8980
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
7794
8981
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
7795
8982
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
8983
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
7796
8984
|
}
|
|
7797
8985
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
7798
8986
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -7807,6 +8995,7 @@
|
|
|
7807
8995
|
pointer-events: none;
|
|
7808
8996
|
content: "";
|
|
7809
8997
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
8998
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
|
7810
8999
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7811
9000
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7812
9001
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -7816,17 +9005,22 @@
|
|
|
7816
9005
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7817
9006
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7818
9007
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
9008
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
|
|
7819
9009
|
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7820
9010
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7821
9011
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7822
9012
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
9013
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
7823
9014
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7824
9015
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7825
9016
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7826
9017
|
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7827
|
-
|
|
7828
|
-
|
|
7829
|
-
|
|
9018
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
|
|
9019
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
|
|
9020
|
+
--pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
|
|
9021
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9022
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9023
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
7830
9024
|
}
|
|
7831
9025
|
|
|
7832
9026
|
.pf-v6-c-accordion__toggle {
|
|
@@ -7847,8 +9041,17 @@
|
|
|
7847
9041
|
border: 0;
|
|
7848
9042
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
7849
9043
|
}
|
|
9044
|
+
.pf-v6-c-accordion__toggle::after {
|
|
9045
|
+
position: absolute;
|
|
9046
|
+
inset: 0;
|
|
9047
|
+
pointer-events: none;
|
|
9048
|
+
content: "";
|
|
9049
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
|
9050
|
+
border-radius: inherit;
|
|
9051
|
+
}
|
|
7850
9052
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
7851
9053
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
|
9054
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
|
7852
9055
|
}
|
|
7853
9056
|
|
|
7854
9057
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -7862,6 +9065,7 @@
|
|
|
7862
9065
|
|
|
7863
9066
|
.pf-v6-c-accordion__toggle-icon {
|
|
7864
9067
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9068
|
+
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
7865
9069
|
}
|
|
7866
9070
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
7867
9071
|
scale: -1 1;
|
|
@@ -7872,13 +9076,15 @@
|
|
|
7872
9076
|
}
|
|
7873
9077
|
|
|
7874
9078
|
.pf-v6-c-accordion__expandable-content {
|
|
7875
|
-
max-height:
|
|
9079
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9080
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7876
9081
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
7877
9082
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
7878
9083
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
7879
9084
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
7880
|
-
visibility:
|
|
9085
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
7881
9086
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9087
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
7882
9088
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
7883
9089
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
7884
9090
|
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);
|
|
@@ -7888,17 +9094,9 @@
|
|
|
7888
9094
|
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
7889
9095
|
}
|
|
7890
9096
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9097
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
7891
9098
|
overflow-y: auto;
|
|
7892
9099
|
}
|
|
7893
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7894
|
-
max-height: 99999px;
|
|
7895
|
-
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7896
|
-
visibility: revert;
|
|
7897
|
-
transition-delay: 0s;
|
|
7898
|
-
}
|
|
7899
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7900
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7901
|
-
}
|
|
7902
9100
|
|
|
7903
9101
|
.pf-v6-c-accordion__expandable-content-body {
|
|
7904
9102
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8201,7 +9399,8 @@
|
|
|
8201
9399
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8202
9400
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8203
9401
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8204
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
|
9402
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9403
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8205
9404
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8206
9405
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
8207
9406
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -8210,6 +9409,7 @@
|
|
|
8210
9409
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
8211
9410
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
8212
9411
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
9412
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
8213
9413
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
8214
9414
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
8215
9415
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
@@ -8240,10 +9440,23 @@
|
|
|
8240
9440
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
8241
9441
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
8242
9442
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
8243
|
-
border
|
|
9443
|
+
border: 0;
|
|
8244
9444
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
8245
9445
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
8246
9446
|
}
|
|
9447
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
|
9448
|
+
position: absolute;
|
|
9449
|
+
inset: 0;
|
|
9450
|
+
pointer-events: none;
|
|
9451
|
+
content: "";
|
|
9452
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
|
9453
|
+
border-radius: inherit;
|
|
9454
|
+
}
|
|
9455
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
9456
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
|
9457
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
9458
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
9459
|
+
}
|
|
8247
9460
|
|
|
8248
9461
|
.pf-v6-c-alert-group__item {
|
|
8249
9462
|
display: grid;
|
|
@@ -8299,19 +9512,6 @@
|
|
|
8299
9512
|
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));
|
|
8300
9513
|
}
|
|
8301
9514
|
}
|
|
8302
|
-
.pf-v6-c-alert-group__item:hover {
|
|
8303
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
8304
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
8305
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
8306
|
-
}
|
|
8307
|
-
.pf-v6-c-alert-group__item:focus {
|
|
8308
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
8309
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
8310
|
-
}
|
|
8311
|
-
.pf-v6-c-alert-group__item:active {
|
|
8312
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
8313
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
8314
|
-
}
|
|
8315
9515
|
|
|
8316
9516
|
.pf-v6-c-avatar {
|
|
8317
9517
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -8653,6 +9853,7 @@
|
|
|
8653
9853
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8654
9854
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8655
9855
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
9856
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8656
9857
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
8657
9858
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
8658
9859
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -8685,6 +9886,7 @@
|
|
|
8685
9886
|
border-radius: inherit;
|
|
8686
9887
|
}
|
|
8687
9888
|
.pf-v6-c-badge.pf-m-read {
|
|
9889
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
8688
9890
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
8689
9891
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
8690
9892
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -8717,6 +9919,8 @@
|
|
|
8717
9919
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
8718
9920
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8719
9921
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
9922
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9923
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
8720
9924
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
8721
9925
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
8722
9926
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -8767,6 +9971,8 @@
|
|
|
8767
9971
|
color: var(--pf-v6-c-banner--Color);
|
|
8768
9972
|
white-space: nowrap;
|
|
8769
9973
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
9974
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
9975
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
8770
9976
|
}
|
|
8771
9977
|
.pf-v6-c-banner.pf-m-danger {
|
|
8772
9978
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -9046,9 +10252,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9046
10252
|
--pf-v6-c-button--TransitionDelay: 0s;
|
|
9047
10253
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
9048
10254
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9049
|
-
--pf-v6-c-button--TransitionProperty: color, background, border-
|
|
10255
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-color;
|
|
9050
10256
|
--pf-v6-c-button--ScaleX: 1;
|
|
9051
10257
|
--pf-v6-c-button--ScaleY: 1;
|
|
10258
|
+
--pf-v6-c-button--border--offset: 0;
|
|
9052
10259
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
9053
10260
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
9054
10261
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -9112,6 +10319,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9112
10319
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
9113
10320
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9114
10321
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10322
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10323
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10324
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10325
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10326
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10327
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9115
10328
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
9116
10329
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9117
10330
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -9162,6 +10375,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9162
10375
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
9163
10376
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
9164
10377
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
10378
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10379
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10380
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10381
|
+
--pf-v6-c-button--m-plain--BorderColor: transparent;
|
|
10382
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10383
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9165
10384
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
9166
10385
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
9167
10386
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -9174,7 +10393,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9174
10393
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9175
10394
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
9176
10395
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
9177
|
-
--pf-v6-c-
|
|
10396
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
9178
10397
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
9179
10398
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9180
10399
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -9309,7 +10528,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9309
10528
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9310
10529
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9311
10530
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9312
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
|
10531
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
|
9313
10532
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9314
10533
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9315
10534
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -9365,7 +10584,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9365
10584
|
}
|
|
9366
10585
|
.pf-v6-c-button::after {
|
|
9367
10586
|
position: absolute;
|
|
9368
|
-
inset:
|
|
10587
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
9369
10588
|
pointer-events: none;
|
|
9370
10589
|
content: "";
|
|
9371
10590
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -9429,6 +10648,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9429
10648
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
9430
10649
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
9431
10650
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
|
10651
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
|
10652
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
|
10653
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
|
10654
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
|
10655
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
|
10656
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
|
9432
10657
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
9433
10658
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
9434
10659
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -9468,6 +10693,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9468
10693
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
9469
10694
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
9470
10695
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
10696
|
+
--pf-v6-c-button--BorderWidth: 0;
|
|
10697
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
10698
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
9471
10699
|
text-align: start;
|
|
9472
10700
|
white-space: normal;
|
|
9473
10701
|
background: transparent;
|
|
@@ -9575,6 +10803,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9575
10803
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
9576
10804
|
}
|
|
9577
10805
|
.pf-v6-c-button.pf-m-plain {
|
|
10806
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
|
10807
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
|
10808
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
|
10809
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
|
10810
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
|
10811
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
|
9578
10812
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
9579
10813
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
9580
10814
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -9603,6 +10837,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9603
10837
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
9604
10838
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9605
10839
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
10840
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
|
9606
10841
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9607
10842
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9608
10843
|
}
|
|
@@ -9695,6 +10930,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9695
10930
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
9696
10931
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9697
10932
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
10933
|
+
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
9698
10934
|
}
|
|
9699
10935
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
9700
10936
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -9874,6 +11110,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9874
11110
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
9875
11111
|
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
9876
11112
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
11113
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11114
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
11115
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
9877
11116
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
9878
11117
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
9879
11118
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
@@ -9881,15 +11120,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9881
11120
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
9882
11121
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
9883
11122
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11123
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11124
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9884
11125
|
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
9885
11126
|
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
9886
11127
|
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
11128
|
+
--pf-v6-c-calendar-month__date--BorderWidth: 0;
|
|
11129
|
+
--pf-v6-c-calendar-month__date--BorderColor: transparent;
|
|
9887
11130
|
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
9888
11131
|
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
9889
11132
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
9890
11133
|
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
9891
11134
|
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
9892
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth:
|
|
11135
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: 0;
|
|
9893
11136
|
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
9894
11137
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
9895
11138
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -9898,7 +11141,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9898
11141
|
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
9899
11142
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
9900
11143
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11144
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
9901
11145
|
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
11146
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11147
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11148
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
11149
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
|
|
9902
11150
|
}
|
|
9903
11151
|
|
|
9904
11152
|
.pf-v6-c-calendar-month {
|
|
@@ -9971,13 +11219,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9971
11219
|
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
9972
11220
|
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
9973
11221
|
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
11222
|
+
pointer-events: none;
|
|
9974
11223
|
content: "";
|
|
9975
11224
|
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
11225
|
+
border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
|
|
11226
|
+
border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
|
|
9976
11227
|
}
|
|
9977
11228
|
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
9978
11229
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
11230
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
|
|
11231
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
|
|
9979
11232
|
}
|
|
9980
11233
|
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
11234
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
|
|
11235
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
|
|
9981
11236
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
9982
11237
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
9983
11238
|
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
@@ -9996,14 +11251,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9996
11251
|
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
9997
11252
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
9998
11253
|
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
11254
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
11255
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
|
|
9999
11256
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
10000
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth:
|
|
11257
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
10001
11258
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
10002
11259
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
10003
11260
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
10004
11261
|
}
|
|
10005
11262
|
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
10006
11263
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
11264
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
11265
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
10007
11266
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
10008
11267
|
}
|
|
10009
11268
|
|
|
@@ -10019,6 +11278,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10019
11278
|
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
10020
11279
|
border: 0;
|
|
10021
11280
|
}
|
|
11281
|
+
.pf-v6-c-calendar-month__date::before {
|
|
11282
|
+
position: absolute;
|
|
11283
|
+
inset: 0;
|
|
11284
|
+
content: "";
|
|
11285
|
+
border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
|
|
11286
|
+
}
|
|
10022
11287
|
.pf-v6-c-calendar-month__date::after {
|
|
10023
11288
|
position: absolute;
|
|
10024
11289
|
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
@@ -10028,15 +11293,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10028
11293
|
content: "";
|
|
10029
11294
|
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
10030
11295
|
}
|
|
10031
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
11296
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
|
|
10032
11297
|
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
10033
11298
|
}
|
|
10034
11299
|
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
10035
11300
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
10036
|
-
|
|
11301
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
11302
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
|
|
10037
11303
|
}
|
|
10038
11304
|
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
10039
11305
|
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
11306
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
|
|
10040
11307
|
outline: 0;
|
|
10041
11308
|
}
|
|
10042
11309
|
.pf-v6-c-calendar-month__date:disabled {
|
|
@@ -10087,6 +11354,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10087
11354
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10088
11355
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
10089
11356
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
11357
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10090
11358
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10091
11359
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
10092
11360
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -10117,7 +11385,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10117
11385
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
10118
11386
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10119
11387
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10120
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
11388
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11389
|
+
--pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10121
11390
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
10122
11391
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
10123
11392
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -10204,6 +11473,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10204
11473
|
}
|
|
10205
11474
|
.pf-v6-c-card.pf-m-secondary {
|
|
10206
11475
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
|
|
11476
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
|
|
10207
11477
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
10208
11478
|
}
|
|
10209
11479
|
.pf-v6-c-card.pf-m-plain {
|
|
@@ -10276,7 +11546,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10276
11546
|
}
|
|
10277
11547
|
|
|
10278
11548
|
.pf-v6-c-card__title-text {
|
|
10279
|
-
overflow: auto;
|
|
10280
11549
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
10281
11550
|
font-size: var(--pf-v6-c-card__title-text--FontSize);
|
|
10282
11551
|
font-weight: var(--pf-v6-c-card__title-text--FontWeight);
|
|
@@ -10318,17 +11587,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10318
11587
|
z-index: -1;
|
|
10319
11588
|
content: "";
|
|
10320
11589
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
10321
|
-
border: var(--pf-v6-c-card--
|
|
11590
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
10322
11591
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
10323
11592
|
}
|
|
10324
11593
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
10325
11594
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
11595
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
|
10326
11596
|
}
|
|
10327
11597
|
|
|
10328
11598
|
.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),
|
|
10329
11599
|
.pf-v6-c-card.pf-m-selected {
|
|
10330
11600
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
10331
|
-
--pf-v6-c-card--
|
|
11601
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
10332
11602
|
}
|
|
10333
11603
|
|
|
10334
11604
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -10582,6 +11852,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10582
11852
|
}
|
|
10583
11853
|
|
|
10584
11854
|
.pf-v6-c-code-block {
|
|
11855
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11856
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10585
11857
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10586
11858
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
10587
11859
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -10600,6 +11872,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10600
11872
|
|
|
10601
11873
|
.pf-v6-c-code-block {
|
|
10602
11874
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
11875
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
|
10603
11876
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
10604
11877
|
}
|
|
10605
11878
|
|
|
@@ -10640,6 +11913,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10640
11913
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
10641
11914
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
10642
11915
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
11916
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
11917
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
|
11918
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
11919
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
10643
11920
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10644
11921
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10645
11922
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10674,6 +11951,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10674
11951
|
--pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10675
11952
|
--pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10676
11953
|
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11954
|
+
--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
10677
11955
|
--pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
|
|
10678
11956
|
--pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10679
11957
|
--pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
|
|
@@ -10693,6 +11971,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10693
11971
|
flex-direction: column;
|
|
10694
11972
|
}
|
|
10695
11973
|
.pf-v6-c-code-editor.pf-m-read-only {
|
|
11974
|
+
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
|
|
10696
11975
|
--pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
10697
11976
|
}
|
|
10698
11977
|
.pf-v6-c-code-editor.pf-m-full-height {
|
|
@@ -10709,16 +11988,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10709
11988
|
position: relative;
|
|
10710
11989
|
display: flex;
|
|
10711
11990
|
}
|
|
10712
|
-
.pf-v6-c-code-editor__header::before {
|
|
11991
|
+
.pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
|
|
11992
|
+
position: absolute;
|
|
11993
|
+
pointer-events: none;
|
|
11994
|
+
content: "";
|
|
11995
|
+
}
|
|
11996
|
+
.pf-v6-c-code-editor__header::after {
|
|
10713
11997
|
position: absolute;
|
|
11998
|
+
inset: 0;
|
|
11999
|
+
pointer-events: none;
|
|
12000
|
+
content: "";
|
|
12001
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
12002
|
+
border-block-end-width: 0;
|
|
12003
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
|
12004
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
|
12005
|
+
}
|
|
12006
|
+
.pf-v6-c-code-editor__header::before {
|
|
10714
12007
|
inset-block-end: 0;
|
|
10715
12008
|
inset-inline-start: 0;
|
|
10716
12009
|
inset-inline-end: 0;
|
|
10717
|
-
pointer-events: none;
|
|
10718
|
-
content: "";
|
|
10719
12010
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
|
10720
12011
|
}
|
|
10721
12012
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
12013
|
+
--pf-v6-c-code-editor__header--BorderWidth: 0;
|
|
10722
12014
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
10723
12015
|
}
|
|
10724
12016
|
|
|
@@ -10815,6 +12107,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10815
12107
|
padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
|
|
10816
12108
|
padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
|
|
10817
12109
|
padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
|
|
12110
|
+
margin-inline-start: auto;
|
|
10818
12111
|
color: var(--pf-v6-c-code-editor__tab--Color);
|
|
10819
12112
|
background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
|
|
10820
12113
|
border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
|
|
@@ -12374,8 +13667,12 @@ ul) {
|
|
|
12374
13667
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12375
13668
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12376
13669
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
13670
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
13671
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12377
13672
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
13673
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
12378
13674
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
13675
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
12379
13676
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
12380
13677
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
12381
13678
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12481,6 +13778,7 @@ ul) {
|
|
|
12481
13778
|
overflow: auto;
|
|
12482
13779
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
12483
13780
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
13781
|
+
outline-offset: 2px;
|
|
12484
13782
|
}
|
|
12485
13783
|
|
|
12486
13784
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -12505,7 +13803,7 @@ ul) {
|
|
|
12505
13803
|
overflow-anchor: none;
|
|
12506
13804
|
}
|
|
12507
13805
|
|
|
12508
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
13806
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
12509
13807
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
12510
13808
|
}
|
|
12511
13809
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -12539,22 +13837,34 @@ ul) {
|
|
|
12539
13837
|
}
|
|
12540
13838
|
|
|
12541
13839
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
13840
|
+
position: relative;
|
|
12542
13841
|
display: flex;
|
|
12543
13842
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12544
13843
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
12545
13844
|
}
|
|
13845
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
|
13846
|
+
position: absolute;
|
|
13847
|
+
inset: 0;
|
|
13848
|
+
pointer-events: none;
|
|
13849
|
+
content: "";
|
|
13850
|
+
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);
|
|
13851
|
+
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);
|
|
13852
|
+
}
|
|
12546
13853
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
12547
13854
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
|
13855
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
|
12548
13856
|
}
|
|
12549
13857
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
12550
13858
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
12551
13859
|
font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
|
|
12552
13860
|
}
|
|
12553
|
-
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
13861
|
+
.pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
|
|
12554
13862
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
13863
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
12555
13864
|
}
|
|
12556
13865
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
12557
13866
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
13867
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
|
|
12558
13868
|
}
|
|
12559
13869
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
12560
13870
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -12568,7 +13878,7 @@ ul) {
|
|
|
12568
13878
|
|
|
12569
13879
|
.pf-v6-c-dual-list-selector__item,
|
|
12570
13880
|
.pf-v6-c-dual-list-selector__item-main {
|
|
12571
|
-
flex-
|
|
13881
|
+
flex-grow: 1;
|
|
12572
13882
|
}
|
|
12573
13883
|
|
|
12574
13884
|
.pf-v6-c-dual-list-selector__draggable {
|
|
@@ -12587,7 +13897,7 @@ ul) {
|
|
|
12587
13897
|
|
|
12588
13898
|
.pf-v6-c-dual-list-selector__item {
|
|
12589
13899
|
position: relative;
|
|
12590
|
-
width:
|
|
13900
|
+
min-width: 0;
|
|
12591
13901
|
padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
|
|
12592
13902
|
padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
|
|
12593
13903
|
padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
@@ -12707,6 +14017,8 @@ ul) {
|
|
|
12707
14017
|
--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));
|
|
12708
14018
|
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
12709
14019
|
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
14020
|
+
--pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14021
|
+
--pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
12710
14022
|
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
12711
14023
|
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
12712
14024
|
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -12737,6 +14049,7 @@ ul) {
|
|
|
12737
14049
|
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
12738
14050
|
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
12739
14051
|
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
14052
|
+
border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
|
|
12740
14053
|
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
12741
14054
|
}
|
|
12742
14055
|
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
@@ -12826,6 +14139,8 @@ ul) {
|
|
|
12826
14139
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
12827
14140
|
content: "";
|
|
12828
14141
|
background-color: var(--pf-v6-c-divider--Color);
|
|
14142
|
+
border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
14143
|
+
border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
12829
14144
|
}
|
|
12830
14145
|
.pf-v6-c-divider.pf-m-horizontal {
|
|
12831
14146
|
flex-direction: row;
|
|
@@ -13074,6 +14389,11 @@ ul) {
|
|
|
13074
14389
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
13075
14390
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
13076
14391
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14392
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
14393
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14394
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14395
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14396
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13077
14397
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13078
14398
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13079
14399
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -13170,13 +14490,15 @@ ul) {
|
|
|
13170
14490
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
13171
14491
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
13172
14492
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13173
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--
|
|
13174
|
-
--pf-v6-c-drawer--m-
|
|
13175
|
-
--pf-v6-c-
|
|
14493
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14494
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: 0;
|
|
14495
|
+
--pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
|
|
14496
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14497
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
13176
14498
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
13177
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
13178
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
13179
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
|
14499
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
14500
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
14501
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
13180
14502
|
}
|
|
13181
14503
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13182
14504
|
.pf-v6-c-drawer {
|
|
@@ -13217,6 +14539,7 @@ ul) {
|
|
|
13217
14539
|
|
|
13218
14540
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
13219
14541
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
14542
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13220
14543
|
}
|
|
13221
14544
|
.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) {
|
|
13222
14545
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -13317,6 +14640,11 @@ ul) {
|
|
|
13317
14640
|
overflow: auto;
|
|
13318
14641
|
visibility: hidden;
|
|
13319
14642
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
14643
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
14644
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
14645
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
14646
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
14647
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
13320
14648
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13321
14649
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13322
14650
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -13325,15 +14653,6 @@ ul) {
|
|
|
13325
14653
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
13326
14654
|
-webkit-overflow-scrolling: touch;
|
|
13327
14655
|
}
|
|
13328
|
-
.pf-v6-c-drawer__panel::after {
|
|
13329
|
-
position: absolute;
|
|
13330
|
-
inset-block-start: 0;
|
|
13331
|
-
inset-inline-start: 0;
|
|
13332
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
13333
|
-
height: 100%;
|
|
13334
|
-
content: "";
|
|
13335
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
13336
|
-
}
|
|
13337
14656
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
13338
14657
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
13339
14658
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -13481,6 +14800,7 @@ ul) {
|
|
|
13481
14800
|
|
|
13482
14801
|
@media screen and (min-width: 48rem) {
|
|
13483
14802
|
.pf-v6-c-drawer {
|
|
14803
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
13484
14804
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
13485
14805
|
}
|
|
13486
14806
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -13488,13 +14808,13 @@ ul) {
|
|
|
13488
14808
|
}
|
|
13489
14809
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13490
14810
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
|
14811
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14812
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14813
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14814
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13491
14815
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
13492
14816
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
13493
14817
|
}
|
|
13494
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
13495
|
-
width: 0;
|
|
13496
|
-
height: 0;
|
|
13497
|
-
}
|
|
13498
14818
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
13499
14819
|
flex-shrink: 0;
|
|
13500
14820
|
}
|
|
@@ -13503,18 +14823,17 @@ ul) {
|
|
|
13503
14823
|
}
|
|
13504
14824
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
13505
14825
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
14826
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
14827
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
13506
14828
|
}
|
|
13507
14829
|
.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) {
|
|
14830
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13508
14831
|
padding-inline-start: 0;
|
|
13509
14832
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
13510
14833
|
}
|
|
13511
14834
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13512
14835
|
transform: translateX(0);
|
|
13513
14836
|
}
|
|
13514
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13515
|
-
inset-inline-start: auto;
|
|
13516
|
-
inset-inline-end: 0;
|
|
13517
|
-
}
|
|
13518
14837
|
.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 {
|
|
13519
14838
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
13520
14839
|
order: 1;
|
|
@@ -13523,19 +14842,16 @@ ul) {
|
|
|
13523
14842
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
13524
14843
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
13525
14844
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
14845
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14846
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13526
14847
|
min-width: auto;
|
|
13527
14848
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
13528
14849
|
}
|
|
13529
14850
|
.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) {
|
|
14851
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
13530
14852
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
13531
14853
|
padding-inline-start: 0;
|
|
13532
14854
|
}
|
|
13533
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
13534
|
-
inset-block-start: 0;
|
|
13535
|
-
inset-inline-start: auto;
|
|
13536
|
-
width: 100%;
|
|
13537
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
13538
|
-
}
|
|
13539
14855
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
13540
14856
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
13541
14857
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -13564,6 +14880,10 @@ ul) {
|
|
|
13564
14880
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
13565
14881
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
13566
14882
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
14883
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
14884
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
14885
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
14886
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
13567
14887
|
}
|
|
13568
14888
|
.pf-v6-c-drawer__splitter {
|
|
13569
14889
|
display: block;
|
|
@@ -13658,9 +14978,9 @@ ul) {
|
|
|
13658
14978
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13659
14979
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13660
14980
|
}
|
|
13661
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13662
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13663
|
-
|
|
14981
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
14982
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
14983
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13664
14984
|
}
|
|
13665
14985
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13666
14986
|
overflow-x: auto;
|
|
@@ -13725,9 +15045,9 @@ ul) {
|
|
|
13725
15045
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13726
15046
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13727
15047
|
}
|
|
13728
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13729
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13730
|
-
|
|
15048
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15049
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15050
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13731
15051
|
}
|
|
13732
15052
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13733
15053
|
overflow-x: auto;
|
|
@@ -13792,9 +15112,9 @@ ul) {
|
|
|
13792
15112
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13793
15113
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13794
15114
|
}
|
|
13795
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13796
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13797
|
-
|
|
15115
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15116
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15117
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13798
15118
|
}
|
|
13799
15119
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13800
15120
|
overflow-x: auto;
|
|
@@ -13859,9 +15179,9 @@ ul) {
|
|
|
13859
15179
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13860
15180
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
13861
15181
|
}
|
|
13862
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13863
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
13864
|
-
|
|
15182
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
15183
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
15184
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
13865
15185
|
}
|
|
13866
15186
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
13867
15187
|
overflow-x: auto;
|
|
@@ -14077,6 +15397,7 @@ ul) {
|
|
|
14077
15397
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
14078
15398
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
14079
15399
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
15400
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
14080
15401
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
14081
15402
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
14082
15403
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
@@ -14124,6 +15445,7 @@ ul) {
|
|
|
14124
15445
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14125
15446
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14126
15447
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
15448
|
+
--pf-v6-c-expandable-section__content--Overflow: visible;
|
|
14127
15449
|
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14128
15450
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14129
15451
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
@@ -14159,6 +15481,7 @@ ul) {
|
|
|
14159
15481
|
}
|
|
14160
15482
|
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
14161
15483
|
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
15484
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14162
15485
|
}
|
|
14163
15486
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
14164
15487
|
display: -webkit-box;
|
|
@@ -14185,13 +15508,14 @@ ul) {
|
|
|
14185
15508
|
.pf-v6-c-expandable-section__content {
|
|
14186
15509
|
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
14187
15510
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
14188
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart
|
|
15511
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
14189
15512
|
}
|
|
14190
15513
|
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14191
15514
|
display: revert;
|
|
14192
15515
|
}
|
|
14193
|
-
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
15516
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
14194
15517
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
15518
|
+
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
14195
15519
|
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14196
15520
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14197
15521
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
@@ -14970,6 +16294,12 @@ ul) {
|
|
|
14970
16294
|
.pf-v6-c-form-control > :is(input, select) {
|
|
14971
16295
|
text-overflow: ellipsis;
|
|
14972
16296
|
}
|
|
16297
|
+
.pf-v6-c-form-control > select {
|
|
16298
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
16299
|
+
}
|
|
16300
|
+
.pf-v6-c-form-control > select * {
|
|
16301
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
16302
|
+
}
|
|
14973
16303
|
.pf-v6-c-form-control:has(input) {
|
|
14974
16304
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
14975
16305
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
@@ -15115,17 +16445,10 @@ ul) {
|
|
|
15115
16445
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
15116
16446
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
15117
16447
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
15118
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
15119
16448
|
}
|
|
15120
16449
|
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
15121
16450
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
15122
16451
|
}
|
|
15123
|
-
@-moz-document url-prefix() {
|
|
15124
|
-
.pf-v6-c-form-control:has(select) {
|
|
15125
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
15126
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
15127
|
-
}
|
|
15128
|
-
}
|
|
15129
16452
|
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
15130
16453
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
15131
16454
|
}
|
|
@@ -16090,10 +17413,11 @@ label.pf-v6-c-input-group__text {
|
|
|
16090
17413
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16091
17414
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
16092
17415
|
--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)));
|
|
16093
|
-
--pf-v6-c-label--BorderWidth:
|
|
16094
|
-
--pf-v6-c-label--BorderColor:
|
|
17416
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17417
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16095
17418
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16096
17419
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17420
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
16097
17421
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
16098
17422
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16099
17423
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -16216,8 +17540,8 @@ label.pf-v6-c-input-group__text {
|
|
|
16216
17540
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
16217
17541
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
16218
17542
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
16219
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
16220
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
|
17543
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
17544
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16221
17545
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
16222
17546
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
16223
17547
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -16230,8 +17554,10 @@ label.pf-v6-c-input-group__text {
|
|
|
16230
17554
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16231
17555
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16232
17556
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17557
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
16233
17558
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16234
17559
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17560
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
16235
17561
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16236
17562
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
16237
17563
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16252,15 +17578,15 @@ label.pf-v6-c-input-group__text {
|
|
|
16252
17578
|
--pf-v6-c-label__content--Cursor: initial;
|
|
16253
17579
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16254
17580
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
16255
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
17581
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
16256
17582
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
16257
17583
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16258
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
16259
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
16260
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
16261
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
16262
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
16263
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
|
17584
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
|
17585
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
|
17586
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
|
17587
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
|
17588
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
|
17589
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
|
16264
17590
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
16265
17591
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
16266
17592
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -16280,6 +17606,7 @@ label.pf-v6-c-input-group__text {
|
|
|
16280
17606
|
|
|
16281
17607
|
.pf-v6-c-label {
|
|
16282
17608
|
position: relative;
|
|
17609
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
16283
17610
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
16284
17611
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
16285
17612
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -16479,10 +17806,12 @@ label.pf-v6-c-input-group__text {
|
|
|
16479
17806
|
.pf-v6-c-label.pf-m-overflow {
|
|
16480
17807
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
16481
17808
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
|
17809
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
|
16482
17810
|
}
|
|
16483
17811
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16484
17812
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
16485
17813
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
|
17814
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
|
16486
17815
|
}
|
|
16487
17816
|
.pf-v6-c-label.pf-m-add {
|
|
16488
17817
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -16582,6 +17911,9 @@ input.pf-v6-c-label__content {
|
|
|
16582
17911
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
16583
17912
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
16584
17913
|
}
|
|
17914
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
17915
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
17916
|
+
}
|
|
16585
17917
|
|
|
16586
17918
|
.pf-v6-c-label-group {
|
|
16587
17919
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -16820,6 +18152,8 @@ ul.pf-v6-c-list {
|
|
|
16820
18152
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16821
18153
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
16822
18154
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18155
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18156
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
16823
18157
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
16824
18158
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
16825
18159
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -16951,6 +18285,7 @@ ul.pf-v6-c-list {
|
|
|
16951
18285
|
align-self: start;
|
|
16952
18286
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
16953
18287
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
18288
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
16954
18289
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
16955
18290
|
}
|
|
16956
18291
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -17597,6 +18932,8 @@ ul.pf-v6-c-list {
|
|
|
17597
18932
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
17598
18933
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
17599
18934
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
18935
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18936
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17600
18937
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17601
18938
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
17602
18939
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -17614,9 +18951,16 @@ ul.pf-v6-c-list {
|
|
|
17614
18951
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
17615
18952
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17616
18953
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
18954
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
18955
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
17617
18956
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
18957
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18958
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17618
18959
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
17619
18960
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18961
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
18962
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
18963
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17620
18964
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
17621
18965
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17622
18966
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -17792,6 +19136,7 @@ ul.pf-v6-c-list {
|
|
|
17792
19136
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
17793
19137
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
17794
19138
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
19139
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
17795
19140
|
}
|
|
17796
19141
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
17797
19142
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -17816,6 +19161,7 @@ ul.pf-v6-c-list {
|
|
|
17816
19161
|
overflow: hidden;
|
|
17817
19162
|
color: var(--pf-v6-c-menu--Color);
|
|
17818
19163
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
19164
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
17819
19165
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
17820
19166
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
17821
19167
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -17860,6 +19206,7 @@ ul.pf-v6-c-list {
|
|
|
17860
19206
|
}
|
|
17861
19207
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
17862
19208
|
padding: 0;
|
|
19209
|
+
border: 0;
|
|
17863
19210
|
}
|
|
17864
19211
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
17865
19212
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -17928,6 +19275,8 @@ ul.pf-v6-c-list {
|
|
|
17928
19275
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
17929
19276
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
17930
19277
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
19278
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
19279
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
17931
19280
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
17932
19281
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
17933
19282
|
overflow: hidden;
|
|
@@ -17969,6 +19318,7 @@ ul.pf-v6-c-list {
|
|
|
17969
19318
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
17970
19319
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
17971
19320
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
19321
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
17972
19322
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
17973
19323
|
}
|
|
17974
19324
|
|
|
@@ -18002,6 +19352,8 @@ ul.pf-v6-c-list {
|
|
|
18002
19352
|
inset: 0;
|
|
18003
19353
|
content: "";
|
|
18004
19354
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
19355
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
19356
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
18005
19357
|
transition: inherit;
|
|
18006
19358
|
}
|
|
18007
19359
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -18026,6 +19378,7 @@ ul.pf-v6-c-list {
|
|
|
18026
19378
|
}
|
|
18027
19379
|
.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) {
|
|
18028
19380
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
19381
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
|
18029
19382
|
}
|
|
18030
19383
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
18031
19384
|
.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,
|
|
@@ -18214,19 +19567,19 @@ ul.pf-v6-c-list {
|
|
|
18214
19567
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18215
19568
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18216
19569
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
18217
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
|
19570
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18218
19571
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
18219
19572
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18220
19573
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
18221
19574
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
18222
19575
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
18223
19576
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18224
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
19577
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
18225
19578
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
18226
19579
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18227
19580
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
18228
19581
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18229
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
|
19582
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
18230
19583
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18231
19584
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18232
19585
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -18295,7 +19648,7 @@ ul.pf-v6-c-list {
|
|
|
18295
19648
|
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
18296
19649
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
18297
19650
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
18298
|
-
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
19651
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
18299
19652
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
18300
19653
|
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
18301
19654
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
@@ -18313,7 +19666,10 @@ ul.pf-v6-c-list {
|
|
|
18313
19666
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
18314
19667
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
18315
19668
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18316
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
|
19669
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19670
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
19671
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19672
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
18317
19673
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18318
19674
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
18319
19675
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -18439,6 +19795,7 @@ ul.pf-v6-c-list {
|
|
|
18439
19795
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
18440
19796
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18441
19797
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
19798
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
18442
19799
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
18443
19800
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
18444
19801
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -18451,12 +19808,14 @@ ul.pf-v6-c-list {
|
|
|
18451
19808
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
18452
19809
|
}
|
|
18453
19810
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
18454
|
-
|
|
19811
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19812
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
18455
19813
|
}
|
|
18456
19814
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
18457
19815
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
18458
19816
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
18459
19817
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
19818
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
|
18460
19819
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
18461
19820
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18462
19821
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -18468,6 +19827,7 @@ ul.pf-v6-c-list {
|
|
|
18468
19827
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
18469
19828
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
18470
19829
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
|
19830
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
|
18471
19831
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
18472
19832
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
18473
19833
|
}
|
|
@@ -18716,6 +20076,8 @@ ul.pf-v6-c-list {
|
|
|
18716
20076
|
|
|
18717
20077
|
.pf-v6-c-modal-box {
|
|
18718
20078
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20079
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20080
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18719
20081
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
18720
20082
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
18721
20083
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -18782,6 +20144,7 @@ ul.pf-v6-c-list {
|
|
|
18782
20144
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
18783
20145
|
overflow: auto;
|
|
18784
20146
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
20147
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
|
18785
20148
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
18786
20149
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
18787
20150
|
}
|
|
@@ -19173,6 +20536,10 @@ ul.pf-v6-c-list {
|
|
|
19173
20536
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
19174
20537
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
19175
20538
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
20539
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20540
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
20541
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20542
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
19176
20543
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
19177
20544
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
19178
20545
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -19207,6 +20574,8 @@ ul.pf-v6-c-list {
|
|
|
19207
20574
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
19208
20575
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19209
20576
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20577
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20578
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19210
20579
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19211
20580
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
19212
20581
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -19366,12 +20735,22 @@ ul.pf-v6-c-list {
|
|
|
19366
20735
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
19367
20736
|
transition-property: background-color, color;
|
|
19368
20737
|
}
|
|
20738
|
+
.pf-v6-c-nav__link::after {
|
|
20739
|
+
position: absolute;
|
|
20740
|
+
inset: 0;
|
|
20741
|
+
pointer-events: none;
|
|
20742
|
+
content: "";
|
|
20743
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
20744
|
+
border-radius: inherit;
|
|
20745
|
+
}
|
|
19369
20746
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
20747
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
19370
20748
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
19371
20749
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
19372
20750
|
}
|
|
19373
20751
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
19374
20752
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
20753
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
19375
20754
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
19376
20755
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
19377
20756
|
}
|
|
@@ -19474,6 +20853,7 @@ ul.pf-v6-c-list {
|
|
|
19474
20853
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
19475
20854
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
19476
20855
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
20856
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
|
19477
20857
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
19478
20858
|
}
|
|
19479
20859
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -19804,7 +21184,7 @@ ul.pf-v6-c-list {
|
|
|
19804
21184
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19805
21185
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19806
21186
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19807
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21187
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
19808
21188
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
19809
21189
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19810
21190
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -19819,6 +21199,8 @@ ul.pf-v6-c-list {
|
|
|
19819
21199
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
19820
21200
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
19821
21201
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
21202
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21203
|
+
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19822
21204
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
19823
21205
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
19824
21206
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -19843,13 +21225,19 @@ ul.pf-v6-c-list {
|
|
|
19843
21225
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
19844
21226
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
19845
21227
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
19846
|
-
--pf-v6-c-page__main-container--
|
|
19847
|
-
--pf-v6-c-page__main-container--
|
|
21228
|
+
--pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21229
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21230
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
21231
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
21232
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
19848
21233
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
19849
21234
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
19850
21235
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
19851
21236
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
19852
21237
|
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
21238
|
+
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
21239
|
+
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
21240
|
+
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
19853
21241
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19854
21242
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19855
21243
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19862,22 +21250,30 @@ ul.pf-v6-c-list {
|
|
|
19862
21250
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
19863
21251
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
19864
21252
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21253
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21254
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19865
21255
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
19866
21256
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21257
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21258
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
19867
21259
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
19868
21260
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21261
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21262
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19869
21263
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
19870
21264
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21265
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21266
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
19871
21267
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19872
21268
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19873
21269
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
19874
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
19875
|
-
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21270
|
+
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21271
|
+
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
19876
21272
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19877
21273
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19878
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21274
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
19879
21275
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
19880
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
21276
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
19881
21277
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19882
21278
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19883
21279
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
@@ -19888,6 +21284,8 @@ ul.pf-v6-c-list {
|
|
|
19888
21284
|
--pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19889
21285
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
19890
21286
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21287
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21288
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
19891
21289
|
}
|
|
19892
21290
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19893
21291
|
.pf-v6-c-page {
|
|
@@ -19900,6 +21298,16 @@ ul.pf-v6-c-list {
|
|
|
19900
21298
|
.pf-v6-c-page {
|
|
19901
21299
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
19902
21300
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
21301
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
21302
|
+
}
|
|
21303
|
+
}
|
|
21304
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
21305
|
+
.pf-v6-c-page {
|
|
21306
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
21307
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
21308
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
21309
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
21310
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
19903
21311
|
}
|
|
19904
21312
|
}
|
|
19905
21313
|
|
|
@@ -19993,6 +21401,7 @@ ul.pf-v6-c-list {
|
|
|
19993
21401
|
overflow-y: auto;
|
|
19994
21402
|
-webkit-overflow-scrolling: touch;
|
|
19995
21403
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
21404
|
+
border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
|
|
19996
21405
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
19997
21406
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
19998
21407
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
@@ -20008,7 +21417,7 @@ ul.pf-v6-c-list {
|
|
|
20008
21417
|
}
|
|
20009
21418
|
@media screen and (min-width: 75rem) {
|
|
20010
21419
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
20011
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
21420
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
20012
21421
|
}
|
|
20013
21422
|
}
|
|
20014
21423
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
|
@@ -20105,6 +21514,7 @@ ul.pf-v6-c-list {
|
|
|
20105
21514
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
|
20106
21515
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
|
20107
21516
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
21517
|
+
border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
|
|
20108
21518
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
20109
21519
|
}
|
|
20110
21520
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
@@ -20114,6 +21524,7 @@ ul.pf-v6-c-list {
|
|
|
20114
21524
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
|
20115
21525
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
|
20116
21526
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
21527
|
+
border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
|
|
20117
21528
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
20118
21529
|
}
|
|
20119
21530
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
@@ -20125,6 +21536,7 @@ ul.pf-v6-c-list {
|
|
|
20125
21536
|
position: sticky;
|
|
20126
21537
|
inset-block-start: 0;
|
|
20127
21538
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21539
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20128
21540
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20129
21541
|
}
|
|
20130
21542
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
@@ -20136,6 +21548,7 @@ ul.pf-v6-c-list {
|
|
|
20136
21548
|
position: sticky;
|
|
20137
21549
|
inset-block-end: 0;
|
|
20138
21550
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21551
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20139
21552
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20140
21553
|
}
|
|
20141
21554
|
@media (min-height: 0) {
|
|
@@ -20148,6 +21561,7 @@ ul.pf-v6-c-list {
|
|
|
20148
21561
|
position: sticky;
|
|
20149
21562
|
inset-block-start: 0;
|
|
20150
21563
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21564
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20151
21565
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20152
21566
|
}
|
|
20153
21567
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -20159,6 +21573,7 @@ ul.pf-v6-c-list {
|
|
|
20159
21573
|
position: sticky;
|
|
20160
21574
|
inset-block-end: 0;
|
|
20161
21575
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21576
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20162
21577
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20163
21578
|
}
|
|
20164
21579
|
}
|
|
@@ -20172,6 +21587,7 @@ ul.pf-v6-c-list {
|
|
|
20172
21587
|
position: sticky;
|
|
20173
21588
|
inset-block-start: 0;
|
|
20174
21589
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21590
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20175
21591
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20176
21592
|
}
|
|
20177
21593
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
@@ -20183,6 +21599,7 @@ ul.pf-v6-c-list {
|
|
|
20183
21599
|
position: sticky;
|
|
20184
21600
|
inset-block-end: 0;
|
|
20185
21601
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21602
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20186
21603
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20187
21604
|
}
|
|
20188
21605
|
}
|
|
@@ -20196,6 +21613,7 @@ ul.pf-v6-c-list {
|
|
|
20196
21613
|
position: sticky;
|
|
20197
21614
|
inset-block-start: 0;
|
|
20198
21615
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21616
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20199
21617
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20200
21618
|
}
|
|
20201
21619
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -20207,6 +21625,7 @@ ul.pf-v6-c-list {
|
|
|
20207
21625
|
position: sticky;
|
|
20208
21626
|
inset-block-end: 0;
|
|
20209
21627
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21628
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20210
21629
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20211
21630
|
}
|
|
20212
21631
|
}
|
|
@@ -20220,6 +21639,7 @@ ul.pf-v6-c-list {
|
|
|
20220
21639
|
position: sticky;
|
|
20221
21640
|
inset-block-start: 0;
|
|
20222
21641
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21642
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20223
21643
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20224
21644
|
}
|
|
20225
21645
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -20231,6 +21651,7 @@ ul.pf-v6-c-list {
|
|
|
20231
21651
|
position: sticky;
|
|
20232
21652
|
inset-block-end: 0;
|
|
20233
21653
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21654
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20234
21655
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20235
21656
|
}
|
|
20236
21657
|
}
|
|
@@ -20244,6 +21665,7 @@ ul.pf-v6-c-list {
|
|
|
20244
21665
|
position: sticky;
|
|
20245
21666
|
inset-block-start: 0;
|
|
20246
21667
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
21668
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
20247
21669
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
20248
21670
|
}
|
|
20249
21671
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -20255,6 +21677,7 @@ ul.pf-v6-c-list {
|
|
|
20255
21677
|
position: sticky;
|
|
20256
21678
|
inset-block-end: 0;
|
|
20257
21679
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
21680
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
20258
21681
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
20259
21682
|
}
|
|
20260
21683
|
}
|
|
@@ -20267,14 +21690,16 @@ ul.pf-v6-c-list {
|
|
|
20267
21690
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
20268
21691
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
20269
21692
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
20270
|
-
border:
|
|
21693
|
+
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
21694
|
+
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
21695
|
+
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
21696
|
+
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
21697
|
+
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
20271
21698
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
20272
21699
|
}
|
|
20273
21700
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
20274
21701
|
.pf-v6-c-page__main-container {
|
|
20275
21702
|
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
20276
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
20277
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
20278
21703
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
20279
21704
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
20280
21705
|
}
|
|
@@ -20397,8 +21822,8 @@ ul.pf-v6-c-list {
|
|
|
20397
21822
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
|
20398
21823
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20399
21824
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20400
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20401
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21825
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21826
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20402
21827
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
|
20403
21828
|
}
|
|
20404
21829
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
@@ -20407,8 +21832,8 @@ ul.pf-v6-c-list {
|
|
|
20407
21832
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
20408
21833
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20409
21834
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20410
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20411
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21835
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21836
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20412
21837
|
}
|
|
20413
21838
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
20414
21839
|
padding: 0;
|
|
@@ -20417,8 +21842,8 @@ ul.pf-v6-c-list {
|
|
|
20417
21842
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
20418
21843
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20419
21844
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20420
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20421
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21845
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21846
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20422
21847
|
}
|
|
20423
21848
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
20424
21849
|
padding: 0;
|
|
@@ -20428,8 +21853,8 @@ ul.pf-v6-c-list {
|
|
|
20428
21853
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
20429
21854
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20430
21855
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20431
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20432
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21856
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21857
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20433
21858
|
}
|
|
20434
21859
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
20435
21860
|
padding: 0;
|
|
@@ -20439,8 +21864,8 @@ ul.pf-v6-c-list {
|
|
|
20439
21864
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
20440
21865
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20441
21866
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20442
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20443
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21867
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21868
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20444
21869
|
}
|
|
20445
21870
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
20446
21871
|
padding: 0;
|
|
@@ -20450,8 +21875,8 @@ ul.pf-v6-c-list {
|
|
|
20450
21875
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
20451
21876
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20452
21877
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20453
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20454
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21878
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21879
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20455
21880
|
}
|
|
20456
21881
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
20457
21882
|
padding: 0;
|
|
@@ -20461,8 +21886,8 @@ ul.pf-v6-c-list {
|
|
|
20461
21886
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
20462
21887
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
20463
21888
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
20464
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
20465
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
21889
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
21890
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
20466
21891
|
}
|
|
20467
21892
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
20468
21893
|
padding: 0;
|
|
@@ -20487,6 +21912,9 @@ ul.pf-v6-c-list {
|
|
|
20487
21912
|
flex-shrink: 0;
|
|
20488
21913
|
}
|
|
20489
21914
|
|
|
21915
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
21916
|
+
border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
|
|
21917
|
+
}
|
|
20490
21918
|
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
20491
21919
|
align-self: revert;
|
|
20492
21920
|
}
|
|
@@ -20497,7 +21925,10 @@ ul.pf-v6-c-list {
|
|
|
20497
21925
|
.pf-v6-c-pagination {
|
|
20498
21926
|
--pf-v6-c-pagination--inset: 0;
|
|
20499
21927
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
20500
|
-
--pf-v6-c-pagination--
|
|
21928
|
+
--pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21929
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: 0;
|
|
21930
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: 0;
|
|
21931
|
+
--pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
20501
21932
|
--pf-v6-c-pagination__nav--Display: none;
|
|
20502
21933
|
--pf-v6-c-pagination--m-display-summary__nav--Display: none;
|
|
20503
21934
|
--pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
@@ -20518,14 +21949,17 @@ ul.pf-v6-c-list {
|
|
|
20518
21949
|
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20519
21950
|
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20520
21951
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
21952
|
+
--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20521
21953
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
20522
21954
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20523
21955
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
20524
21956
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
21957
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20525
21958
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20526
21959
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20527
21960
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20528
21961
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21962
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20529
21963
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
20530
21964
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
20531
21965
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -20540,6 +21974,7 @@ ul.pf-v6-c-list {
|
|
|
20540
21974
|
@media screen and (min-width: 48rem) {
|
|
20541
21975
|
.pf-v6-c-pagination {
|
|
20542
21976
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
21977
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
20543
21978
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
20544
21979
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
|
20545
21980
|
--pf-v6-c-pagination__total-items--Display: none;
|
|
@@ -20559,6 +21994,9 @@ ul.pf-v6-c-list {
|
|
|
20559
21994
|
justify-content: flex-end;
|
|
20560
21995
|
padding-inline-start: var(--pf-v6-c-pagination--inset);
|
|
20561
21996
|
padding-inline-end: var(--pf-v6-c-pagination--inset);
|
|
21997
|
+
border: 0 solid var(--pf-v6-c-pagination--BorderColor);
|
|
21998
|
+
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
21999
|
+
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
20562
22000
|
}
|
|
20563
22001
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
20564
22002
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
@@ -20566,6 +22004,7 @@ ul.pf-v6-c-list {
|
|
|
20566
22004
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
20567
22005
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
20568
22006
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
|
|
22007
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
|
|
20569
22008
|
position: sticky;
|
|
20570
22009
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
20571
22010
|
justify-content: center;
|
|
@@ -20592,7 +22031,6 @@ ul.pf-v6-c-list {
|
|
|
20592
22031
|
}
|
|
20593
22032
|
@media screen and (min-width: 48rem) {
|
|
20594
22033
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
20595
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
20596
22034
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
20597
22035
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
20598
22036
|
position: relative;
|
|
@@ -20624,10 +22062,13 @@ ul.pf-v6-c-list {
|
|
|
20624
22062
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
20625
22063
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
20626
22064
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
22065
|
+
border: 0;
|
|
20627
22066
|
box-shadow: none;
|
|
20628
22067
|
}
|
|
20629
22068
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
20630
22069
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
22070
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
|
|
22071
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
20631
22072
|
position: sticky;
|
|
20632
22073
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
20633
22074
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
@@ -20863,11 +22304,14 @@ ul.pf-v6-c-list {
|
|
|
20863
22304
|
--pf-v6-c-panel--BoxShadow: none;
|
|
20864
22305
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20865
22306
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
20866
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
|
22307
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20867
22308
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22309
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20868
22310
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
22311
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20869
22312
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
20870
22313
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
22314
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20871
22315
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20872
22316
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20873
22317
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -20883,11 +22327,15 @@ ul.pf-v6-c-list {
|
|
|
20883
22327
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20884
22328
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
20885
22329
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
22330
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
22331
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
20886
22332
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
20887
22333
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
20888
22334
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
20889
22335
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20890
22336
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22337
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22338
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20891
22339
|
}
|
|
20892
22340
|
|
|
20893
22341
|
.pf-v6-c-panel {
|
|
@@ -20909,13 +22357,16 @@ ul.pf-v6-c-list {
|
|
|
20909
22357
|
}
|
|
20910
22358
|
.pf-v6-c-panel.pf-m-bordered {
|
|
20911
22359
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
22360
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
|
20912
22361
|
}
|
|
20913
22362
|
.pf-v6-c-panel.pf-m-secondary {
|
|
20914
22363
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
22364
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
|
20915
22365
|
}
|
|
20916
22366
|
.pf-v6-c-panel.pf-m-raised {
|
|
20917
22367
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
20918
22368
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
22369
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
|
20919
22370
|
}
|
|
20920
22371
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
20921
22372
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -20923,6 +22374,8 @@ ul.pf-v6-c-list {
|
|
|
20923
22374
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
20924
22375
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
20925
22376
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
22377
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
22378
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
20926
22379
|
}
|
|
20927
22380
|
|
|
20928
22381
|
.pf-v6-c-panel__header {
|
|
@@ -20949,6 +22402,7 @@ ul.pf-v6-c-list {
|
|
|
20949
22402
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
20950
22403
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
20951
22404
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
22405
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
20952
22406
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
20953
22407
|
}
|
|
20954
22408
|
|
|
@@ -20957,6 +22411,8 @@ ul.pf-v6-c-list {
|
|
|
20957
22411
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
20958
22412
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
20959
22413
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
22414
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22415
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20960
22416
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
20961
22417
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
20962
22418
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -21007,6 +22463,7 @@ ul.pf-v6-c-list {
|
|
|
21007
22463
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
21008
22464
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
21009
22465
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
22466
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21010
22467
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
21011
22468
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
21012
22469
|
}
|
|
@@ -21121,6 +22578,7 @@ ul.pf-v6-c-list {
|
|
|
21121
22578
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
21122
22579
|
pointer-events: none;
|
|
21123
22580
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
22581
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
21124
22582
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
21125
22583
|
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));
|
|
21126
22584
|
}
|
|
@@ -21161,11 +22619,15 @@ ul.pf-v6-c-list {
|
|
|
21161
22619
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
21162
22620
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
21163
22621
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
22622
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22623
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21164
22624
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
21165
22625
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
21166
22626
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
21167
22627
|
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
21168
22628
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
22629
|
+
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
22630
|
+
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
21169
22631
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
21170
22632
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
21171
22633
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -21322,12 +22784,27 @@ ul.pf-v6-c-list {
|
|
|
21322
22784
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
21323
22785
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
21324
22786
|
}
|
|
22787
|
+
.pf-v6-c-progress__bar::before {
|
|
22788
|
+
position: absolute;
|
|
22789
|
+
inset: 0;
|
|
22790
|
+
pointer-events: none;
|
|
22791
|
+
content: "";
|
|
22792
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
|
22793
|
+
border-radius: inherit;
|
|
22794
|
+
}
|
|
21325
22795
|
|
|
21326
22796
|
.pf-v6-c-progress__indicator {
|
|
21327
22797
|
position: absolute;
|
|
21328
22798
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
21329
22799
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
21330
22800
|
}
|
|
22801
|
+
.pf-v6-c-progress__indicator::before {
|
|
22802
|
+
position: absolute;
|
|
22803
|
+
inset: 0;
|
|
22804
|
+
content: "";
|
|
22805
|
+
border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
|
|
22806
|
+
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
22807
|
+
}
|
|
21331
22808
|
|
|
21332
22809
|
.pf-v6-c-progress__helper-text {
|
|
21333
22810
|
grid-row: 3/4;
|
|
@@ -22072,6 +23549,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22072
23549
|
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
22073
23550
|
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
22074
23551
|
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
23552
|
+
--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22075
23553
|
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
22076
23554
|
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
22077
23555
|
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
@@ -22080,6 +23558,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22080
23558
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
22081
23559
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
22082
23560
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
23561
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
23562
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22083
23563
|
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
22084
23564
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
22085
23565
|
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
@@ -22108,6 +23588,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22108
23588
|
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
22109
23589
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
22110
23590
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
23591
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
22111
23592
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
22112
23593
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
22113
23594
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
@@ -22137,6 +23618,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22137
23618
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
22138
23619
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
22139
23620
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
23621
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
|
|
22140
23622
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
22141
23623
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
22142
23624
|
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
@@ -22147,6 +23629,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22147
23629
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
22148
23630
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
22149
23631
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
23632
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
22150
23633
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
22151
23634
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
22152
23635
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
@@ -22178,6 +23661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22178
23661
|
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
22179
23662
|
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
22180
23663
|
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
23664
|
+
border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
|
|
22181
23665
|
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
22182
23666
|
}
|
|
22183
23667
|
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
@@ -22388,6 +23872,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22388
23872
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
22389
23873
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
22390
23874
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
23875
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
23876
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23877
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
23878
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
22391
23879
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
22392
23880
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
22393
23881
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -22402,6 +23890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22402
23890
|
}
|
|
22403
23891
|
|
|
22404
23892
|
.pf-v6-c-simple-list__item-link {
|
|
23893
|
+
position: relative;
|
|
22405
23894
|
display: block;
|
|
22406
23895
|
width: 100%;
|
|
22407
23896
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -22416,6 +23905,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22416
23905
|
border: none;
|
|
22417
23906
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
22418
23907
|
}
|
|
23908
|
+
.pf-v6-c-simple-list__item-link::after {
|
|
23909
|
+
position: absolute;
|
|
23910
|
+
inset: 0;
|
|
23911
|
+
pointer-events: none;
|
|
23912
|
+
content: "";
|
|
23913
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
|
23914
|
+
border-radius: inherit;
|
|
23915
|
+
}
|
|
22419
23916
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
22420
23917
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
22421
23918
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -22424,11 +23921,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22424
23921
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
22425
23922
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
22426
23923
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
23924
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
|
22427
23925
|
text-decoration-line: none;
|
|
22428
23926
|
}
|
|
22429
23927
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
22430
23928
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
22431
23929
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
23930
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
|
22432
23931
|
}
|
|
22433
23932
|
|
|
22434
23933
|
.pf-v6-c-simple-list__title {
|
|
@@ -22654,6 +24153,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22654
24153
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
22655
24154
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
22656
24155
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
24156
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24157
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
22657
24158
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
22658
24159
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
22659
24160
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -22663,6 +24164,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22663
24164
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
22664
24165
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
22665
24166
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
24167
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24168
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
22666
24169
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
22667
24170
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
22668
24171
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -22678,6 +24181,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22678
24181
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
22679
24182
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
22680
24183
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
24184
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24185
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
22681
24186
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22682
24187
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
22683
24188
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -22747,6 +24252,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22747
24252
|
inset: 0;
|
|
22748
24253
|
content: "";
|
|
22749
24254
|
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));
|
|
24255
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
22750
24256
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
22751
24257
|
}
|
|
22752
24258
|
|
|
@@ -22782,6 +24288,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22782
24288
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
22783
24289
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
22784
24290
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
24291
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
22785
24292
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
22786
24293
|
}
|
|
22787
24294
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -22807,6 +24314,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22807
24314
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
22808
24315
|
cursor: pointer;
|
|
22809
24316
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
24317
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
22810
24318
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
22811
24319
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
22812
24320
|
}
|
|
@@ -22960,11 +24468,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22960
24468
|
--pf-v6-c-switch--Height: auto;
|
|
22961
24469
|
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
22962
24470
|
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
22963
|
-
--pf-v6-c-switch__input--checked__toggle--
|
|
24471
|
+
--pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
|
|
24472
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22964
24473
|
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
22965
24474
|
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
22966
24475
|
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
22967
24476
|
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
24477
|
+
--pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22968
24478
|
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
22969
24479
|
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
22970
24480
|
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
@@ -22979,6 +24489,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22979
24489
|
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
22980
24490
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
22981
24491
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
24492
|
+
--pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22982
24493
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22983
24494
|
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22984
24495
|
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
@@ -23020,6 +24531,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23020
24531
|
}
|
|
23021
24532
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
23022
24533
|
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
24534
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
|
|
23023
24535
|
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
23024
24536
|
}
|
|
23025
24537
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
@@ -23045,6 +24557,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23045
24557
|
}
|
|
23046
24558
|
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
23047
24559
|
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
24560
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
|
|
23048
24561
|
cursor: not-allowed;
|
|
23049
24562
|
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
23050
24563
|
}
|
|
@@ -23069,6 +24582,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23069
24582
|
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
23070
24583
|
content: "";
|
|
23071
24584
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
24585
|
+
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
23072
24586
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
23073
24587
|
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
23074
24588
|
transform: translateY(-50%);
|
|
@@ -24823,6 +26337,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24823
26337
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
24824
26338
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24825
26339
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
26340
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26341
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
26342
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
24826
26343
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24827
26344
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
24828
26345
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -24852,6 +26369,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24852
26369
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
24853
26370
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
24854
26371
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
26372
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
26373
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
24855
26374
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24856
26375
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
24857
26376
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -24873,10 +26392,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24873
26392
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
24874
26393
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
24875
26394
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26395
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
24876
26396
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
24877
26397
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
24878
26398
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
24879
26399
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
26400
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24880
26401
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
24881
26402
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24882
26403
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -25288,6 +26809,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25288
26809
|
}
|
|
25289
26810
|
|
|
25290
26811
|
.pf-v6-c-table__button {
|
|
26812
|
+
position: relative;
|
|
25291
26813
|
width: auto;
|
|
25292
26814
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
25293
26815
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -25306,6 +26828,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25306
26828
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
25307
26829
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
25308
26830
|
}
|
|
26831
|
+
.pf-v6-c-table__button::after {
|
|
26832
|
+
position: absolute;
|
|
26833
|
+
inset: 0;
|
|
26834
|
+
pointer-events: none;
|
|
26835
|
+
content: "";
|
|
26836
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
|
26837
|
+
border-radius: inherit;
|
|
26838
|
+
}
|
|
25309
26839
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
25310
26840
|
margin-block-end: 0;
|
|
25311
26841
|
}
|
|
@@ -25481,6 +27011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25481
27011
|
content: "";
|
|
25482
27012
|
border: 0;
|
|
25483
27013
|
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);
|
|
27014
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
|
25484
27015
|
}
|
|
25485
27016
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
25486
27017
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -25515,6 +27046,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25515
27046
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
25516
27047
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
25517
27048
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
|
27049
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
|
25518
27050
|
}
|
|
25519
27051
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
25520
27052
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -25564,16 +27096,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25564
27096
|
border-radius: 0;
|
|
25565
27097
|
}
|
|
25566
27098
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
27099
|
+
position: relative;
|
|
25567
27100
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
25568
27101
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
25569
27102
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
25570
27103
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
25571
27104
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
27105
|
+
border: 0;
|
|
25572
27106
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
25573
27107
|
}
|
|
25574
27108
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25575
27109
|
background-color: transparent;
|
|
25576
27110
|
}
|
|
27111
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
|
27112
|
+
position: absolute;
|
|
27113
|
+
inset: 0;
|
|
27114
|
+
pointer-events: none;
|
|
27115
|
+
content: "";
|
|
27116
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
|
27117
|
+
border-radius: inherit;
|
|
27118
|
+
}
|
|
25577
27119
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25578
27120
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
25579
27121
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -25631,6 +27173,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25631
27173
|
vertical-align: top;
|
|
25632
27174
|
}
|
|
25633
27175
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
27176
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
|
25634
27177
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
25635
27178
|
}
|
|
25636
27179
|
|
|
@@ -26629,7 +28172,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26629
28172
|
--pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
26630
28173
|
--pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
|
|
26631
28174
|
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
|
26632
|
-
--pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--
|
|
28175
|
+
--pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
26633
28176
|
--pf-v6-c-tabs--m-vertical--Width: 100%;
|
|
26634
28177
|
--pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
|
|
26635
28178
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
|
@@ -26657,6 +28200,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26657
28200
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
26658
28201
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
26659
28202
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28203
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
28204
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
28205
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
28206
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
26660
28207
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26661
28208
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
26662
28209
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -26692,11 +28239,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26692
28239
|
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
|
|
26693
28240
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
|
|
26694
28241
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
|
|
26695
|
-
--pf-v6-c-
|
|
28242
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
28243
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
28244
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28245
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
26696
28246
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
26697
28247
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
26698
28248
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
26699
28249
|
--pf-v6-c-tabs__link--after--InsetBlockStart: auto;
|
|
28250
|
+
--pf-v6-c-tabs__link--after--InsetInlineStart: 0;
|
|
26700
28251
|
--pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
|
|
26701
28252
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
|
|
26702
28253
|
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -26852,6 +28403,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26852
28403
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
26853
28404
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
26854
28405
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28406
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
28407
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
28408
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
28409
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
|
|
26855
28410
|
}
|
|
26856
28411
|
.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 {
|
|
26857
28412
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
@@ -26859,9 +28414,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26859
28414
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
|
|
26860
28415
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
26861
28416
|
}
|
|
26862
|
-
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
|
|
26863
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
26864
|
-
}
|
|
26865
28417
|
.pf-v6-c-tabs.pf-m-box.pf-m-secondary {
|
|
26866
28418
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
|
|
26867
28419
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
|
|
@@ -26879,7 +28431,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26879
28431
|
--pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
|
|
26880
28432
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
|
|
26881
28433
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
|
|
26882
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
26883
28434
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
|
|
26884
28435
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
26885
28436
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
@@ -27156,6 +28707,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27156
28707
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
27157
28708
|
text-decoration-line: none;
|
|
27158
28709
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
28710
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
|
27159
28711
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
27160
28712
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
27161
28713
|
}
|
|
@@ -27178,7 +28730,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27178
28730
|
.pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
|
|
27179
28731
|
inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
|
|
27180
28732
|
inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
|
|
27181
|
-
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
|
|
28733
|
+
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
|
|
27182
28734
|
inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
|
|
27183
28735
|
border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
|
|
27184
28736
|
border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
|
|
@@ -27189,6 +28741,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27189
28741
|
|
|
27190
28742
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
27191
28743
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
|
28744
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
|
27192
28745
|
}
|
|
27193
28746
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
27194
28747
|
pointer-events: none;
|
|
@@ -27203,6 +28756,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27203
28756
|
|
|
27204
28757
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
27205
28758
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
28759
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
|
27206
28760
|
}
|
|
27207
28761
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
27208
28762
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -27629,6 +29183,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27629
29183
|
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
27630
29184
|
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
|
|
27631
29185
|
}
|
|
29186
|
+
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
|
|
29187
|
+
--pf-v6-c-text-input-group__text--Position: relative;
|
|
29188
|
+
}
|
|
27632
29189
|
.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
|
|
27633
29190
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
|
|
27634
29191
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
|
|
@@ -27981,6 +29538,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27981
29538
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
27982
29539
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
27983
29540
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
29541
|
+
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
27984
29542
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
27985
29543
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
27986
29544
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
@@ -27992,12 +29550,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27992
29550
|
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
27993
29551
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
27994
29552
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
27995
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
29553
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
27996
29554
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
29555
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
27997
29556
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
27998
29557
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
27999
29558
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
28000
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
29559
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
|
|
28001
29560
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28002
29561
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
28003
29562
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -28020,11 +29579,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28020
29579
|
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
28021
29580
|
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
28022
29581
|
}
|
|
28023
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button
|
|
29582
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
|
|
28024
29583
|
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
28025
29584
|
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
28026
29585
|
}
|
|
28027
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button
|
|
29586
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
|
|
28028
29587
|
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
28029
29588
|
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
28030
29589
|
}
|
|
@@ -28043,25 +29602,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28043
29602
|
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
28044
29603
|
border: 0;
|
|
28045
29604
|
}
|
|
28046
|
-
.pf-v6-c-toggle-group__button::before {
|
|
29605
|
+
.pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
|
|
28047
29606
|
position: absolute;
|
|
28048
|
-
inset
|
|
28049
|
-
inset-block-end: 0;
|
|
28050
|
-
inset-inline-start: 0;
|
|
28051
|
-
inset-inline-end: 0;
|
|
29607
|
+
inset: 0;
|
|
28052
29608
|
pointer-events: none;
|
|
28053
29609
|
content: "";
|
|
28054
29610
|
border-style: solid;
|
|
29611
|
+
border-radius: inherit;
|
|
29612
|
+
}
|
|
29613
|
+
.pf-v6-c-toggle-group__button::before {
|
|
28055
29614
|
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
28056
29615
|
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28057
29616
|
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28058
29617
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28059
29618
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
28060
29619
|
}
|
|
29620
|
+
.pf-v6-c-toggle-group__button::after {
|
|
29621
|
+
inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
29622
|
+
border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
|
|
29623
|
+
border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
|
|
29624
|
+
}
|
|
28061
29625
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
28062
29626
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
28063
29627
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
28064
29628
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
29629
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
28065
29630
|
text-decoration-line: none;
|
|
28066
29631
|
}
|
|
28067
29632
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -28069,6 +29634,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28069
29634
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
28070
29635
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
28071
29636
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
29637
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
28072
29638
|
}
|
|
28073
29639
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
28074
29640
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
@@ -28124,11 +29690,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28124
29690
|
--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28125
29691
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
28126
29692
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
29693
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29694
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28127
29695
|
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28128
29696
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
28129
29697
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
28130
29698
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
28131
29699
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29700
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29701
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
28132
29702
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
28133
29703
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28134
29704
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -28299,6 +29869,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28299
29869
|
z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
|
|
28300
29870
|
padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
|
|
28301
29871
|
padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
|
|
29872
|
+
border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
|
|
28302
29873
|
box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
|
|
28303
29874
|
}
|
|
28304
29875
|
.pf-v6-c-toolbar.pf-m-static,
|
|
@@ -28445,12 +30016,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28445
30016
|
padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
|
|
28446
30017
|
padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
|
|
28447
30018
|
background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
|
|
30019
|
+
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
28448
30020
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
28449
30021
|
}
|
|
28450
30022
|
@media screen and (min-width: 62rem) {
|
|
28451
30023
|
.pf-v6-c-toolbar__expandable-content {
|
|
28452
30024
|
position: static;
|
|
28453
30025
|
padding: 0;
|
|
30026
|
+
border-block-end: 0;
|
|
28454
30027
|
box-shadow: none;
|
|
28455
30028
|
}
|
|
28456
30029
|
}
|
|
@@ -30224,6 +31797,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30224
31797
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
30225
31798
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
30226
31799
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
31800
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
|
31801
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
31802
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
31803
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
31804
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30227
31805
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
30228
31806
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
30229
31807
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -30509,8 +32087,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30509
32087
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
30510
32088
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
30511
32089
|
}
|
|
32090
|
+
.pf-v6-c-tree-view__node::after {
|
|
32091
|
+
position: absolute;
|
|
32092
|
+
inset: 0;
|
|
32093
|
+
pointer-events: none;
|
|
32094
|
+
content: "";
|
|
32095
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
|
32096
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
|
32097
|
+
}
|
|
30512
32098
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
30513
32099
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
|
32100
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
|
30514
32101
|
}
|
|
30515
32102
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
30516
32103
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -30608,6 +32195,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30608
32195
|
|
|
30609
32196
|
.pf-v6-c-tree-view__content:hover,
|
|
30610
32197
|
.pf-v6-c-tree-view__content:focus-within {
|
|
32198
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
|
30611
32199
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
30612
32200
|
}
|
|
30613
32201
|
|
|
@@ -30744,6 +32332,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30744
32332
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30745
32333
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30746
32334
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
32335
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32336
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
32337
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
32338
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
30747
32339
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
30748
32340
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
30749
32341
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -30755,15 +32347,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30755
32347
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
30756
32348
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
30757
32349
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
32350
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
32351
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
30758
32352
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
30759
32353
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
30760
32354
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
30761
32355
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
30762
32356
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
32357
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
|
30763
32358
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
30764
32359
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
32360
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
|
30765
32361
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30766
32362
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
32363
|
+
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
30767
32364
|
--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
30768
32365
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
|
30769
32366
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -30782,6 +32379,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30782
32379
|
--pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
|
|
30783
32380
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
30784
32381
|
--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
32382
|
+
--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
30785
32383
|
--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
30786
32384
|
--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
|
|
30787
32385
|
--pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -30792,6 +32390,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30792
32390
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
30793
32391
|
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
30794
32392
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
32393
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
32394
|
+
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
30795
32395
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
30796
32396
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
30797
32397
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
@@ -30825,6 +32425,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30825
32425
|
.pf-v6-c-wizard {
|
|
30826
32426
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
30827
32427
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
32428
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
30828
32429
|
}
|
|
30829
32430
|
}
|
|
30830
32431
|
|
|
@@ -30942,6 +32543,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
30942
32543
|
.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
|
|
30943
32544
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
|
|
30944
32545
|
}
|
|
32546
|
+
.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
|
|
32547
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
|
|
32548
|
+
}
|
|
30945
32549
|
.pf-v6-c-wizard__toggle-list-item.pf-m-success {
|
|
30946
32550
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
|
|
30947
32551
|
}
|
|
@@ -31008,6 +32612,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31008
32612
|
overflow-y: auto;
|
|
31009
32613
|
-webkit-overflow-scrolling: touch;
|
|
31010
32614
|
background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
|
|
32615
|
+
border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
|
|
31011
32616
|
box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
|
|
31012
32617
|
}
|
|
31013
32618
|
.pf-v6-c-wizard__nav.pf-m-expanded {
|
|
@@ -31075,6 +32680,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31075
32680
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
|
|
31076
32681
|
position: relative;
|
|
31077
32682
|
display: inline-flex;
|
|
32683
|
+
flex-shrink: 0;
|
|
31078
32684
|
align-items: center;
|
|
31079
32685
|
justify-content: center;
|
|
31080
32686
|
width: var(--pf-v6-c-wizard__nav-link--before--Width);
|
|
@@ -31089,28 +32695,35 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31089
32695
|
.pf-v6-c-wizard__nav-link::before {
|
|
31090
32696
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
31091
32697
|
content: counter(wizard-nav-count);
|
|
32698
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
|
31092
32699
|
}
|
|
31093
32700
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
31094
32701
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
31095
32702
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32703
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
|
31096
32704
|
}
|
|
31097
32705
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
31098
32706
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
31099
32707
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
|
32708
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
|
31100
32709
|
}
|
|
31101
32710
|
|
|
31102
|
-
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
|
|
32711
|
+
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
31103
32712
|
display: none;
|
|
31104
32713
|
}
|
|
31105
32714
|
.pf-v6-c-wizard__nav-link.pf-m-success {
|
|
31106
32715
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
|
|
31107
32716
|
}
|
|
32717
|
+
.pf-v6-c-wizard__nav-link.pf-m-warning {
|
|
32718
|
+
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
|
|
32719
|
+
}
|
|
31108
32720
|
.pf-v6-c-wizard__nav-link.pf-m-danger {
|
|
31109
32721
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
|
|
31110
32722
|
}
|
|
31111
32723
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
31112
32724
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
31113
32725
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
|
32726
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
|
31114
32727
|
}
|
|
31115
32728
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
31116
32729
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -31120,23 +32733,29 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31120
32733
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
31121
32734
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
31122
32735
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
31123
|
-
|
|
31124
|
-
|
|
31125
|
-
.pf-v6-c-wizard__nav-link-text {
|
|
31126
|
-
flex-grow: 1;
|
|
32736
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
31127
32737
|
}
|
|
31128
32738
|
|
|
31129
32739
|
.pf-v6-c-wizard__nav-link-main {
|
|
32740
|
+
position: relative;
|
|
31130
32741
|
display: flex;
|
|
32742
|
+
flex-grow: 1;
|
|
31131
32743
|
justify-content: space-between;
|
|
31132
32744
|
padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
|
|
31133
32745
|
padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
|
|
31134
32746
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
31135
32747
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
31136
32748
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
31137
|
-
border: none;
|
|
31138
32749
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
31139
32750
|
}
|
|
32751
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
|
32752
|
+
position: absolute;
|
|
32753
|
+
inset: 0;
|
|
32754
|
+
pointer-events: none;
|
|
32755
|
+
content: "";
|
|
32756
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
|
32757
|
+
border-radius: inherit;
|
|
32758
|
+
}
|
|
31140
32759
|
|
|
31141
32760
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
31142
32761
|
position: relative;
|