@patternfly/react-styles 6.0.0-prerelease.5 → 6.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +10 -0
- package/css/components/Alert/alert.css +2 -6
- package/css/components/Button/button.css +8 -0
- package/css/components/DataList/data-list.css +4 -13
- package/css/components/DataList/data-list.d.ts +0 -1
- package/css/components/DataList/data-list.js +0 -1
- package/css/components/DataList/data-list.mjs +0 -1
- package/css/components/Drawer/drawer.css +0 -4
- package/css/components/Drawer/drawer.d.ts +1 -2
- package/css/components/Drawer/drawer.js +1 -2
- package/css/components/Drawer/drawer.mjs +1 -2
- package/css/components/FormControl/form-control.css +22 -3
- package/css/components/FormControl/form-control.d.ts +2 -1
- package/css/components/FormControl/form-control.js +2 -1
- package/css/components/FormControl/form-control.mjs +2 -1
- package/css/components/MenuToggle/menu-toggle.css +66 -55
- package/css/components/MenuToggle/menu-toggle.d.ts +4 -2
- package/css/components/MenuToggle/menu-toggle.js +4 -2
- package/css/components/MenuToggle/menu-toggle.mjs +4 -2
- package/css/components/Page/page.css +10 -8
- package/css/components/Page/page.d.ts +0 -1
- package/css/components/Page/page.js +0 -1
- package/css/components/Page/page.mjs +0 -1
- package/css/components/Pagination/pagination.css +31 -17
- package/css/components/Pagination/pagination.d.ts +1 -1
- package/css/components/Pagination/pagination.js +1 -1
- package/css/components/Pagination/pagination.mjs +1 -1
- package/css/components/Table/table-grid.css +9 -4
- package/css/components/Table/table.css +6 -5
- package/css/components/_index.css +158 -115
- package/css/components/_index.d.ts +3 -3
- package/css/components/_index.js +3 -3
- package/css/components/_index.mjs +3 -3
- package/css/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
- package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +2 -1
- package/css/docs/utilities/BoxShadow/examples/box-shadow.js +2 -1
- package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +2 -1
- package/package.json +3 -3
- package/css/assets/images/PF-Masthead-Logo.svg +0 -1
- package/css/assets/images/background-filter.svg +0 -17
- package/css/assets/images/g_sizing.png +0 -0
- package/css/assets/images/img_avatar-dark.svg +0 -22
- package/css/assets/images/img_avatar.svg +0 -21
- package/css/assets/images/l_pf-reverse-164x11.png +0 -0
- package/css/assets/images/l_pf-reverse.svg +0 -1
- package/css/assets/images/logo-dropbox-old.svg +0 -1
- package/css/assets/images/logo-dropbox.svg +0 -6
- package/css/assets/images/logo-facebook.svg +0 -4
- package/css/assets/images/logo-github.svg +0 -4
- package/css/assets/images/logo-gitlab.svg +0 -4
- package/css/assets/images/logo-google.svg +0 -4
- package/css/assets/images/logo-google2.svg +0 -10
- package/css/assets/images/logo__pf--reverse--base.png +0 -0
- package/css/assets/images/logo__pf--reverse--base.svg +0 -40
- package/css/assets/images/logo__pf--reverse-on-md.svg +0 -40
- package/css/assets/images/pf-c-brand__logo-base.jpg +0 -0
- package/css/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
- package/css/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
- package/css/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
- package/css/assets/images/pf-c-brand__logo-on-md.svg +0 -42
- package/css/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
- package/css/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
- package/css/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
- package/css/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
- package/css/assets/images/pf-c-brand__logo.svg +0 -10
- package/css/assets/images/pf-logo.svg +0 -28
- package/css/assets/images/pf_logo.svg +0 -37
- package/css/assets/images/pf_logo_color.svg +0 -22
- package/css/assets/images/pf_logo_white.svg +0 -37
- package/css/assets/images/pf_mini_logo_white.svg +0 -1
- package/css/assets/images/pfbg_1200.jpg +0 -0
- package/css/assets/images/pfbg_2000.jpg +0 -0
- package/css/assets/images/pfbg_576.jpg +0 -0
- package/css/assets/images/pfbg_576@2x.jpg +0 -0
- package/css/assets/images/pfbg_768.jpg +0 -0
- package/css/assets/images/pfbg_768@2x.jpg +0 -0
- package/css/assets/images/pfbg_992.jpg +0 -0
- package/css/assets/images/pfbg_992@2x.jpg +0 -0
- package/css/assets/images/status-icon-sprite.svg +0 -38
@@ -391,6 +391,7 @@
|
|
391
391
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
392
392
|
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
393
393
|
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
394
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
|
394
395
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
395
396
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
396
397
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
@@ -510,6 +511,7 @@
|
|
510
511
|
.pf-v6-c-alert__toggle {
|
511
512
|
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
512
513
|
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
514
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
513
515
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
514
516
|
}
|
515
517
|
|
@@ -523,9 +525,7 @@
|
|
523
525
|
}
|
524
526
|
|
525
527
|
.pf-v6-c-alert__icon {
|
526
|
-
display: flex;
|
527
528
|
grid-area: icon;
|
528
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
529
529
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
530
530
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
531
531
|
color: var(--pf-v6-c-alert__icon--Color);
|
@@ -558,10 +558,6 @@
|
|
558
558
|
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
559
559
|
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
560
560
|
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
561
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
562
|
-
}
|
563
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
564
|
-
--pf-v6-c-button--LineHeight: 1;
|
565
561
|
}
|
566
562
|
|
567
563
|
.pf-v6-c-alert__action-group {
|
@@ -1436,6 +1432,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1436
1432
|
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
1437
1433
|
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
1438
1434
|
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
1435
|
+
--pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
1439
1436
|
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
1440
1437
|
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
1441
1438
|
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
@@ -1454,6 +1451,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1454
1451
|
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
|
1455
1452
|
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
|
1456
1453
|
--pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
|
1454
|
+
--pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
1457
1455
|
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
1458
1456
|
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
1459
1457
|
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
@@ -1522,7 +1520,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
1522
1520
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
1523
1521
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
1524
1522
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
|
1523
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
|
1525
1524
|
--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
1525
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
1526
1526
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
1527
1527
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
1528
1528
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
@@ -1686,6 +1686,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1686
1686
|
.pf-v6-c-button.pf-m-secondary {
|
1687
1687
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
|
1688
1688
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
|
1689
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
|
1689
1690
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
|
1690
1691
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
|
1691
1692
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
|
@@ -1711,6 +1712,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1711
1712
|
.pf-v6-c-button.pf-m-tertiary {
|
1712
1713
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
|
1713
1714
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
|
1715
|
+
--pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
|
1714
1716
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
|
1715
1717
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
|
1716
1718
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
|
@@ -1874,6 +1876,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1874
1876
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
1875
1877
|
}
|
1876
1878
|
.pf-v6-c-button.pf-m-plain.pf-m-no-padding {
|
1879
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
|
1877
1880
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
1878
1881
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
1879
1882
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
@@ -1905,6 +1908,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1905
1908
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
1906
1909
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
1907
1910
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
1911
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
1908
1912
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
1909
1913
|
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
1910
1914
|
}
|
@@ -3667,11 +3671,11 @@ ul) {
|
|
3667
3671
|
--pf-v6-c-data-list__item-action--Display: flex;
|
3668
3672
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
3669
3673
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
3674
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
|
3675
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
|
3670
3676
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
3671
3677
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
3672
3678
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
3673
|
-
--pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
3674
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
3675
3679
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
3676
3680
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
3677
3681
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
@@ -3701,8 +3705,6 @@ ul) {
|
|
3701
3705
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
3702
3706
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
3703
3707
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
3704
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
3705
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
3706
3708
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
3707
3709
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
3708
3710
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
@@ -3735,8 +3737,6 @@ ul) {
|
|
3735
3737
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
|
3736
3738
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
|
3737
3739
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
|
3738
|
-
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
|
3739
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
|
3740
3740
|
--pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
|
3741
3741
|
--pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
|
3742
3742
|
--pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
|
@@ -3882,8 +3882,8 @@ ul) {
|
|
3882
3882
|
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
3883
3883
|
align-content: flex-start;
|
3884
3884
|
align-items: flex-start;
|
3885
|
-
padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
|
3886
|
-
padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
|
3885
|
+
padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
|
3886
|
+
padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
|
3887
3887
|
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
3888
3888
|
}
|
3889
3889
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
@@ -3930,11 +3930,6 @@ ul) {
|
|
3930
3930
|
}
|
3931
3931
|
}
|
3932
3932
|
|
3933
|
-
.pf-v6-c-data-list__action {
|
3934
|
-
margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
|
3935
|
-
margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
|
3936
|
-
}
|
3937
|
-
|
3938
3933
|
.pf-v6-c-data-list__toggle {
|
3939
3934
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
3940
3935
|
margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
|
@@ -5451,10 +5446,6 @@ ul) {
|
|
5451
5446
|
flex: 1 1;
|
5452
5447
|
}
|
5453
5448
|
|
5454
|
-
.pf-v6-c-drawer__body > .pf-v6-c-page__main {
|
5455
|
-
height: 100%;
|
5456
|
-
}
|
5457
|
-
|
5458
5449
|
.pf-v6-c-drawer__splitter {
|
5459
5450
|
position: relative;
|
5460
5451
|
display: none;
|
@@ -6806,6 +6797,10 @@ ul) {
|
|
6806
6797
|
--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));
|
6807
6798
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
6808
6799
|
--pf-v6-c-form-control--textarea--Height: auto;
|
6800
|
+
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
6801
|
+
--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
6802
|
+
--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
6803
|
+
--pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
6809
6804
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
6810
6805
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
6811
6806
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
@@ -6861,18 +6856,33 @@ ul) {
|
|
6861
6856
|
background-color: transparent;
|
6862
6857
|
border: none;
|
6863
6858
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
6859
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
6864
6860
|
-moz-appearance: none;
|
6865
6861
|
-webkit-appearance: none;
|
6866
6862
|
}
|
6867
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
6868
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
6869
|
-
}
|
6870
6863
|
.pf-v6-c-form-control > ::placeholder {
|
6871
6864
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
6872
6865
|
}
|
6873
6866
|
.pf-v6-c-form-control > :is(input, select) {
|
6874
6867
|
text-overflow: ellipsis;
|
6875
6868
|
}
|
6869
|
+
.pf-v6-c-form-control.pf-m-textarea {
|
6870
|
+
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
6871
|
+
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
6872
|
+
padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
|
6873
|
+
padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
|
6874
|
+
}
|
6875
|
+
.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 {
|
6876
|
+
--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));
|
6877
|
+
}
|
6878
|
+
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
6879
|
+
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
6880
|
+
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
6881
|
+
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
6882
|
+
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));
|
6883
|
+
outline-offset: 0;
|
6884
|
+
scrollbar-gutter: stable;
|
6885
|
+
}
|
6876
6886
|
.pf-v6-c-form-control.pf-m-readonly {
|
6877
6887
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
6878
6888
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
@@ -9889,7 +9899,7 @@ ul.pf-v6-c-list {
|
|
9889
9899
|
}
|
9890
9900
|
|
9891
9901
|
.pf-v6-c-menu-toggle {
|
9892
|
-
--pf-v6-c-menu-toggle--
|
9902
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
9893
9903
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
9894
9904
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
9895
9905
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
@@ -9954,26 +9964,30 @@ ul.pf-v6-c-list {
|
|
9954
9964
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
9955
9965
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
9956
9966
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
9957
|
-
--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));
|
9958
9967
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
9959
9968
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
9960
9969
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
9961
9970
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
9962
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9963
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9964
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9965
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9966
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9967
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
9968
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
9969
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
9970
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
9971
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
9972
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
9973
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
|
9974
|
+
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
9975
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
9976
|
+
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
9977
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
9978
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
9979
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
9980
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
9981
|
+
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
9971
9982
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
9983
|
+
--pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
9972
9984
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
9973
9985
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
9974
9986
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
9975
9987
|
--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));
|
9976
9988
|
--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
9989
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
9990
|
+
--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
9977
9991
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
9978
9992
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
9979
9993
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
@@ -9981,14 +9995,15 @@ ul.pf-v6-c-list {
|
|
9981
9995
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
9982
9996
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
9983
9997
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
9984
|
-
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--
|
9998
|
+
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
9999
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
10000
|
+
--pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
9985
10001
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
9986
10002
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
9987
10003
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
9988
10004
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
9989
10005
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
9990
10006
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
9991
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
9992
10007
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
9993
10008
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
9994
10009
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
@@ -9997,12 +10012,13 @@ ul.pf-v6-c-list {
|
|
9997
10012
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
9998
10013
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
9999
10014
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
10015
|
+
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
10000
10016
|
}
|
10001
10017
|
|
10002
10018
|
.pf-v6-c-menu-toggle {
|
10003
10019
|
position: relative;
|
10004
10020
|
display: inline-flex;
|
10005
|
-
|
10021
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
10006
10022
|
align-items: center;
|
10007
10023
|
justify-content: center;
|
10008
10024
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
@@ -10088,6 +10104,8 @@ ul.pf-v6-c-list {
|
|
10088
10104
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
10089
10105
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
10090
10106
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
|
10107
|
+
--pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
10108
|
+
--pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
|
10091
10109
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
10092
10110
|
}
|
10093
10111
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
@@ -10116,9 +10134,6 @@ ul.pf-v6-c-list {
|
|
10116
10134
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
10117
10135
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
10118
10136
|
}
|
10119
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
10120
|
-
background-color: transparent;
|
10121
|
-
}
|
10122
10137
|
.pf-v6-c-menu-toggle.pf-m-success {
|
10123
10138
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
10124
10139
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
@@ -10147,7 +10162,8 @@ ul.pf-v6-c-list {
|
|
10147
10162
|
}
|
10148
10163
|
|
10149
10164
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
10150
|
-
--pf-v6-c-menu-toggle--
|
10165
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
10166
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
10151
10167
|
padding: 0;
|
10152
10168
|
}
|
10153
10169
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
@@ -10166,7 +10182,6 @@ ul.pf-v6-c-list {
|
|
10166
10182
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
10167
10183
|
}
|
10168
10184
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
10169
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
10170
10185
|
--pf-v6-c-check__label--Color: currentcolor;
|
10171
10186
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
10172
10187
|
align-items: center;
|
@@ -10176,49 +10191,51 @@ ul.pf-v6-c-list {
|
|
10176
10191
|
--pf-v6-c-check__input--TranslateY: 0;
|
10177
10192
|
align-self: center;
|
10178
10193
|
}
|
10179
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10180
|
-
--pf-v6-c-menu-toggle--
|
10181
|
-
}
|
10182
|
-
|
10183
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
10184
|
-
--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
10194
|
+
.pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
|
10195
|
+
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);
|
10185
10196
|
}
|
10186
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10187
|
-
|
10197
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
|
10198
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
|
10188
10199
|
}
|
10189
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10190
|
-
|
10200
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
|
10201
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
|
10202
|
+
background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
|
10191
10203
|
}
|
10192
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10193
|
-
|
10204
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
|
10205
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
|
10206
|
+
--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);
|
10194
10207
|
}
|
10195
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10196
|
-
|
10208
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
|
10209
|
+
--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);
|
10197
10210
|
}
|
10198
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10199
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10211
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
|
10212
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
|
10200
10213
|
}
|
10201
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10202
|
-
|
10214
|
+
.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,
|
10215
|
+
.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,
|
10216
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
|
10217
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
|
10203
10218
|
}
|
10204
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10205
|
-
|
10219
|
+
.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,
|
10220
|
+
.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,
|
10221
|
+
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
|
10222
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
|
10206
10223
|
}
|
10207
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10208
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10209
|
-
}
|
10210
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
10211
|
-
content: none;
|
10224
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
|
10225
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
|
10212
10226
|
}
|
10213
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10214
|
-
|
10227
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
|
10228
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
|
10215
10229
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
10216
10230
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
10217
10231
|
}
|
10232
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
10233
|
+
content: none;
|
10234
|
+
}
|
10218
10235
|
|
10219
10236
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
10220
10237
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
10221
|
-
--pf-v6-c-menu-toggle--
|
10238
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
10222
10239
|
align-items: stretch;
|
10223
10240
|
padding: 0;
|
10224
10241
|
}
|
@@ -10236,6 +10253,7 @@ ul.pf-v6-c-list {
|
|
10236
10253
|
}
|
10237
10254
|
|
10238
10255
|
.pf-v6-c-menu-toggle__button {
|
10256
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
10239
10257
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
10240
10258
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
10241
10259
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
@@ -10244,13 +10262,13 @@ ul.pf-v6-c-list {
|
|
10244
10262
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
10245
10263
|
border: 0;
|
10246
10264
|
}
|
10247
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
10248
|
-
padding-inline-start: 0;
|
10249
|
-
}
|
10250
10265
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
10251
10266
|
display: inline-flex;
|
10252
10267
|
align-items: baseline;
|
10253
|
-
|
10268
|
+
}
|
10269
|
+
.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) {
|
10270
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
|
10271
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
|
10254
10272
|
}
|
10255
10273
|
|
10256
10274
|
.pf-v6-c-menu-toggle__text {
|
@@ -10265,7 +10283,6 @@ ul.pf-v6-c-list {
|
|
10265
10283
|
flex-wrap: nowrap;
|
10266
10284
|
}
|
10267
10285
|
|
10268
|
-
.pf-v6-c-menu-toggle__icon,
|
10269
10286
|
.pf-v6-c-menu-toggle__controls,
|
10270
10287
|
.pf-v6-c-menu-toggle__toggle-icon {
|
10271
10288
|
display: flex;
|
@@ -10275,11 +10292,16 @@ ul.pf-v6-c-list {
|
|
10275
10292
|
|
10276
10293
|
.pf-v6-c-menu-toggle__icon {
|
10277
10294
|
flex-shrink: 0;
|
10278
|
-
|
10295
|
+
}
|
10296
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
10297
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
10298
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
10299
|
+
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
10300
|
+
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
10279
10301
|
}
|
10280
10302
|
|
10281
10303
|
.pf-v6-c-menu-toggle__controls {
|
10282
|
-
|
10304
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
10283
10305
|
margin-inline-start: auto;
|
10284
10306
|
}
|
10285
10307
|
|
@@ -10289,7 +10311,6 @@ ul.pf-v6-c-list {
|
|
10289
10311
|
}
|
10290
10312
|
|
10291
10313
|
.pf-v6-c-menu-toggle__status-icon {
|
10292
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
10293
10314
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
10294
10315
|
}
|
10295
10316
|
|
@@ -11334,6 +11355,7 @@ ul.pf-v6-c-list {
|
|
11334
11355
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
11335
11356
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
11336
11357
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
11358
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
11337
11359
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11338
11360
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
11339
11361
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
@@ -11342,7 +11364,7 @@ ul.pf-v6-c-list {
|
|
11342
11364
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
11343
11365
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
11344
11366
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
11345
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
11367
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
11346
11368
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
11347
11369
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
11348
11370
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
@@ -11355,7 +11377,7 @@ ul.pf-v6-c-list {
|
|
11355
11377
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
11356
11378
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
11357
11379
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
11358
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
11380
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
11359
11381
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
11360
11382
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
11361
11383
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
@@ -11368,8 +11390,8 @@ ul.pf-v6-c-list {
|
|
11368
11390
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11369
11391
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
11370
11392
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
11371
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
11372
|
-
--pf-v6-c-page__main-container--BorderWidth:
|
11393
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
11394
|
+
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
11373
11395
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
11374
11396
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
11375
11397
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
@@ -11426,6 +11448,7 @@ ul.pf-v6-c-list {
|
|
11426
11448
|
}
|
11427
11449
|
@media (min-width: 75rem) {
|
11428
11450
|
.pf-v6-c-page {
|
11451
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
11429
11452
|
grid-template-areas: "header header" "sidebar main";
|
11430
11453
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
11431
11454
|
}
|
@@ -11935,11 +11958,11 @@ ul.pf-v6-c-list {
|
|
11935
11958
|
flex-shrink: 0;
|
11936
11959
|
}
|
11937
11960
|
|
11938
|
-
.pf-v6-c-page__drawer {
|
11939
|
-
|
11961
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
11962
|
+
align-self: revert;
|
11940
11963
|
}
|
11941
|
-
.pf-v6-c-page__drawer
|
11942
|
-
flex: 1
|
11964
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
11965
|
+
flex-grow: 1;
|
11943
11966
|
}
|
11944
11967
|
|
11945
11968
|
.pf-v6-c-pagination {
|
@@ -11961,17 +11984,23 @@ ul.pf-v6-c-list {
|
|
11961
11984
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11962
11985
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
11963
11986
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
11964
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
11965
11987
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
11966
11988
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
11967
|
-
--pf-v6-c-pagination--m-sticky--
|
11989
|
+
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
11990
|
+
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
11968
11991
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
11969
11992
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11970
11993
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
11971
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
11972
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
11973
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
11974
11994
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
11995
|
+
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
11996
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
11997
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
11998
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
11999
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
12000
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
12001
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
12002
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
12003
|
+
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
11975
12004
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
11976
12005
|
--pf-v6-c-pagination__page-menu--Display: none;
|
11977
12006
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
@@ -12011,17 +12040,13 @@ ul.pf-v6-c-list {
|
|
12011
12040
|
position: sticky;
|
12012
12041
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
12013
12042
|
justify-content: center;
|
12014
|
-
padding-
|
12015
|
-
padding-
|
12043
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
12044
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
12045
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
12046
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
12016
12047
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
12017
12048
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
12018
12049
|
}
|
12019
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
12020
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
12021
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
12022
|
-
position: relative;
|
12023
|
-
box-shadow: none;
|
12024
|
-
}
|
12025
12050
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
12026
12051
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
12027
12052
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
@@ -12043,6 +12068,10 @@ ul.pf-v6-c-list {
|
|
12043
12068
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
12044
12069
|
position: relative;
|
12045
12070
|
justify-content: flex-end;
|
12071
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
12072
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
12073
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
12074
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
12046
12075
|
}
|
12047
12076
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
12048
12077
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
@@ -12060,15 +12089,23 @@ ul.pf-v6-c-list {
|
|
12060
12089
|
flex-basis: auto;
|
12061
12090
|
}
|
12062
12091
|
}
|
12092
|
+
.pf-v6-c-pagination.pf-m-static {
|
12093
|
+
position: relative;
|
12094
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
12095
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
12096
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
12097
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
12098
|
+
box-shadow: none;
|
12099
|
+
}
|
12063
12100
|
.pf-v6-c-pagination.pf-m-sticky {
|
12064
12101
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
12065
12102
|
position: sticky;
|
12066
12103
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
12067
12104
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
12068
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
12069
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
12070
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
12071
|
-
padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
|
12105
|
+
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
|
12106
|
+
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
|
12107
|
+
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
12108
|
+
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
12072
12109
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
12073
12110
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
12074
12111
|
}
|
@@ -14540,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14540
14577
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
14541
14578
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
14542
14579
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
14543
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
14580
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
14544
14581
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
14545
|
-
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
14582
|
+
--pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
14546
14583
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
14547
14584
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
14548
14585
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
@@ -14572,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14572
14609
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
14573
14610
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
14574
14611
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
14575
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
14576
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--
|
14612
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
14613
|
+
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
14577
14614
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
14578
14615
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
14579
14616
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
@@ -14591,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14591
14628
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
14592
14629
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
14593
14630
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
14631
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
14594
14632
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
14595
14633
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
14596
14634
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -14890,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14890
14928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
14891
14929
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
14892
14930
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
14931
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
14893
14932
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
14894
14933
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
14895
14934
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15192,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15192
15231
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15193
15232
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15194
15233
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
15234
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
15195
15235
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15196
15236
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15197
15237
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15494,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15494
15534
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15495
15535
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15496
15536
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
15537
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
15497
15538
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15498
15539
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15499
15540
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15796,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15796
15837
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15797
15838
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15798
15839
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
|
15840
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
|
15799
15841
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15800
15842
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15801
15843
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -16101,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16101
16143
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
16102
16144
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
16103
16145
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
16104
|
-
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--
|
16146
|
+
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
16105
16147
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
16106
16148
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
16107
16149
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
@@ -16119,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16119
16161
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
16120
16162
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
16121
16163
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
16122
|
-
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--
|
16164
|
+
--pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
16123
16165
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
16124
16166
|
--pf-v6-c-table--cell--MinWidth: 0;
|
16125
16167
|
--pf-v6-c-table--cell--MaxWidth: none;
|
@@ -16348,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16348
16390
|
}
|
16349
16391
|
}
|
16350
16392
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
16351
|
-
padding-inline-start:
|
16393
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
16352
16394
|
}
|
16353
16395
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
16354
|
-
padding-inline-end:
|
16396
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
16355
16397
|
}
|
16356
16398
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
16357
16399
|
text-align: center;
|
@@ -16584,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16584
16626
|
.pf-v6-c-table__column-help {
|
16585
16627
|
display: inline-grid;
|
16586
16628
|
grid-template-columns: auto max-content;
|
16587
|
-
align-items: baseline;
|
16629
|
+
align-items: last baseline;
|
16588
16630
|
justify-content: start;
|
16589
16631
|
}
|
16590
16632
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
@@ -16749,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
16749
16791
|
}
|
16750
16792
|
|
16751
16793
|
.pf-v6-c-table__column-help-action {
|
16794
|
+
align-self: last baseline;
|
16752
16795
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
16753
16796
|
}
|
16754
16797
|
|