@patternfly/patternfly 6.0.0-prerelease.13 → 6.0.0-prerelease.15
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 +1 -1
- package/base/normalize.scss +16 -0
- package/base/patternfly-variables.css +84 -59
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +12 -4
- package/base/tokens/tokens-default.scss +44 -27
- package/base/tokens/tokens-local.scss +30 -30
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Alert/alert.css +2 -6
- package/components/Alert/alert.scss +2 -7
- package/components/Button/button.css +8 -0
- package/components/Button/button.scss +8 -0
- package/components/DataList/data-list.css +4 -13
- package/components/DataList/data-list.scss +4 -14
- package/components/Drawer/drawer.css +0 -4
- package/components/Drawer/drawer.scss +0 -5
- package/components/FormControl/form-control.css +22 -3
- package/components/FormControl/form-control.scss +27 -4
- package/components/MenuToggle/menu-toggle.css +66 -55
- package/components/MenuToggle/menu-toggle.scss +76 -65
- package/components/Page/page.css +10 -8
- package/components/Page/page.scss +11 -8
- package/components/Pagination/pagination.css +31 -17
- package/components/Pagination/pagination.scss +35 -23
- package/components/Table/table-grid.css +9 -4
- package/components/Table/table-grid.scss +5 -4
- package/components/Table/table.css +6 -5
- package/components/Table/table.scss +6 -5
- package/components/_index.css +158 -115
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
- package/docs/components/DataList/examples/DataList.md +187 -221
- package/docs/components/DragDrop/examples/DragDrop.md +0 -1
- package/docs/components/FileUpload/examples/FileUpload.md +11 -7
- package/docs/components/Form/examples/Form.md +4 -2
- package/docs/components/FormControl/examples/FormControl.md +10 -10
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/Login/examples/Login.md +6 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
- package/docs/components/Pagination/examples/Pagination.md +12 -12
- package/docs/components/Table/examples/Table.md +1 -1
- package/docs/components/Toolbar/examples/Toolbar.md +37 -37
- package/docs/demos/Card/examples/Card.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +10 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
- package/docs/demos/DataList/examples/DataList.md +37 -13
- package/docs/demos/Masthead/examples/Masthead.md +5 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
- package/docs/demos/Table/examples/Table.md +214 -70
- package/docs/demos/Tabs/examples/Tabs.md +1 -1
- package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
- package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
- package/package.json +5 -5
- package/patternfly-base-no-globals.css +84 -59
- package/patternfly-base.css +99 -59
- package/patternfly-no-globals.css +242 -174
- package/patternfly.css +257 -174
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/assets/images/PF-Masthead-Logo.svg +0 -1
- package/assets/images/background-filter.svg +0 -17
- package/assets/images/g_sizing.png +0 -0
- package/assets/images/img_avatar-dark.svg +0 -22
- package/assets/images/img_avatar.svg +0 -21
- package/assets/images/l_pf-reverse-164x11.png +0 -0
- package/assets/images/l_pf-reverse.svg +0 -1
- package/assets/images/logo-dropbox-old.svg +0 -1
- package/assets/images/logo-dropbox.svg +0 -6
- package/assets/images/logo-facebook.svg +0 -4
- package/assets/images/logo-github.svg +0 -4
- package/assets/images/logo-gitlab.svg +0 -4
- package/assets/images/logo-google.svg +0 -4
- package/assets/images/logo-google2.svg +0 -10
- package/assets/images/logo__pf--reverse--base.png +0 -0
- package/assets/images/logo__pf--reverse--base.svg +0 -40
- package/assets/images/logo__pf--reverse-on-md.svg +0 -40
- package/assets/images/pf-c-brand__logo-base.jpg +0 -0
- package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
- package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
- package/assets/images/pf-c-brand__logo.svg +0 -10
- package/assets/images/pf-logo.svg +0 -28
- package/assets/images/pf_logo.svg +0 -37
- package/assets/images/pf_logo_color.svg +0 -22
- package/assets/images/pf_logo_white.svg +0 -37
- package/assets/images/pf_mini_logo_white.svg +0 -1
- package/assets/images/pfbg_1200.jpg +0 -0
- package/assets/images/pfbg_2000.jpg +0 -0
- package/assets/images/pfbg_576.jpg +0 -0
- package/assets/images/pfbg_576@2x.jpg +0 -0
- package/assets/images/pfbg_768.jpg +0 -0
- package/assets/images/pfbg_768@2x.jpg +0 -0
- package/assets/images/pfbg_992.jpg +0 -0
- package/assets/images/pfbg_992@2x.jpg +0 -0
- package/assets/images/status-icon-sprite.svg +0 -38
package/patternfly.css
CHANGED
|
@@ -30,6 +30,21 @@ h6) {
|
|
|
30
30
|
*::before,
|
|
31
31
|
*::after {
|
|
32
32
|
box-sizing: border-box;
|
|
33
|
+
scrollbar-color: var(--pf-t--global--border--color--default) transparent;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
*::-webkit-scrollbar-thumb {
|
|
37
|
+
background-color: var(--pf-t--global--border--color--default);
|
|
38
|
+
border-radius: var(--pf-t--global--spacer--xs);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
*::-webkit-scrollbar-track {
|
|
42
|
+
background-color: transparent;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
*::-webkit-scrollbar {
|
|
46
|
+
max-width: var(--pf-t--global--spacer--sm);
|
|
47
|
+
max-height: var(--pf-t--global--spacer--sm);
|
|
33
48
|
}
|
|
34
49
|
|
|
35
50
|
:where(html,
|
|
@@ -6423,26 +6438,33 @@ button) {
|
|
|
6423
6438
|
--pf-t--global--border--width--100: 1px;
|
|
6424
6439
|
--pf-t--global--border--width--200: 2px;
|
|
6425
6440
|
--pf-t--global--border--width--300: 3px;
|
|
6426
|
-
--pf-t--global--box-shadow--X--100: -
|
|
6441
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
6427
6442
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6428
6443
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
6429
6444
|
--pf-t--global--box-shadow--X--400: 0px;
|
|
6445
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
6430
6446
|
--pf-t--global--box-shadow--X--500: 1px;
|
|
6431
6447
|
--pf-t--global--box-shadow--X--600: 4px;
|
|
6432
|
-
--pf-t--global--box-shadow--X--700:
|
|
6433
|
-
--pf-t--global--box-shadow--
|
|
6448
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
6449
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
6450
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6434
6451
|
--pf-t--global--box-shadow--Y--200: -4px;
|
|
6435
6452
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6436
6453
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6454
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6437
6455
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6438
6456
|
--pf-t--global--box-shadow--Y--600: 4px;
|
|
6439
|
-
--pf-t--global--box-shadow--Y--700:
|
|
6457
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6458
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6440
6459
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
6441
|
-
--pf-t--global--box-shadow--blur--200:
|
|
6442
|
-
--pf-t--global--box-shadow--blur--300:
|
|
6443
|
-
--pf-t--global--box-shadow--color--100: rgba(
|
|
6444
|
-
--pf-t--global--box-shadow--color--200: rgba(
|
|
6460
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
6461
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6462
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
6463
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
6445
6464
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6465
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6466
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
6467
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
6446
6468
|
--pf-t--global--breakpoint--100: 0rem;
|
|
6447
6469
|
--pf-t--global--breakpoint--200: 36rem;
|
|
6448
6470
|
--pf-t--global--breakpoint--250: 40rem;
|
|
@@ -6511,11 +6533,13 @@ button) {
|
|
|
6511
6533
|
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
6512
6534
|
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
6513
6535
|
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
6536
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
6514
6537
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
6515
6538
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
6516
6539
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6517
6540
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6518
6541
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6542
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6519
6543
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6520
6544
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6521
6545
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
@@ -6545,43 +6569,49 @@ button) {
|
|
|
6545
6569
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6546
6570
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6547
6571
|
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
6548
|
-
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--
|
|
6549
|
-
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--
|
|
6572
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
6573
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
6550
6574
|
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
6551
6575
|
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6552
6576
|
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
6553
|
-
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--
|
|
6554
|
-
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--
|
|
6577
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
6578
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
6555
6579
|
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
6556
6580
|
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6557
6581
|
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
6558
|
-
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--
|
|
6559
|
-
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--
|
|
6582
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
6583
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
6560
6584
|
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
6561
|
-
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6585
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
6562
6586
|
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
6563
6587
|
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6564
6588
|
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6565
|
-
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--
|
|
6566
|
-
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6589
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
6590
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
6567
6591
|
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
6568
6592
|
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6569
6593
|
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6570
|
-
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--
|
|
6571
|
-
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6594
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
6595
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
6572
6596
|
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
6573
6597
|
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6574
6598
|
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6575
|
-
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--
|
|
6599
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
6576
6600
|
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
6577
6601
|
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
6578
6602
|
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
6579
|
-
--pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--
|
|
6580
|
-
--pf-t--global--box-shadow--color--
|
|
6581
|
-
--pf-t--global--box-shadow--color--
|
|
6582
|
-
--pf-t--global--box-shadow--
|
|
6583
|
-
--pf-t--global--box-shadow--
|
|
6584
|
-
--pf-t--global--box-shadow--
|
|
6603
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
6604
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
6605
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
6606
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
6607
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
6608
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
6609
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6610
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
6611
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6612
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
6613
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6614
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
6585
6615
|
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
6586
6616
|
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
6587
6617
|
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
@@ -6728,7 +6758,9 @@ button) {
|
|
|
6728
6758
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
6729
6759
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
6730
6760
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
6761
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
6731
6762
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
6763
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
6732
6764
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
6733
6765
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
6734
6766
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
@@ -7090,92 +7122,92 @@ button) {
|
|
|
7090
7122
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
7091
7123
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
7092
7124
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
7093
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
7094
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7125
|
+
var(--pf-t--global--box-shadow--spread--sm--default)
|
|
7126
|
+
var(--pf-t--global--box-shadow--color--sm--default);
|
|
7095
7127
|
--pf-t--global--box-shadow--sm--top:
|
|
7096
7128
|
var(--pf-t--global--box-shadow--X--sm--top)
|
|
7097
7129
|
var(--pf-t--global--box-shadow--Y--sm--top)
|
|
7098
7130
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
7099
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
7100
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7131
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7132
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
7101
7133
|
--pf-t--global--box-shadow--sm--bottom:
|
|
7102
7134
|
var(--pf-t--global--box-shadow--X--sm--bottom)
|
|
7103
7135
|
var(--pf-t--global--box-shadow--Y--sm--bottom)
|
|
7104
7136
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
7105
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
7106
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7137
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7138
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
7107
7139
|
--pf-t--global--box-shadow--sm--left:
|
|
7108
7140
|
var(--pf-t--global--box-shadow--X--sm--left)
|
|
7109
7141
|
var(--pf-t--global--box-shadow--Y--sm--left)
|
|
7110
7142
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
7111
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
7112
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7143
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7144
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
7113
7145
|
--pf-t--global--box-shadow--sm--right:
|
|
7114
7146
|
var(--pf-t--global--box-shadow--X--sm--right)
|
|
7115
7147
|
var(--pf-t--global--box-shadow--Y--sm--right)
|
|
7116
7148
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
7117
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
7118
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7149
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7150
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
7119
7151
|
--pf-t--global--box-shadow--md:
|
|
7120
7152
|
var(--pf-t--global--box-shadow--X--md--default)
|
|
7121
7153
|
var(--pf-t--global--box-shadow--Y--md--default)
|
|
7122
7154
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7123
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7124
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7155
|
+
var(--pf-t--global--box-shadow--spread--md--default)
|
|
7156
|
+
var(--pf-t--global--box-shadow--color--md--default);
|
|
7125
7157
|
--pf-t--global--box-shadow--md--top:
|
|
7126
7158
|
var(--pf-t--global--box-shadow--X--md--top)
|
|
7127
7159
|
var(--pf-t--global--box-shadow--Y--md--top)
|
|
7128
7160
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7129
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7130
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7161
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7162
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7131
7163
|
--pf-t--global--box-shadow--md--bottom:
|
|
7132
7164
|
var(--pf-t--global--box-shadow--X--md--bottom)
|
|
7133
7165
|
var(--pf-t--global--box-shadow--Y--md--bottom)
|
|
7134
7166
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7135
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7136
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7167
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7168
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7137
7169
|
--pf-t--global--box-shadow--md--left:
|
|
7138
7170
|
var(--pf-t--global--box-shadow--X--md--left)
|
|
7139
7171
|
var(--pf-t--global--box-shadow--Y--md--left)
|
|
7140
7172
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7141
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7142
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7173
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7174
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7143
7175
|
--pf-t--global--box-shadow--md--right:
|
|
7144
7176
|
var(--pf-t--global--box-shadow--X--md--right)
|
|
7145
7177
|
var(--pf-t--global--box-shadow--Y--md--right)
|
|
7146
7178
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7147
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7148
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7179
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7180
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7149
7181
|
--pf-t--global--box-shadow--lg:
|
|
7150
7182
|
var(--pf-t--global--box-shadow--X--lg--default)
|
|
7151
7183
|
var(--pf-t--global--box-shadow--Y--lg--default)
|
|
7152
7184
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7153
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7154
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7185
|
+
var(--pf-t--global--box-shadow--spread--lg--default)
|
|
7186
|
+
var(--pf-t--global--box-shadow--color--lg--default);
|
|
7155
7187
|
--pf-t--global--box-shadow--lg--top:
|
|
7156
7188
|
var(--pf-t--global--box-shadow--X--lg--top)
|
|
7157
7189
|
var(--pf-t--global--box-shadow--Y--lg--top)
|
|
7158
7190
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7159
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7160
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7191
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7192
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7161
7193
|
--pf-t--global--box-shadow--lg--bottom:
|
|
7162
7194
|
var(--pf-t--global--box-shadow--X--lg--bottom)
|
|
7163
7195
|
var(--pf-t--global--box-shadow--Y--lg--bottom)
|
|
7164
7196
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7165
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7166
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7197
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7198
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7167
7199
|
--pf-t--global--box-shadow--lg--left:
|
|
7168
7200
|
var(--pf-t--global--box-shadow--X--lg--left)
|
|
7169
7201
|
var(--pf-t--global--box-shadow--Y--lg--left)
|
|
7170
7202
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7171
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7172
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7203
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7204
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7173
7205
|
--pf-t--global--box-shadow--lg--right:
|
|
7174
7206
|
var(--pf-t--global--box-shadow--X--lg--right)
|
|
7175
7207
|
var(--pf-t--global--box-shadow--Y--lg--right)
|
|
7176
7208
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7177
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7178
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7209
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7210
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7179
7211
|
--pf-t--global--list-style: disc outside;
|
|
7180
7212
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7181
7213
|
}
|
|
@@ -7185,16 +7217,22 @@ button) {
|
|
|
7185
7217
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7186
7218
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7187
7219
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7220
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7188
7221
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7189
7222
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7190
7223
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7191
|
-
--pf-t--global--
|
|
7192
|
-
--pf-t--global--box-shadow--color--
|
|
7193
|
-
--pf-t--global--box-shadow--color--
|
|
7224
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7225
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7226
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7227
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7228
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7229
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7230
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7194
7231
|
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
7195
7232
|
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
7196
7233
|
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
7197
7234
|
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
7235
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
7198
7236
|
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
7199
7237
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7200
7238
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
@@ -7273,7 +7311,9 @@ button) {
|
|
|
7273
7311
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
|
|
7274
7312
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
7275
7313
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
7314
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
7276
7315
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
7316
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
7277
7317
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
|
|
7278
7318
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
|
|
7279
7319
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
|
|
@@ -7949,6 +7989,7 @@ button) {
|
|
|
7949
7989
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7950
7990
|
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
7951
7991
|
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
7992
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
|
7952
7993
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7953
7994
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
7954
7995
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -8068,6 +8109,7 @@ button) {
|
|
|
8068
8109
|
.pf-v6-c-alert__toggle {
|
|
8069
8110
|
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
8070
8111
|
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
8112
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
|
8071
8113
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
8072
8114
|
}
|
|
8073
8115
|
|
|
@@ -8081,9 +8123,7 @@ button) {
|
|
|
8081
8123
|
}
|
|
8082
8124
|
|
|
8083
8125
|
.pf-v6-c-alert__icon {
|
|
8084
|
-
display: flex;
|
|
8085
8126
|
grid-area: icon;
|
|
8086
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
8087
8127
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
8088
8128
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
8089
8129
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -8116,10 +8156,6 @@ button) {
|
|
|
8116
8156
|
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
8117
8157
|
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
8118
8158
|
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
8119
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
8120
|
-
}
|
|
8121
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
8122
|
-
--pf-v6-c-button--LineHeight: 1;
|
|
8123
8159
|
}
|
|
8124
8160
|
|
|
8125
8161
|
.pf-v6-c-alert__action-group {
|
|
@@ -8994,6 +9030,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8994
9030
|
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
8995
9031
|
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
8996
9032
|
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
9033
|
+
--pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
8997
9034
|
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
8998
9035
|
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8999
9036
|
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -9012,6 +9049,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9012
9049
|
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
|
|
9013
9050
|
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
|
|
9014
9051
|
--pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
|
|
9052
|
+
--pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
9015
9053
|
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9016
9054
|
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
9017
9055
|
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
@@ -9080,7 +9118,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9080
9118
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
9081
9119
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
9082
9120
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
9121
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
9083
9122
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
9123
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
9084
9124
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
9085
9125
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
9086
9126
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
@@ -9244,6 +9284,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9244
9284
|
.pf-v6-c-button.pf-m-secondary {
|
|
9245
9285
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
|
|
9246
9286
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
|
|
9287
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
|
|
9247
9288
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
|
|
9248
9289
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
|
|
9249
9290
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
|
|
@@ -9269,6 +9310,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9269
9310
|
.pf-v6-c-button.pf-m-tertiary {
|
|
9270
9311
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
|
|
9271
9312
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
|
|
9313
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
|
|
9272
9314
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
|
|
9273
9315
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
|
|
9274
9316
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
|
|
@@ -9432,6 +9474,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9432
9474
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
9433
9475
|
}
|
|
9434
9476
|
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
|
|
9477
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
|
|
9435
9478
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
9436
9479
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
9437
9480
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
@@ -9463,6 +9506,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9463
9506
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
9464
9507
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
9465
9508
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
9509
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
9466
9510
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
9467
9511
|
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9468
9512
|
}
|
|
@@ -11225,11 +11269,11 @@ ul) {
|
|
|
11225
11269
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
11226
11270
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
11227
11271
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11272
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
11273
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
11228
11274
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
11229
11275
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
11230
11276
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
11231
|
-
--pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11232
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11233
11277
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
|
11234
11278
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
11235
11279
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11259,8 +11303,6 @@ ul) {
|
|
|
11259
11303
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11260
11304
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11261
11305
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
11262
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
|
11263
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
|
11264
11306
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11265
11307
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
11266
11308
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -11293,8 +11335,6 @@ ul) {
|
|
|
11293
11335
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
|
|
11294
11336
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
|
|
11295
11337
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
|
|
11296
|
-
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
|
|
11297
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
|
|
11298
11338
|
--pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
|
|
11299
11339
|
--pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
|
|
11300
11340
|
--pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
|
|
@@ -11440,8 +11480,8 @@ ul) {
|
|
|
11440
11480
|
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
11441
11481
|
align-content: flex-start;
|
|
11442
11482
|
align-items: flex-start;
|
|
11443
|
-
padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
|
|
11444
|
-
padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
|
|
11483
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
11484
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
11445
11485
|
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
11446
11486
|
}
|
|
11447
11487
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
@@ -11488,11 +11528,6 @@ ul) {
|
|
|
11488
11528
|
}
|
|
11489
11529
|
}
|
|
11490
11530
|
|
|
11491
|
-
.pf-v6-c-data-list__action {
|
|
11492
|
-
margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
|
|
11493
|
-
margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
|
|
11494
|
-
}
|
|
11495
|
-
|
|
11496
11531
|
.pf-v6-c-data-list__toggle {
|
|
11497
11532
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
11498
11533
|
margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
|
|
@@ -13009,10 +13044,6 @@ ul) {
|
|
|
13009
13044
|
flex: 1 1;
|
|
13010
13045
|
}
|
|
13011
13046
|
|
|
13012
|
-
.pf-v6-c-drawer__body > .pf-v6-c-page__main {
|
|
13013
|
-
height: 100%;
|
|
13014
|
-
}
|
|
13015
|
-
|
|
13016
13047
|
.pf-v6-c-drawer__splitter {
|
|
13017
13048
|
position: relative;
|
|
13018
13049
|
display: none;
|
|
@@ -14364,6 +14395,10 @@ ul) {
|
|
|
14364
14395
|
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
14365
14396
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
14366
14397
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
14398
|
+
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14399
|
+
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14400
|
+
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14401
|
+
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14367
14402
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14368
14403
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
14369
14404
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -14419,18 +14454,33 @@ ul) {
|
|
|
14419
14454
|
background-color: transparent;
|
|
14420
14455
|
border: none;
|
|
14421
14456
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
14457
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
14422
14458
|
-moz-appearance: none;
|
|
14423
14459
|
-webkit-appearance: none;
|
|
14424
14460
|
}
|
|
14425
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
14426
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
14427
|
-
}
|
|
14428
14461
|
.pf-v6-c-form-control > ::placeholder {
|
|
14429
14462
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
14430
14463
|
}
|
|
14431
14464
|
.pf-v6-c-form-control > :is(input, select) {
|
|
14432
14465
|
text-overflow: ellipsis;
|
|
14433
14466
|
}
|
|
14467
|
+
.pf-v6-c-form-control.pf-m-textarea {
|
|
14468
|
+
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
14469
|
+
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
14470
|
+
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
|
14471
|
+
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
|
14472
|
+
}
|
|
14473
|
+
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
14474
|
+
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
14475
|
+
}
|
|
14476
|
+
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
14477
|
+
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14478
|
+
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
14479
|
+
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
14480
|
+
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
14481
|
+
outline-offset: 0;
|
|
14482
|
+
scrollbar-gutter: stable;
|
|
14483
|
+
}
|
|
14434
14484
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
14435
14485
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
14436
14486
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -17447,7 +17497,7 @@ ul.pf-v6-c-list {
|
|
|
17447
17497
|
}
|
|
17448
17498
|
|
|
17449
17499
|
.pf-v6-c-menu-toggle {
|
|
17450
|
-
--pf-v6-c-menu-toggle--
|
|
17500
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
17451
17501
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
17452
17502
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17453
17503
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -17512,26 +17562,30 @@ ul.pf-v6-c-list {
|
|
|
17512
17562
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
17513
17563
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
17514
17564
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
17515
|
-
--pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
17516
17565
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
17517
17566
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
17518
17567
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
17519
17568
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17520
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17521
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17522
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17523
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17524
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17525
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17526
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17527
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17528
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17569
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
17570
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17571
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
17572
|
+
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
17573
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17574
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17575
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
17576
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
17577
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17578
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
17579
|
+
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
17529
17580
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
17581
|
+
--pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
17530
17582
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
17531
17583
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
17532
17584
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
17533
17585
|
--pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
17534
17586
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
17587
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17588
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17535
17589
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
17536
17590
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
17537
17591
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -17539,14 +17593,15 @@ ul.pf-v6-c-list {
|
|
|
17539
17593
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
17540
17594
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17541
17595
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17542
|
-
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--
|
|
17596
|
+
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
17597
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
17598
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
17543
17599
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
17544
17600
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
17545
17601
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
17546
17602
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
17547
17603
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17548
17604
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17549
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
17550
17605
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17551
17606
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
17552
17607
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -17555,12 +17610,13 @@ ul.pf-v6-c-list {
|
|
|
17555
17610
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
17556
17611
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
17557
17612
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17613
|
+
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
17558
17614
|
}
|
|
17559
17615
|
|
|
17560
17616
|
.pf-v6-c-menu-toggle {
|
|
17561
17617
|
position: relative;
|
|
17562
17618
|
display: inline-flex;
|
|
17563
|
-
|
|
17619
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
17564
17620
|
align-items: center;
|
|
17565
17621
|
justify-content: center;
|
|
17566
17622
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
@@ -17646,6 +17702,8 @@ ul.pf-v6-c-list {
|
|
|
17646
17702
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
17647
17703
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
17648
17704
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
|
17705
|
+
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
17706
|
+
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
17649
17707
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
17650
17708
|
}
|
|
17651
17709
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
@@ -17674,9 +17732,6 @@ ul.pf-v6-c-list {
|
|
|
17674
17732
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
17675
17733
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
17676
17734
|
}
|
|
17677
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
17678
|
-
background-color: transparent;
|
|
17679
|
-
}
|
|
17680
17735
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
17681
17736
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
17682
17737
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
|
@@ -17705,7 +17760,8 @@ ul.pf-v6-c-list {
|
|
|
17705
17760
|
}
|
|
17706
17761
|
|
|
17707
17762
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
17708
|
-
--pf-v6-c-menu-toggle--
|
|
17763
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17764
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
17709
17765
|
padding: 0;
|
|
17710
17766
|
}
|
|
17711
17767
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
|
@@ -17724,7 +17780,6 @@ ul.pf-v6-c-list {
|
|
|
17724
17780
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
|
17725
17781
|
}
|
|
17726
17782
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
|
17727
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
|
17728
17783
|
--pf-v6-c-check__label--Color: currentcolor;
|
|
17729
17784
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
|
17730
17785
|
align-items: center;
|
|
@@ -17734,49 +17789,51 @@ ul.pf-v6-c-list {
|
|
|
17734
17789
|
--pf-v6-c-check__input--TranslateY: 0;
|
|
17735
17790
|
align-self: center;
|
|
17736
17791
|
}
|
|
17737
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17738
|
-
--pf-v6-c-menu-toggle--
|
|
17739
|
-
}
|
|
17740
|
-
|
|
17741
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
17742
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
17743
|
-
}
|
|
17744
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
17745
|
-
border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor);
|
|
17792
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
|
|
17793
|
+
border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
|
|
17746
17794
|
}
|
|
17747
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17748
|
-
|
|
17795
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
|
|
17796
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
|
|
17749
17797
|
}
|
|
17750
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17751
|
-
|
|
17798
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
|
|
17799
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
|
|
17800
|
+
background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
|
|
17752
17801
|
}
|
|
17753
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17754
|
-
|
|
17802
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
|
|
17803
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
|
|
17804
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
|
|
17755
17805
|
}
|
|
17756
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17757
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17806
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
|
|
17807
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
|
|
17758
17808
|
}
|
|
17759
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17760
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17809
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
|
17810
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
17761
17811
|
}
|
|
17762
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17763
|
-
|
|
17812
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
|
|
17813
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
|
|
17814
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
17815
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
17764
17816
|
}
|
|
17765
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17766
|
-
|
|
17817
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
|
|
17818
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
|
|
17819
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
17820
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
17767
17821
|
}
|
|
17768
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17769
|
-
|
|
17822
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
|
|
17823
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
|
|
17770
17824
|
}
|
|
17771
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17772
|
-
|
|
17825
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
|
|
17826
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
|
|
17773
17827
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
17774
17828
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
17775
17829
|
}
|
|
17830
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
|
17831
|
+
content: none;
|
|
17832
|
+
}
|
|
17776
17833
|
|
|
17777
17834
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
|
17778
17835
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
17779
|
-
--pf-v6-c-menu-toggle--
|
|
17836
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17780
17837
|
align-items: stretch;
|
|
17781
17838
|
padding: 0;
|
|
17782
17839
|
}
|
|
@@ -17794,6 +17851,7 @@ ul.pf-v6-c-list {
|
|
|
17794
17851
|
}
|
|
17795
17852
|
|
|
17796
17853
|
.pf-v6-c-menu-toggle__button {
|
|
17854
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
|
17797
17855
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
17798
17856
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
17799
17857
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
@@ -17802,13 +17860,13 @@ ul.pf-v6-c-list {
|
|
|
17802
17860
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
17803
17861
|
border: 0;
|
|
17804
17862
|
}
|
|
17805
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
17806
|
-
padding-inline-start: 0;
|
|
17807
|
-
}
|
|
17808
17863
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
17809
17864
|
display: inline-flex;
|
|
17810
17865
|
align-items: baseline;
|
|
17811
|
-
|
|
17866
|
+
}
|
|
17867
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
|
|
17868
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
|
|
17869
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
|
|
17812
17870
|
}
|
|
17813
17871
|
|
|
17814
17872
|
.pf-v6-c-menu-toggle__text {
|
|
@@ -17823,7 +17881,6 @@ ul.pf-v6-c-list {
|
|
|
17823
17881
|
flex-wrap: nowrap;
|
|
17824
17882
|
}
|
|
17825
17883
|
|
|
17826
|
-
.pf-v6-c-menu-toggle__icon,
|
|
17827
17884
|
.pf-v6-c-menu-toggle__controls,
|
|
17828
17885
|
.pf-v6-c-menu-toggle__toggle-icon {
|
|
17829
17886
|
display: flex;
|
|
@@ -17833,11 +17890,16 @@ ul.pf-v6-c-list {
|
|
|
17833
17890
|
|
|
17834
17891
|
.pf-v6-c-menu-toggle__icon {
|
|
17835
17892
|
flex-shrink: 0;
|
|
17836
|
-
|
|
17893
|
+
}
|
|
17894
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
17895
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
17896
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
17897
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
17898
|
+
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
17837
17899
|
}
|
|
17838
17900
|
|
|
17839
17901
|
.pf-v6-c-menu-toggle__controls {
|
|
17840
|
-
|
|
17902
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
17841
17903
|
margin-inline-start: auto;
|
|
17842
17904
|
}
|
|
17843
17905
|
|
|
@@ -17847,7 +17909,6 @@ ul.pf-v6-c-list {
|
|
|
17847
17909
|
}
|
|
17848
17910
|
|
|
17849
17911
|
.pf-v6-c-menu-toggle__status-icon {
|
|
17850
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
17851
17912
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
17852
17913
|
}
|
|
17853
17914
|
|
|
@@ -18892,6 +18953,7 @@ ul.pf-v6-c-list {
|
|
|
18892
18953
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
18893
18954
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
18894
18955
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
18956
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
|
18895
18957
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
18896
18958
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
18897
18959
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -18900,7 +18962,7 @@ ul.pf-v6-c-list {
|
|
|
18900
18962
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
18901
18963
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
18902
18964
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
18903
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
|
18965
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
18904
18966
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18905
18967
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
18906
18968
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
@@ -18913,7 +18975,7 @@ ul.pf-v6-c-list {
|
|
|
18913
18975
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18914
18976
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
18915
18977
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
18916
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
18978
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
18917
18979
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
18918
18980
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
18919
18981
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -18926,8 +18988,8 @@ ul.pf-v6-c-list {
|
|
|
18926
18988
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18927
18989
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
18928
18990
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
18929
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
|
18930
|
-
--pf-v6-c-page__main-container--BorderWidth:
|
|
18991
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
18992
|
+
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
18931
18993
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
18932
18994
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18933
18995
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -18984,6 +19046,7 @@ ul.pf-v6-c-list {
|
|
|
18984
19046
|
}
|
|
18985
19047
|
@media (min-width: 75rem) {
|
|
18986
19048
|
.pf-v6-c-page {
|
|
19049
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
18987
19050
|
grid-template-areas: "header header" "sidebar main";
|
|
18988
19051
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
18989
19052
|
}
|
|
@@ -19493,11 +19556,11 @@ ul.pf-v6-c-list {
|
|
|
19493
19556
|
flex-shrink: 0;
|
|
19494
19557
|
}
|
|
19495
19558
|
|
|
19496
|
-
.pf-v6-c-page__drawer {
|
|
19497
|
-
|
|
19559
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
19560
|
+
align-self: revert;
|
|
19498
19561
|
}
|
|
19499
|
-
.pf-v6-c-page__drawer
|
|
19500
|
-
flex: 1
|
|
19562
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
|
19563
|
+
flex-grow: 1;
|
|
19501
19564
|
}
|
|
19502
19565
|
|
|
19503
19566
|
.pf-v6-c-pagination {
|
|
@@ -19519,17 +19582,23 @@ ul.pf-v6-c-list {
|
|
|
19519
19582
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19520
19583
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
19521
19584
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19522
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19523
19585
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19524
19586
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19525
|
-
--pf-v6-c-pagination--m-sticky--
|
|
19587
|
+
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19588
|
+
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19526
19589
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
19527
19590
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19528
19591
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
19529
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19530
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19531
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19532
19592
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
19593
|
+
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19594
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19595
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19596
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19597
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19598
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
19599
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
19600
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19601
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19533
19602
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
19534
19603
|
--pf-v6-c-pagination__page-menu--Display: none;
|
|
19535
19604
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
|
@@ -19569,17 +19638,13 @@ ul.pf-v6-c-list {
|
|
|
19569
19638
|
position: sticky;
|
|
19570
19639
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
19571
19640
|
justify-content: center;
|
|
19572
|
-
padding-
|
|
19573
|
-
padding-
|
|
19641
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
19642
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
19643
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
19644
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
19574
19645
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
19575
19646
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
19576
19647
|
}
|
|
19577
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
|
19578
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
19579
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
19580
|
-
position: relative;
|
|
19581
|
-
box-shadow: none;
|
|
19582
|
-
}
|
|
19583
19648
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
19584
19649
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
19585
19650
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -19601,6 +19666,10 @@ ul.pf-v6-c-list {
|
|
|
19601
19666
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
19602
19667
|
position: relative;
|
|
19603
19668
|
justify-content: flex-end;
|
|
19669
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
19670
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
19671
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
19672
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
19604
19673
|
}
|
|
19605
19674
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
19606
19675
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
@@ -19618,15 +19687,23 @@ ul.pf-v6-c-list {
|
|
|
19618
19687
|
flex-basis: auto;
|
|
19619
19688
|
}
|
|
19620
19689
|
}
|
|
19690
|
+
.pf-v6-c-pagination.pf-m-static {
|
|
19691
|
+
position: relative;
|
|
19692
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
19693
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
19694
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
19695
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
19696
|
+
box-shadow: none;
|
|
19697
|
+
}
|
|
19621
19698
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
19622
19699
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19623
19700
|
position: sticky;
|
|
19624
19701
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
19625
19702
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
19626
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
|
19627
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
|
19628
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
|
19629
|
-
padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
|
|
19703
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
19704
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
19705
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
19706
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
19630
19707
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
19631
19708
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
19632
19709
|
}
|
|
@@ -22098,9 +22175,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22098
22175
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
22099
22176
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
22100
22177
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22101
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
22178
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22102
22179
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22103
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
22180
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22104
22181
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
22105
22182
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22106
22183
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -22130,8 +22207,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22130
22207
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22131
22208
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22132
22209
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22133
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
22134
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
22210
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22211
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22135
22212
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22136
22213
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
22137
22214
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
@@ -22149,6 +22226,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22149
22226
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22150
22227
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22151
22228
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22229
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22152
22230
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22153
22231
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22154
22232
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -22448,6 +22526,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22448
22526
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22449
22527
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22450
22528
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22529
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22451
22530
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22452
22531
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22453
22532
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -22750,6 +22829,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22750
22829
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22751
22830
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22752
22831
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22832
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22753
22833
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22754
22834
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22755
22835
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -23052,6 +23132,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23052
23132
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
23053
23133
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
23054
23134
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
23135
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
23055
23136
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
23056
23137
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
23057
23138
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -23354,6 +23435,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23354
23435
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
23355
23436
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
23356
23437
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
23438
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
23357
23439
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
23358
23440
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
23359
23441
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -23659,7 +23741,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23659
23741
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
23660
23742
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
23661
23743
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
23662
|
-
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
23744
|
+
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23663
23745
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23664
23746
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
23665
23747
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -23677,7 +23759,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23677
23759
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
23678
23760
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23679
23761
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
23680
|
-
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--
|
|
23762
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23681
23763
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
23682
23764
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
23683
23765
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
@@ -23906,10 +23988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23906
23988
|
}
|
|
23907
23989
|
}
|
|
23908
23990
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
23909
|
-
padding-inline-start:
|
|
23991
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
23910
23992
|
}
|
|
23911
23993
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
|
23912
|
-
padding-inline-end:
|
|
23994
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
23913
23995
|
}
|
|
23914
23996
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
23915
23997
|
text-align: center;
|
|
@@ -24142,7 +24224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24142
24224
|
.pf-v6-c-table__column-help {
|
|
24143
24225
|
display: inline-grid;
|
|
24144
24226
|
grid-template-columns: auto max-content;
|
|
24145
|
-
align-items: baseline;
|
|
24227
|
+
align-items: last baseline;
|
|
24146
24228
|
justify-content: start;
|
|
24147
24229
|
}
|
|
24148
24230
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
@@ -24307,6 +24389,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24307
24389
|
}
|
|
24308
24390
|
|
|
24309
24391
|
.pf-v6-c-table__column-help-action {
|
|
24392
|
+
align-self: last baseline;
|
|
24310
24393
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
24311
24394
|
}
|
|
24312
24395
|
|