@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
|
@@ -6302,26 +6302,33 @@
|
|
|
6302
6302
|
--pf-t--global--border--width--100: 1px;
|
|
6303
6303
|
--pf-t--global--border--width--200: 2px;
|
|
6304
6304
|
--pf-t--global--border--width--300: 3px;
|
|
6305
|
-
--pf-t--global--box-shadow--X--100: -
|
|
6305
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
6306
6306
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
6307
6307
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
6308
6308
|
--pf-t--global--box-shadow--X--400: 0px;
|
|
6309
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
6309
6310
|
--pf-t--global--box-shadow--X--500: 1px;
|
|
6310
6311
|
--pf-t--global--box-shadow--X--600: 4px;
|
|
6311
|
-
--pf-t--global--box-shadow--X--700:
|
|
6312
|
-
--pf-t--global--box-shadow--
|
|
6312
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
6313
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
6314
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
6313
6315
|
--pf-t--global--box-shadow--Y--200: -4px;
|
|
6314
6316
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
6315
6317
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
6318
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
6316
6319
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
6317
6320
|
--pf-t--global--box-shadow--Y--600: 4px;
|
|
6318
|
-
--pf-t--global--box-shadow--Y--700:
|
|
6321
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
6322
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
6319
6323
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
6320
|
-
--pf-t--global--box-shadow--blur--200:
|
|
6321
|
-
--pf-t--global--box-shadow--blur--300:
|
|
6322
|
-
--pf-t--global--box-shadow--color--100: rgba(
|
|
6323
|
-
--pf-t--global--box-shadow--color--200: rgba(
|
|
6324
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
6325
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6326
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
6327
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
6324
6328
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6329
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6330
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
6331
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
6325
6332
|
--pf-t--global--breakpoint--100: 0rem;
|
|
6326
6333
|
--pf-t--global--breakpoint--200: 36rem;
|
|
6327
6334
|
--pf-t--global--breakpoint--250: 40rem;
|
|
@@ -6390,11 +6397,13 @@
|
|
|
6390
6397
|
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
6391
6398
|
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
6392
6399
|
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
6400
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
6393
6401
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
6394
6402
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
6395
6403
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
6396
6404
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
6397
6405
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
6406
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
6398
6407
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
6399
6408
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
6400
6409
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
@@ -6424,43 +6433,49 @@
|
|
|
6424
6433
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
6425
6434
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6426
6435
|
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
6427
|
-
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--
|
|
6428
|
-
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--
|
|
6436
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
6437
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
6429
6438
|
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
6430
6439
|
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6431
6440
|
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
6432
|
-
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--
|
|
6433
|
-
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--
|
|
6441
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
6442
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
6434
6443
|
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
6435
6444
|
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
6436
6445
|
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
6437
|
-
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--
|
|
6438
|
-
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--
|
|
6446
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
6447
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
6439
6448
|
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
6440
|
-
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6449
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
6441
6450
|
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
6442
6451
|
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6443
6452
|
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6444
|
-
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--
|
|
6445
|
-
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6453
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
6454
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
6446
6455
|
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
6447
6456
|
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6448
6457
|
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6449
|
-
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--
|
|
6450
|
-
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--
|
|
6458
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
6459
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
6451
6460
|
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
6452
6461
|
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
6453
6462
|
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
6454
|
-
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--
|
|
6463
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
6455
6464
|
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
6456
6465
|
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
6457
6466
|
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
6458
|
-
--pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--
|
|
6459
|
-
--pf-t--global--box-shadow--color--
|
|
6460
|
-
--pf-t--global--box-shadow--color--
|
|
6461
|
-
--pf-t--global--box-shadow--
|
|
6462
|
-
--pf-t--global--box-shadow--
|
|
6463
|
-
--pf-t--global--box-shadow--
|
|
6467
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
6468
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
6469
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
6470
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
6471
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
6472
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
6473
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6474
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
6475
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6476
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
6477
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
6478
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
6464
6479
|
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
6465
6480
|
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
6466
6481
|
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
@@ -6607,7 +6622,9 @@
|
|
|
6607
6622
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
6608
6623
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
6609
6624
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
6625
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
6610
6626
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
6627
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
6611
6628
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
6612
6629
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
6613
6630
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
@@ -6969,92 +6986,92 @@
|
|
|
6969
6986
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
6970
6987
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
6971
6988
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
6972
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
6973
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
6989
|
+
var(--pf-t--global--box-shadow--spread--sm--default)
|
|
6990
|
+
var(--pf-t--global--box-shadow--color--sm--default);
|
|
6974
6991
|
--pf-t--global--box-shadow--sm--top:
|
|
6975
6992
|
var(--pf-t--global--box-shadow--X--sm--top)
|
|
6976
6993
|
var(--pf-t--global--box-shadow--Y--sm--top)
|
|
6977
6994
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
6978
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
6979
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
6995
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
6996
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
6980
6997
|
--pf-t--global--box-shadow--sm--bottom:
|
|
6981
6998
|
var(--pf-t--global--box-shadow--X--sm--bottom)
|
|
6982
6999
|
var(--pf-t--global--box-shadow--Y--sm--bottom)
|
|
6983
7000
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
6984
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
6985
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7001
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7002
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
6986
7003
|
--pf-t--global--box-shadow--sm--left:
|
|
6987
7004
|
var(--pf-t--global--box-shadow--X--sm--left)
|
|
6988
7005
|
var(--pf-t--global--box-shadow--Y--sm--left)
|
|
6989
7006
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
6990
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
6991
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7007
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7008
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
6992
7009
|
--pf-t--global--box-shadow--sm--right:
|
|
6993
7010
|
var(--pf-t--global--box-shadow--X--sm--right)
|
|
6994
7011
|
var(--pf-t--global--box-shadow--Y--sm--right)
|
|
6995
7012
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
6996
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
6997
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
7013
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
7014
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
6998
7015
|
--pf-t--global--box-shadow--md:
|
|
6999
7016
|
var(--pf-t--global--box-shadow--X--md--default)
|
|
7000
7017
|
var(--pf-t--global--box-shadow--Y--md--default)
|
|
7001
7018
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7002
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7003
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7019
|
+
var(--pf-t--global--box-shadow--spread--md--default)
|
|
7020
|
+
var(--pf-t--global--box-shadow--color--md--default);
|
|
7004
7021
|
--pf-t--global--box-shadow--md--top:
|
|
7005
7022
|
var(--pf-t--global--box-shadow--X--md--top)
|
|
7006
7023
|
var(--pf-t--global--box-shadow--Y--md--top)
|
|
7007
7024
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7008
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7009
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7025
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7026
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7010
7027
|
--pf-t--global--box-shadow--md--bottom:
|
|
7011
7028
|
var(--pf-t--global--box-shadow--X--md--bottom)
|
|
7012
7029
|
var(--pf-t--global--box-shadow--Y--md--bottom)
|
|
7013
7030
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7014
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7015
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7031
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7032
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7016
7033
|
--pf-t--global--box-shadow--md--left:
|
|
7017
7034
|
var(--pf-t--global--box-shadow--X--md--left)
|
|
7018
7035
|
var(--pf-t--global--box-shadow--Y--md--left)
|
|
7019
7036
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7020
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7021
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7037
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7038
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7022
7039
|
--pf-t--global--box-shadow--md--right:
|
|
7023
7040
|
var(--pf-t--global--box-shadow--X--md--right)
|
|
7024
7041
|
var(--pf-t--global--box-shadow--Y--md--right)
|
|
7025
7042
|
var(--pf-t--global--box-shadow--blur--md)
|
|
7026
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
7027
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
7043
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
7044
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
7028
7045
|
--pf-t--global--box-shadow--lg:
|
|
7029
7046
|
var(--pf-t--global--box-shadow--X--lg--default)
|
|
7030
7047
|
var(--pf-t--global--box-shadow--Y--lg--default)
|
|
7031
7048
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7032
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7033
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7049
|
+
var(--pf-t--global--box-shadow--spread--lg--default)
|
|
7050
|
+
var(--pf-t--global--box-shadow--color--lg--default);
|
|
7034
7051
|
--pf-t--global--box-shadow--lg--top:
|
|
7035
7052
|
var(--pf-t--global--box-shadow--X--lg--top)
|
|
7036
7053
|
var(--pf-t--global--box-shadow--Y--lg--top)
|
|
7037
7054
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7038
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7039
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7055
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7056
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7040
7057
|
--pf-t--global--box-shadow--lg--bottom:
|
|
7041
7058
|
var(--pf-t--global--box-shadow--X--lg--bottom)
|
|
7042
7059
|
var(--pf-t--global--box-shadow--Y--lg--bottom)
|
|
7043
7060
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7044
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7045
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7061
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7062
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7046
7063
|
--pf-t--global--box-shadow--lg--left:
|
|
7047
7064
|
var(--pf-t--global--box-shadow--X--lg--left)
|
|
7048
7065
|
var(--pf-t--global--box-shadow--Y--lg--left)
|
|
7049
7066
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7050
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7051
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7067
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7068
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7052
7069
|
--pf-t--global--box-shadow--lg--right:
|
|
7053
7070
|
var(--pf-t--global--box-shadow--X--lg--right)
|
|
7054
7071
|
var(--pf-t--global--box-shadow--Y--lg--right)
|
|
7055
7072
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
7056
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
7057
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
7073
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
7074
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
7058
7075
|
--pf-t--global--list-style: disc outside;
|
|
7059
7076
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
7060
7077
|
}
|
|
@@ -7064,16 +7081,22 @@
|
|
|
7064
7081
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
7065
7082
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
7066
7083
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
7084
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
7067
7085
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
7068
7086
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
7069
7087
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
7070
|
-
--pf-t--global--
|
|
7071
|
-
--pf-t--global--box-shadow--color--
|
|
7072
|
-
--pf-t--global--box-shadow--color--
|
|
7088
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
7089
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7090
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7091
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7092
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7093
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
7094
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
7073
7095
|
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
7074
7096
|
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
7075
7097
|
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
7076
7098
|
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
7099
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
7077
7100
|
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
7078
7101
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
7079
7102
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
@@ -7152,7 +7175,9 @@
|
|
|
7152
7175
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
|
|
7153
7176
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
7154
7177
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
7178
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
7155
7179
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
7180
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
7156
7181
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
|
|
7157
7182
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
|
|
7158
7183
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
|
|
@@ -7828,6 +7853,7 @@
|
|
|
7828
7853
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7829
7854
|
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
7830
7855
|
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
|
7856
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
|
7831
7857
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7832
7858
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
7833
7859
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -7947,6 +7973,7 @@
|
|
|
7947
7973
|
.pf-v6-c-alert__toggle {
|
|
7948
7974
|
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
|
7949
7975
|
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
|
7976
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
|
7950
7977
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
|
7951
7978
|
}
|
|
7952
7979
|
|
|
@@ -7960,9 +7987,7 @@
|
|
|
7960
7987
|
}
|
|
7961
7988
|
|
|
7962
7989
|
.pf-v6-c-alert__icon {
|
|
7963
|
-
display: flex;
|
|
7964
7990
|
grid-area: icon;
|
|
7965
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
|
7966
7991
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
7967
7992
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
7968
7993
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -7995,10 +8020,6 @@
|
|
|
7995
8020
|
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
|
7996
8021
|
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
|
7997
8022
|
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
|
7998
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
|
7999
|
-
}
|
|
8000
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
|
8001
|
-
--pf-v6-c-button--LineHeight: 1;
|
|
8002
8023
|
}
|
|
8003
8024
|
|
|
8004
8025
|
.pf-v6-c-alert__action-group {
|
|
@@ -8873,6 +8894,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8873
8894
|
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
8874
8895
|
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
8875
8896
|
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
8897
|
+
--pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
8876
8898
|
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
8877
8899
|
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8878
8900
|
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -8891,6 +8913,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8891
8913
|
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
|
|
8892
8914
|
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
|
|
8893
8915
|
--pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
|
|
8916
|
+
--pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
8894
8917
|
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
8895
8918
|
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8896
8919
|
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
@@ -8959,7 +8982,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8959
8982
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
8960
8983
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
|
8961
8984
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
|
8985
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
8962
8986
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
8987
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8963
8988
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
8964
8989
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
8965
8990
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
@@ -9123,6 +9148,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9123
9148
|
.pf-v6-c-button.pf-m-secondary {
|
|
9124
9149
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
|
|
9125
9150
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
|
|
9151
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
|
|
9126
9152
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
|
|
9127
9153
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
|
|
9128
9154
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
|
|
@@ -9148,6 +9174,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9148
9174
|
.pf-v6-c-button.pf-m-tertiary {
|
|
9149
9175
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
|
|
9150
9176
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
|
|
9177
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
|
|
9151
9178
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
|
|
9152
9179
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
|
|
9153
9180
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
|
|
@@ -9311,6 +9338,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9311
9338
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
|
9312
9339
|
}
|
|
9313
9340
|
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
|
|
9341
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
|
|
9314
9342
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
9315
9343
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
9316
9344
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
@@ -9342,6 +9370,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9342
9370
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
9343
9371
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
9344
9372
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
9373
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
9345
9374
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
9346
9375
|
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9347
9376
|
}
|
|
@@ -11104,11 +11133,11 @@ ul) {
|
|
|
11104
11133
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
11105
11134
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
11106
11135
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11136
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
11137
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
|
|
11107
11138
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
11108
11139
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
11109
11140
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
11110
|
-
--pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11111
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11112
11141
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
|
11113
11142
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
11114
11143
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11138,8 +11167,6 @@ ul) {
|
|
|
11138
11167
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
11139
11168
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11140
11169
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
11141
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
|
11142
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
|
11143
11170
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
11144
11171
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
11145
11172
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
@@ -11172,8 +11199,6 @@ ul) {
|
|
|
11172
11199
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
|
|
11173
11200
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
|
|
11174
11201
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
|
|
11175
|
-
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
|
|
11176
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
|
|
11177
11202
|
--pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
|
|
11178
11203
|
--pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
|
|
11179
11204
|
--pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
|
|
@@ -11319,8 +11344,8 @@ ul) {
|
|
|
11319
11344
|
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
|
11320
11345
|
align-content: flex-start;
|
|
11321
11346
|
align-items: flex-start;
|
|
11322
|
-
padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
|
|
11323
|
-
padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
|
|
11347
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
|
11348
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
|
11324
11349
|
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
|
11325
11350
|
}
|
|
11326
11351
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
|
@@ -11367,11 +11392,6 @@ ul) {
|
|
|
11367
11392
|
}
|
|
11368
11393
|
}
|
|
11369
11394
|
|
|
11370
|
-
.pf-v6-c-data-list__action {
|
|
11371
|
-
margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
|
|
11372
|
-
margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
|
|
11373
|
-
}
|
|
11374
|
-
|
|
11375
11395
|
.pf-v6-c-data-list__toggle {
|
|
11376
11396
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
|
11377
11397
|
margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
|
|
@@ -12888,10 +12908,6 @@ ul) {
|
|
|
12888
12908
|
flex: 1 1;
|
|
12889
12909
|
}
|
|
12890
12910
|
|
|
12891
|
-
.pf-v6-c-drawer__body > .pf-v6-c-page__main {
|
|
12892
|
-
height: 100%;
|
|
12893
|
-
}
|
|
12894
|
-
|
|
12895
12911
|
.pf-v6-c-drawer__splitter {
|
|
12896
12912
|
position: relative;
|
|
12897
12913
|
display: none;
|
|
@@ -14243,6 +14259,10 @@ ul) {
|
|
|
14243
14259
|
--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));
|
|
14244
14260
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
14245
14261
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
14262
|
+
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14263
|
+
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14264
|
+
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14265
|
+
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
14246
14266
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
14247
14267
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
14248
14268
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -14298,18 +14318,33 @@ ul) {
|
|
|
14298
14318
|
background-color: transparent;
|
|
14299
14319
|
border: none;
|
|
14300
14320
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
14321
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
14301
14322
|
-moz-appearance: none;
|
|
14302
14323
|
-webkit-appearance: none;
|
|
14303
14324
|
}
|
|
14304
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
14305
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
14306
|
-
}
|
|
14307
14325
|
.pf-v6-c-form-control > ::placeholder {
|
|
14308
14326
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
14309
14327
|
}
|
|
14310
14328
|
.pf-v6-c-form-control > :is(input, select) {
|
|
14311
14329
|
text-overflow: ellipsis;
|
|
14312
14330
|
}
|
|
14331
|
+
.pf-v6-c-form-control.pf-m-textarea {
|
|
14332
|
+
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
14333
|
+
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
14334
|
+
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
|
14335
|
+
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
|
14336
|
+
}
|
|
14337
|
+
.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 {
|
|
14338
|
+
--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));
|
|
14339
|
+
}
|
|
14340
|
+
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
14341
|
+
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
14342
|
+
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
14343
|
+
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
14344
|
+
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));
|
|
14345
|
+
outline-offset: 0;
|
|
14346
|
+
scrollbar-gutter: stable;
|
|
14347
|
+
}
|
|
14313
14348
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
14314
14349
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
14315
14350
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -17326,7 +17361,7 @@ ul.pf-v6-c-list {
|
|
|
17326
17361
|
}
|
|
17327
17362
|
|
|
17328
17363
|
.pf-v6-c-menu-toggle {
|
|
17329
|
-
--pf-v6-c-menu-toggle--
|
|
17364
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
17330
17365
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
17331
17366
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17332
17367
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -17391,26 +17426,30 @@ ul.pf-v6-c-list {
|
|
|
17391
17426
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
17392
17427
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
17393
17428
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
17394
|
-
--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));
|
|
17395
17429
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
17396
17430
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
17397
17431
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
17398
17432
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17399
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17400
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17401
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17402
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17403
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17404
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17405
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17406
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17407
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
17433
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
17434
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17435
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
17436
|
+
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
17437
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17438
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17439
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
17440
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
17441
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
17442
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
17443
|
+
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
17408
17444
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
17445
|
+
--pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
17409
17446
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
17410
17447
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
17411
17448
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
17412
17449
|
--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));
|
|
17413
17450
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
17451
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17452
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17414
17453
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
17415
17454
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
17416
17455
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -17418,14 +17457,15 @@ ul.pf-v6-c-list {
|
|
|
17418
17457
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
17419
17458
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17420
17459
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17421
|
-
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--
|
|
17460
|
+
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
17461
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
17462
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
17422
17463
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
17423
17464
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
17424
17465
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
17425
17466
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
17426
17467
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17427
17468
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
17428
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
17429
17469
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17430
17470
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
17431
17471
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -17434,12 +17474,13 @@ ul.pf-v6-c-list {
|
|
|
17434
17474
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
17435
17475
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
17436
17476
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17477
|
+
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
17437
17478
|
}
|
|
17438
17479
|
|
|
17439
17480
|
.pf-v6-c-menu-toggle {
|
|
17440
17481
|
position: relative;
|
|
17441
17482
|
display: inline-flex;
|
|
17442
|
-
|
|
17483
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
17443
17484
|
align-items: center;
|
|
17444
17485
|
justify-content: center;
|
|
17445
17486
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
@@ -17525,6 +17566,8 @@ ul.pf-v6-c-list {
|
|
|
17525
17566
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
17526
17567
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
17527
17568
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
|
17569
|
+
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
17570
|
+
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
|
17528
17571
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
17529
17572
|
}
|
|
17530
17573
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
@@ -17553,9 +17596,6 @@ ul.pf-v6-c-list {
|
|
|
17553
17596
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
17554
17597
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
17555
17598
|
}
|
|
17556
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
17557
|
-
background-color: transparent;
|
|
17558
|
-
}
|
|
17559
17599
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
17560
17600
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
17561
17601
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
|
@@ -17584,7 +17624,8 @@ ul.pf-v6-c-list {
|
|
|
17584
17624
|
}
|
|
17585
17625
|
|
|
17586
17626
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
17587
|
-
--pf-v6-c-menu-toggle--
|
|
17627
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17628
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
17588
17629
|
padding: 0;
|
|
17589
17630
|
}
|
|
17590
17631
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
|
@@ -17603,7 +17644,6 @@ ul.pf-v6-c-list {
|
|
|
17603
17644
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
|
17604
17645
|
}
|
|
17605
17646
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
|
17606
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
|
17607
17647
|
--pf-v6-c-check__label--Color: currentcolor;
|
|
17608
17648
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
|
17609
17649
|
align-items: center;
|
|
@@ -17613,49 +17653,51 @@ ul.pf-v6-c-list {
|
|
|
17613
17653
|
--pf-v6-c-check__input--TranslateY: 0;
|
|
17614
17654
|
align-self: center;
|
|
17615
17655
|
}
|
|
17616
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17617
|
-
--pf-v6-c-menu-toggle--
|
|
17618
|
-
}
|
|
17619
|
-
|
|
17620
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
17621
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
17656
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
|
|
17657
|
+
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);
|
|
17622
17658
|
}
|
|
17623
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17624
|
-
|
|
17659
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
|
|
17660
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
|
|
17625
17661
|
}
|
|
17626
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17627
|
-
|
|
17662
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
|
|
17663
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
|
|
17664
|
+
background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
|
|
17628
17665
|
}
|
|
17629
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17630
|
-
|
|
17666
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
|
|
17667
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
|
|
17668
|
+
--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);
|
|
17631
17669
|
}
|
|
17632
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17633
|
-
|
|
17670
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
|
|
17671
|
+
--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);
|
|
17634
17672
|
}
|
|
17635
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17636
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17673
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
|
17674
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
|
17637
17675
|
}
|
|
17638
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17639
|
-
|
|
17676
|
+
.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,
|
|
17677
|
+
.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,
|
|
17678
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
|
17679
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
|
17640
17680
|
}
|
|
17641
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
17642
|
-
|
|
17681
|
+
.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,
|
|
17682
|
+
.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,
|
|
17683
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
|
17684
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
|
17643
17685
|
}
|
|
17644
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17645
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
17646
|
-
}
|
|
17647
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
|
17648
|
-
content: none;
|
|
17686
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
|
|
17687
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
|
|
17649
17688
|
}
|
|
17650
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
17651
|
-
|
|
17689
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
|
|
17690
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
|
|
17652
17691
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
17653
17692
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
17654
17693
|
}
|
|
17694
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
|
17695
|
+
content: none;
|
|
17696
|
+
}
|
|
17655
17697
|
|
|
17656
17698
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
|
17657
17699
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
17658
|
-
--pf-v6-c-menu-toggle--
|
|
17700
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
17659
17701
|
align-items: stretch;
|
|
17660
17702
|
padding: 0;
|
|
17661
17703
|
}
|
|
@@ -17673,6 +17715,7 @@ ul.pf-v6-c-list {
|
|
|
17673
17715
|
}
|
|
17674
17716
|
|
|
17675
17717
|
.pf-v6-c-menu-toggle__button {
|
|
17718
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
|
17676
17719
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
17677
17720
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
17678
17721
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
@@ -17681,13 +17724,13 @@ ul.pf-v6-c-list {
|
|
|
17681
17724
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
17682
17725
|
border: 0;
|
|
17683
17726
|
}
|
|
17684
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
17685
|
-
padding-inline-start: 0;
|
|
17686
|
-
}
|
|
17687
17727
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
17688
17728
|
display: inline-flex;
|
|
17689
17729
|
align-items: baseline;
|
|
17690
|
-
|
|
17730
|
+
}
|
|
17731
|
+
.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) {
|
|
17732
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
|
|
17733
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
|
|
17691
17734
|
}
|
|
17692
17735
|
|
|
17693
17736
|
.pf-v6-c-menu-toggle__text {
|
|
@@ -17702,7 +17745,6 @@ ul.pf-v6-c-list {
|
|
|
17702
17745
|
flex-wrap: nowrap;
|
|
17703
17746
|
}
|
|
17704
17747
|
|
|
17705
|
-
.pf-v6-c-menu-toggle__icon,
|
|
17706
17748
|
.pf-v6-c-menu-toggle__controls,
|
|
17707
17749
|
.pf-v6-c-menu-toggle__toggle-icon {
|
|
17708
17750
|
display: flex;
|
|
@@ -17712,11 +17754,16 @@ ul.pf-v6-c-list {
|
|
|
17712
17754
|
|
|
17713
17755
|
.pf-v6-c-menu-toggle__icon {
|
|
17714
17756
|
flex-shrink: 0;
|
|
17715
|
-
|
|
17757
|
+
}
|
|
17758
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
17759
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
17760
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
17761
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
17762
|
+
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
17716
17763
|
}
|
|
17717
17764
|
|
|
17718
17765
|
.pf-v6-c-menu-toggle__controls {
|
|
17719
|
-
|
|
17766
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
17720
17767
|
margin-inline-start: auto;
|
|
17721
17768
|
}
|
|
17722
17769
|
|
|
@@ -17726,7 +17773,6 @@ ul.pf-v6-c-list {
|
|
|
17726
17773
|
}
|
|
17727
17774
|
|
|
17728
17775
|
.pf-v6-c-menu-toggle__status-icon {
|
|
17729
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
17730
17776
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
17731
17777
|
}
|
|
17732
17778
|
|
|
@@ -18771,6 +18817,7 @@ ul.pf-v6-c-list {
|
|
|
18771
18817
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
18772
18818
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
18773
18819
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
18820
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
|
18774
18821
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
18775
18822
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
18776
18823
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -18779,7 +18826,7 @@ ul.pf-v6-c-list {
|
|
|
18779
18826
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
18780
18827
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
18781
18828
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
18782
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
|
18829
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
18783
18830
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
18784
18831
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
18785
18832
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
@@ -18792,7 +18839,7 @@ ul.pf-v6-c-list {
|
|
|
18792
18839
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18793
18840
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
18794
18841
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
18795
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
18842
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
18796
18843
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
18797
18844
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
18798
18845
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -18805,8 +18852,8 @@ ul.pf-v6-c-list {
|
|
|
18805
18852
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
18806
18853
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
18807
18854
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
18808
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
|
18809
|
-
--pf-v6-c-page__main-container--BorderWidth:
|
|
18855
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
18856
|
+
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
18810
18857
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
18811
18858
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
18812
18859
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -18863,6 +18910,7 @@ ul.pf-v6-c-list {
|
|
|
18863
18910
|
}
|
|
18864
18911
|
@media (min-width: 75rem) {
|
|
18865
18912
|
.pf-v6-c-page {
|
|
18913
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
18866
18914
|
grid-template-areas: "header header" "sidebar main";
|
|
18867
18915
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
18868
18916
|
}
|
|
@@ -19372,11 +19420,11 @@ ul.pf-v6-c-list {
|
|
|
19372
19420
|
flex-shrink: 0;
|
|
19373
19421
|
}
|
|
19374
19422
|
|
|
19375
|
-
.pf-v6-c-page__drawer {
|
|
19376
|
-
|
|
19423
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
19424
|
+
align-self: revert;
|
|
19377
19425
|
}
|
|
19378
|
-
.pf-v6-c-page__drawer
|
|
19379
|
-
flex: 1
|
|
19426
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
|
19427
|
+
flex-grow: 1;
|
|
19380
19428
|
}
|
|
19381
19429
|
|
|
19382
19430
|
.pf-v6-c-pagination {
|
|
@@ -19398,17 +19446,23 @@ ul.pf-v6-c-list {
|
|
|
19398
19446
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19399
19447
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
19400
19448
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
19401
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19402
19449
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
19403
19450
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19404
|
-
--pf-v6-c-pagination--m-sticky--
|
|
19451
|
+
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19452
|
+
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
19405
19453
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
19406
19454
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19407
19455
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
19408
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19409
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
19410
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
19411
19456
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
19457
|
+
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19458
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19459
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
19460
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19461
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19462
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
19463
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
19464
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
19465
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19412
19466
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
19413
19467
|
--pf-v6-c-pagination__page-menu--Display: none;
|
|
19414
19468
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
|
@@ -19448,17 +19502,13 @@ ul.pf-v6-c-list {
|
|
|
19448
19502
|
position: sticky;
|
|
19449
19503
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
19450
19504
|
justify-content: center;
|
|
19451
|
-
padding-
|
|
19452
|
-
padding-
|
|
19505
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
19506
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
19507
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
19508
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
19453
19509
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
19454
19510
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
19455
19511
|
}
|
|
19456
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
|
19457
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
19458
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
19459
|
-
position: relative;
|
|
19460
|
-
box-shadow: none;
|
|
19461
|
-
}
|
|
19462
19512
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
19463
19513
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
19464
19514
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -19480,6 +19530,10 @@ ul.pf-v6-c-list {
|
|
|
19480
19530
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
19481
19531
|
position: relative;
|
|
19482
19532
|
justify-content: flex-end;
|
|
19533
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
19534
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
19535
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
19536
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
19483
19537
|
}
|
|
19484
19538
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
19485
19539
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
@@ -19497,15 +19551,23 @@ ul.pf-v6-c-list {
|
|
|
19497
19551
|
flex-basis: auto;
|
|
19498
19552
|
}
|
|
19499
19553
|
}
|
|
19554
|
+
.pf-v6-c-pagination.pf-m-static {
|
|
19555
|
+
position: relative;
|
|
19556
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
19557
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
19558
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
19559
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
19560
|
+
box-shadow: none;
|
|
19561
|
+
}
|
|
19500
19562
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
19501
19563
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
19502
19564
|
position: sticky;
|
|
19503
19565
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
19504
19566
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
19505
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
|
19506
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
|
19507
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
|
19508
|
-
padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
|
|
19567
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
|
19568
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
|
19569
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
19570
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
19509
19571
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
19510
19572
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
19511
19573
|
}
|
|
@@ -21977,9 +22039,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21977
22039
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
21978
22040
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
21979
22041
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
21980
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
22042
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21981
22043
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
21982
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
22044
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
21983
22045
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
21984
22046
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21985
22047
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -22009,8 +22071,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22009
22071
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22010
22072
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22011
22073
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
22012
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
22013
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
22074
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22075
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22014
22076
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22015
22077
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
22016
22078
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
@@ -22028,6 +22090,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22028
22090
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22029
22091
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22030
22092
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22093
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22031
22094
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22032
22095
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22033
22096
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -22327,6 +22390,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22327
22390
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22328
22391
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22329
22392
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22393
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22330
22394
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22331
22395
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22332
22396
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -22629,6 +22693,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22629
22693
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22630
22694
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22631
22695
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22696
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22632
22697
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22633
22698
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22634
22699
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -22931,6 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22931
22996
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
22932
22997
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
22933
22998
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
22999
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
22934
23000
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
22935
23001
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
22936
23002
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -23233,6 +23299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23233
23299
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
23234
23300
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
23235
23301
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
|
23302
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
|
23236
23303
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
23237
23304
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
23238
23305
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -23538,7 +23605,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23538
23605
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
23539
23606
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
23540
23607
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
23541
|
-
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
23608
|
+
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23542
23609
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
23543
23610
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
23544
23611
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -23556,7 +23623,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23556
23623
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
23557
23624
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
23558
23625
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
23559
|
-
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--
|
|
23626
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23560
23627
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
23561
23628
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
23562
23629
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
@@ -23785,10 +23852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23785
23852
|
}
|
|
23786
23853
|
}
|
|
23787
23854
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
23788
|
-
padding-inline-start:
|
|
23855
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
23789
23856
|
}
|
|
23790
23857
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
|
23791
|
-
padding-inline-end:
|
|
23858
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
23792
23859
|
}
|
|
23793
23860
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
23794
23861
|
text-align: center;
|
|
@@ -24021,7 +24088,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24021
24088
|
.pf-v6-c-table__column-help {
|
|
24022
24089
|
display: inline-grid;
|
|
24023
24090
|
grid-template-columns: auto max-content;
|
|
24024
|
-
align-items: baseline;
|
|
24091
|
+
align-items: last baseline;
|
|
24025
24092
|
justify-content: start;
|
|
24026
24093
|
}
|
|
24027
24094
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
@@ -24186,6 +24253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24186
24253
|
}
|
|
24187
24254
|
|
|
24188
24255
|
.pf-v6-c-table__column-help-action {
|
|
24256
|
+
align-self: last baseline;
|
|
24189
24257
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
24190
24258
|
}
|
|
24191
24259
|
|