@patternfly/react-styles 6.0.0-prerelease.4 → 6.0.0-prerelease.6
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/components/AboutModalBox/about-modal-box.css +0 -7
- package/css/components/Accordion/accordion.css +0 -1
- package/css/components/ActionList/action-list.css +1 -2
- package/css/components/Alert/alert-group.css +0 -1
- package/css/components/Alert/alert.css +2 -7
- package/css/components/Avatar/avatar.css +0 -1
- package/css/components/BackToTop/back-to-top.css +0 -2
- package/css/components/Backdrop/backdrop.css +0 -1
- package/css/components/BackgroundImage/background-image.css +0 -1
- package/css/components/Badge/badge.css +0 -1
- package/css/components/Banner/banner.css +0 -2
- package/css/components/Brand/brand.css +0 -1
- package/css/components/Breadcrumb/breadcrumb.css +0 -1
- package/css/components/Button/button.css +8 -1
- package/css/components/CalendarMonth/calendar-month.css +0 -1
- package/css/components/Card/card.css +0 -1
- package/css/components/Check/check.css +0 -1
- package/css/components/ClipboardCopy/clipboard-copy.css +0 -1
- package/css/components/CodeBlock/code-block.css +0 -1
- package/css/components/CodeEditor/code-editor.css +0 -1
- package/css/components/Content/content.css +2 -3
- package/css/components/DataList/data-list.css +4 -16
- 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/DatePicker/date-picker.css +0 -1
- package/css/components/DescriptionList/description-list.css +2 -9
- package/css/components/Divider/divider.css +0 -1
- package/css/components/DragDrop/drag-drop.css +0 -2
- package/css/components/Drawer/drawer.css +5 -8
- package/css/components/Drawer/drawer.d.ts +2 -3
- package/css/components/Drawer/drawer.js +2 -3
- package/css/components/Drawer/drawer.mjs +2 -3
- package/css/components/DualListSelector/dual-list-selector.css +0 -1
- package/css/components/EmptyState/empty-state.css +1 -2
- package/css/components/ExpandableSection/expandable-section.css +0 -1
- package/css/components/FileUpload/file-upload.css +0 -1
- package/css/components/Form/form.css +1 -2
- package/css/components/FormControl/form-control.css +31 -9
- 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/HelperText/helper-text.css +0 -1
- package/css/components/Hint/hint.css +0 -1
- package/css/components/Icon/icon.css +0 -1
- package/css/components/InlineEdit/inline-edit.css +0 -1
- package/css/components/InputGroup/input-group.css +0 -1
- package/css/components/JumpLinks/jump-links.css +0 -1
- package/css/components/Label/label-group.css +0 -1
- package/css/components/Label/label.css +0 -1
- package/css/components/List/list.css +0 -1
- package/css/components/Login/login.css +0 -9
- package/css/components/Masthead/masthead.css +0 -1
- package/css/components/Menu/menu.css +0 -1
- package/css/components/MenuToggle/menu-toggle.css +66 -56
- 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/ModalBox/modal-box.css +0 -2
- package/css/components/MultipleFileUpload/multiple-file-upload.css +0 -1
- package/css/components/Nav/nav.css +0 -1
- package/css/components/NotificationDrawer/notification-drawer.css +0 -1
- package/css/components/NumberInput/number-input.css +0 -1
- package/css/components/OverflowMenu/overflow-menu.css +0 -1
- package/css/components/Page/page.css +10 -10
- 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 -20
- 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/Panel/panel.css +0 -1
- package/css/components/Popover/popover.css +0 -1
- package/css/components/Progress/progress.css +0 -1
- package/css/components/ProgressStepper/progress-stepper.css +0 -2
- package/css/components/Radio/radio.css +0 -1
- package/css/components/Sidebar/sidebar.css +0 -1
- package/css/components/SimpleList/simple-list.css +0 -1
- package/css/components/Skeleton/skeleton.css +0 -1
- package/css/components/SkipToContent/skip-to-content.css +0 -1
- package/css/components/Slider/slider.css +0 -1
- package/css/components/Spinner/spinner.css +0 -1
- package/css/components/Switch/switch.css +0 -1
- package/css/components/TabContent/tab-content.css +0 -1
- package/css/components/Table/table-grid.css +9 -5
- package/css/components/Table/table-scrollable.css +0 -1
- package/css/components/Table/table-tree-view.css +0 -1
- package/css/components/Table/table.css +6 -6
- package/css/components/Tabs/tabs.css +0 -1
- package/css/components/TextInputGroup/text-input-group.css +2 -3
- package/css/components/Tile/tile.css +0 -1
- package/css/components/Timestamp/timestamp.css +0 -1
- package/css/components/Title/title.css +0 -1
- package/css/components/ToggleGroup/toggle-group.css +0 -1
- package/css/components/Toolbar/toolbar.css +0 -1
- package/css/components/Tooltip/tooltip.css +0 -1
- package/css/components/TreeView/tree-view.css +0 -1
- package/css/components/Truncate/truncate.css +0 -1
- package/css/components/Wizard/wizard.css +0 -2
- package/css/components/_index.css +181 -245
- 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/css/layouts/Bullseye/bullseye.css +0 -1
- package/css/layouts/Flex/flex.css +0 -1
- package/css/layouts/Gallery/gallery.css +0 -1
- package/css/layouts/Grid/grid.css +0 -1
- package/css/layouts/Level/level.css +0 -1
- package/css/layouts/Split/split.css +0 -1
- package/css/layouts/Stack/stack.css +0 -1
- package/css/layouts/_index.css +0 -7
- 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
@@ -1,5 +1,4 @@
|
|
1
1
|
@charset "UTF-8";
|
2
|
-
:root,
|
3
2
|
.pf-v6-c-about-modal-box {
|
4
3
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
5
4
|
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
@@ -46,7 +45,6 @@
|
|
46
45
|
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
47
46
|
}
|
48
47
|
@media screen and (min-width: 36rem) {
|
49
|
-
:root,
|
50
48
|
.pf-v6-c-about-modal-box {
|
51
49
|
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
52
50
|
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
@@ -54,32 +52,27 @@
|
|
54
52
|
}
|
55
53
|
}
|
56
54
|
@media only screen and (min-width: 36rem) {
|
57
|
-
:root,
|
58
55
|
.pf-v6-c-about-modal-box {
|
59
56
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
60
57
|
}
|
61
58
|
}
|
62
59
|
@media only screen and (min-width: 62rem) {
|
63
|
-
:root,
|
64
60
|
.pf-v6-c-about-modal-box {
|
65
61
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
66
62
|
}
|
67
63
|
}
|
68
64
|
@media only screen and (min-width: 36rem) {
|
69
|
-
:root,
|
70
65
|
.pf-v6-c-about-modal-box {
|
71
66
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
72
67
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
73
68
|
}
|
74
69
|
}
|
75
70
|
@media only screen and (min-width: 36rem) {
|
76
|
-
:root,
|
77
71
|
.pf-v6-c-about-modal-box {
|
78
72
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
79
73
|
}
|
80
74
|
}
|
81
75
|
@media only screen and (min-width: 36rem) {
|
82
|
-
:root,
|
83
76
|
.pf-v6-c-about-modal-box {
|
84
77
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
85
78
|
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
@@ -198,7 +191,6 @@
|
|
198
191
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
199
192
|
}
|
200
193
|
|
201
|
-
:root,
|
202
194
|
.pf-v6-c-accordion {
|
203
195
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
204
196
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
@@ -351,10 +343,9 @@
|
|
351
343
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
352
344
|
}
|
353
345
|
|
354
|
-
:root,
|
355
346
|
.pf-v6-c-action-list {
|
356
347
|
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
357
|
-
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
348
|
+
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
358
349
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
359
350
|
--pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
360
351
|
}
|
@@ -382,7 +373,6 @@
|
|
382
373
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
383
374
|
}
|
384
375
|
|
385
|
-
:root,
|
386
376
|
.pf-v6-c-alert {
|
387
377
|
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
388
378
|
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
@@ -401,6 +391,7 @@
|
|
401
391
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
402
392
|
--pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
|
403
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));
|
404
395
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
405
396
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
406
397
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
@@ -520,6 +511,7 @@
|
|
520
511
|
.pf-v6-c-alert__toggle {
|
521
512
|
margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
|
522
513
|
margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
|
514
|
+
margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
|
523
515
|
margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
|
524
516
|
}
|
525
517
|
|
@@ -533,9 +525,7 @@
|
|
533
525
|
}
|
534
526
|
|
535
527
|
.pf-v6-c-alert__icon {
|
536
|
-
display: flex;
|
537
528
|
grid-area: icon;
|
538
|
-
margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
|
539
529
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
540
530
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
541
531
|
color: var(--pf-v6-c-alert__icon--Color);
|
@@ -568,10 +558,6 @@
|
|
568
558
|
margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
|
569
559
|
margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
|
570
560
|
margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
|
571
|
-
transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
|
572
|
-
}
|
573
|
-
.pf-v6-c-alert__action > .pf-v6-c-button {
|
574
|
-
--pf-v6-c-button--LineHeight: 1;
|
575
561
|
}
|
576
562
|
|
577
563
|
.pf-v6-c-alert__action-group {
|
@@ -582,7 +568,6 @@
|
|
582
568
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
583
569
|
}
|
584
570
|
|
585
|
-
:root,
|
586
571
|
.pf-v6-c-alert-group {
|
587
572
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
588
573
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
@@ -697,7 +682,6 @@
|
|
697
682
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
698
683
|
}
|
699
684
|
|
700
|
-
:root,
|
701
685
|
.pf-v6-c-avatar {
|
702
686
|
--pf-v6-c-avatar--BorderColor: transparent;
|
703
687
|
--pf-v6-c-avatar--BorderWidth: 0;
|
@@ -943,7 +927,6 @@
|
|
943
927
|
}
|
944
928
|
}
|
945
929
|
|
946
|
-
:root,
|
947
930
|
.pf-v6-c-backdrop {
|
948
931
|
--pf-v6-c-backdrop--Position: fixed;
|
949
932
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
@@ -964,7 +947,6 @@
|
|
964
947
|
overflow: hidden;
|
965
948
|
}
|
966
949
|
|
967
|
-
:root,
|
968
950
|
.pf-v6-c-background-image {
|
969
951
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
970
952
|
--pf-v6-c-background-image--BackgroundImage: none;
|
@@ -992,7 +974,6 @@
|
|
992
974
|
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
993
975
|
}
|
994
976
|
|
995
|
-
:root,
|
996
977
|
.pf-v6-c-back-to-top {
|
997
978
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
998
979
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
@@ -1005,7 +986,6 @@
|
|
1005
986
|
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
1006
987
|
}
|
1007
988
|
@media (min-width: 48rem) {
|
1008
|
-
:root,
|
1009
989
|
.pf-v6-c-back-to-top {
|
1010
990
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
1011
991
|
}
|
@@ -1028,7 +1008,6 @@
|
|
1028
1008
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
1029
1009
|
}
|
1030
1010
|
|
1031
|
-
:root,
|
1032
1011
|
.pf-v6-c-badge {
|
1033
1012
|
--pf-v6-c-badge--BorderColor: transparent;
|
1034
1013
|
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
@@ -1097,7 +1076,6 @@
|
|
1097
1076
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
1098
1077
|
}
|
1099
1078
|
|
1100
|
-
:root,
|
1101
1079
|
.pf-v6-c-banner {
|
1102
1080
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
1103
1081
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
@@ -1142,7 +1120,6 @@
|
|
1142
1120
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
1143
1121
|
}
|
1144
1122
|
@media (min-width: 48rem) {
|
1145
|
-
:root,
|
1146
1123
|
.pf-v6-c-banner {
|
1147
1124
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
1148
1125
|
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
@@ -1239,7 +1216,6 @@
|
|
1239
1216
|
cursor: not-allowed;
|
1240
1217
|
}
|
1241
1218
|
|
1242
|
-
:root,
|
1243
1219
|
.pf-v6-c-brand {
|
1244
1220
|
--pf-v6-c-brand--Width: auto;
|
1245
1221
|
--pf-v6-c-brand--Height: auto;
|
@@ -1306,7 +1282,6 @@
|
|
1306
1282
|
max-width: 100%;
|
1307
1283
|
}
|
1308
1284
|
|
1309
|
-
:root,
|
1310
1285
|
.pf-v6-c-breadcrumb {
|
1311
1286
|
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
1312
1287
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
@@ -1415,7 +1390,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
1415
1390
|
display: none;
|
1416
1391
|
}
|
1417
1392
|
|
1418
|
-
:root,
|
1419
1393
|
.pf-v6-c-button {
|
1420
1394
|
--pf-v6-c-button--Display: inline-flex;
|
1421
1395
|
--pf-v6-c-button--AlignItems: baseline;
|
@@ -1458,6 +1432,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1458
1432
|
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
1459
1433
|
--pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
1460
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);
|
1461
1436
|
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
1462
1437
|
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
1463
1438
|
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
@@ -1476,6 +1451,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1476
1451
|
--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
|
1477
1452
|
--pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
|
1478
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);
|
1479
1455
|
--pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
1480
1456
|
--pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
1481
1457
|
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
@@ -1544,7 +1520,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
1544
1520
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
1545
1521
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
|
1546
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);
|
1547
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);
|
1548
1526
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
1549
1527
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
1550
1528
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
@@ -1708,6 +1686,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1708
1686
|
.pf-v6-c-button.pf-m-secondary {
|
1709
1687
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
|
1710
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);
|
1711
1690
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
|
1712
1691
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
|
1713
1692
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
|
@@ -1733,6 +1712,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1733
1712
|
.pf-v6-c-button.pf-m-tertiary {
|
1734
1713
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
|
1735
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);
|
1736
1716
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
|
1737
1717
|
--pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
|
1738
1718
|
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
|
@@ -1896,6 +1876,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1896
1876
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
|
1897
1877
|
}
|
1898
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);
|
1899
1880
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
|
1900
1881
|
--pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
1901
1882
|
--pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
@@ -1927,6 +1908,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1927
1908
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
1928
1909
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
1929
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);
|
1930
1912
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
1931
1913
|
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
1932
1914
|
}
|
@@ -2003,7 +1985,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2003
1985
|
align-items: center;
|
2004
1986
|
}
|
2005
1987
|
|
2006
|
-
:root,
|
2007
1988
|
.pf-v6-c-calendar-month {
|
2008
1989
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
2009
1990
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
@@ -2209,7 +2190,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2209
2190
|
pointer-events: none;
|
2210
2191
|
}
|
2211
2192
|
|
2212
|
-
:root,
|
2213
2193
|
.pf-v6-c-card {
|
2214
2194
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
2215
2195
|
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -2544,7 +2524,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2544
2524
|
color: var(--pf-v6-c-card__footer--Color);
|
2545
2525
|
}
|
2546
2526
|
|
2547
|
-
:root,
|
2548
2527
|
.pf-v6-c-check {
|
2549
2528
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
|
2550
2529
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
@@ -2624,7 +2603,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2624
2603
|
color: var(--pf-v6-c-check__label-required--Color);
|
2625
2604
|
}
|
2626
2605
|
|
2627
|
-
:root,
|
2628
2606
|
.pf-v6-c-clipboard-copy {
|
2629
2607
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
2630
2608
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
@@ -2720,7 +2698,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2720
2698
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
2721
2699
|
}
|
2722
2700
|
|
2723
|
-
:root,
|
2724
2701
|
.pf-v6-c-code-block {
|
2725
2702
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
2726
2703
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
@@ -2775,7 +2752,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2775
2752
|
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
2776
2753
|
}
|
2777
2754
|
|
2778
|
-
:root,
|
2779
2755
|
.pf-v6-c-code-editor {
|
2780
2756
|
--pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
2781
2757
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
@@ -2953,8 +2929,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
2953
2929
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
2954
2930
|
}
|
2955
2931
|
|
2956
|
-
:root
|
2957
|
-
.pf-v6-c-content {
|
2932
|
+
:root {
|
2958
2933
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
2959
2934
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
2960
2935
|
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
@@ -3018,7 +2993,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3018
2993
|
--pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
|
3019
2994
|
--pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
|
3020
2995
|
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
|
3021
|
-
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
2996
|
+
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
3022
2997
|
--pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
3023
2998
|
--pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
|
3024
2999
|
--pf-v6-c-content--dt--sm--MarginBlockStart: 0;
|
@@ -3630,7 +3605,6 @@ ul) {
|
|
3630
3605
|
}
|
3631
3606
|
}
|
3632
3607
|
|
3633
|
-
:root,
|
3634
3608
|
.pf-v6-c-data-list {
|
3635
3609
|
--pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
|
3636
3610
|
--pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
|
@@ -3697,11 +3671,11 @@ ul) {
|
|
3697
3671
|
--pf-v6-c-data-list__item-action--Display: flex;
|
3698
3672
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
3699
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);
|
3700
3676
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
3701
3677
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
3702
3678
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
3703
|
-
--pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
3704
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
3705
3679
|
--pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
|
3706
3680
|
--pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
3707
3681
|
--pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
@@ -3731,8 +3705,6 @@ ul) {
|
|
3731
3705
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
3732
3706
|
--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
3733
3707
|
--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
3734
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
|
3735
|
-
--pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
|
3736
3708
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
3737
3709
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
3738
3710
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
@@ -3741,14 +3713,12 @@ ul) {
|
|
3741
3713
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
3742
3714
|
}
|
3743
3715
|
@media screen and (min-width: 36rem) {
|
3744
|
-
:root,
|
3745
3716
|
.pf-v6-c-data-list {
|
3746
3717
|
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
3747
3718
|
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
3748
3719
|
}
|
3749
3720
|
}
|
3750
3721
|
@media screen and (min-width: 36rem) {
|
3751
|
-
:root,
|
3752
3722
|
.pf-v6-c-data-list {
|
3753
3723
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
3754
3724
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
@@ -3767,8 +3737,6 @@ ul) {
|
|
3767
3737
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
|
3768
3738
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
|
3769
3739
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
|
3770
|
-
--pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
|
3771
|
-
--pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
|
3772
3740
|
--pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
|
3773
3741
|
--pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
|
3774
3742
|
--pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
|
@@ -3914,8 +3882,8 @@ ul) {
|
|
3914
3882
|
gap: var(--pf-v6-c-data-list__item-action--Gap);
|
3915
3883
|
align-content: flex-start;
|
3916
3884
|
align-items: flex-start;
|
3917
|
-
padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
|
3918
|
-
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));
|
3919
3887
|
margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
|
3920
3888
|
}
|
3921
3889
|
.pf-v6-c-data-list__item-action.pf-m-hidden {
|
@@ -3962,11 +3930,6 @@ ul) {
|
|
3962
3930
|
}
|
3963
3931
|
}
|
3964
3932
|
|
3965
|
-
.pf-v6-c-data-list__action {
|
3966
|
-
margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
|
3967
|
-
margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
|
3968
|
-
}
|
3969
|
-
|
3970
3933
|
.pf-v6-c-data-list__toggle {
|
3971
3934
|
margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
|
3972
3935
|
margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
|
@@ -4058,10 +4021,9 @@ ul) {
|
|
4058
4021
|
padding: 0;
|
4059
4022
|
}
|
4060
4023
|
|
4061
|
-
:root,
|
4062
4024
|
.pf-v6-c-description-list {
|
4063
|
-
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
4064
|
-
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
4025
|
+
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
4026
|
+
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
|
4065
4027
|
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
4066
4028
|
--pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
|
4067
4029
|
--pf-v6-c-description-list--GridTemplateColumns--min: 0;
|
@@ -4106,37 +4068,31 @@ ul) {
|
|
4106
4068
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
4107
4069
|
}
|
4108
4070
|
@media screen and (min-width: 36rem) {
|
4109
|
-
:root,
|
4110
4071
|
.pf-v6-c-description-list {
|
4111
4072
|
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
4112
4073
|
}
|
4113
4074
|
}
|
4114
4075
|
@media (min-width: 36rem) {
|
4115
|
-
:root,
|
4116
4076
|
.pf-v6-c-description-list {
|
4117
4077
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
4118
4078
|
}
|
4119
4079
|
}
|
4120
4080
|
@media (min-width: 48rem) {
|
4121
|
-
:root,
|
4122
4081
|
.pf-v6-c-description-list {
|
4123
4082
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
4124
4083
|
}
|
4125
4084
|
}
|
4126
4085
|
@media (min-width: 62rem) {
|
4127
|
-
:root,
|
4128
4086
|
.pf-v6-c-description-list {
|
4129
4087
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
4130
4088
|
}
|
4131
4089
|
}
|
4132
4090
|
@media (min-width: 75rem) {
|
4133
|
-
:root,
|
4134
4091
|
.pf-v6-c-description-list {
|
4135
4092
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
4136
4093
|
}
|
4137
4094
|
}
|
4138
4095
|
@media (min-width: 90.625rem) {
|
4139
|
-
:root,
|
4140
4096
|
.pf-v6-c-description-list {
|
4141
4097
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
4142
4098
|
}
|
@@ -4385,7 +4341,6 @@ ul) {
|
|
4385
4341
|
}
|
4386
4342
|
}
|
4387
4343
|
|
4388
|
-
:root,
|
4389
4344
|
.pf-v6-c-draggable {
|
4390
4345
|
--pf-v6-c-draggable--Cursor: auto;
|
4391
4346
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
@@ -4422,7 +4377,6 @@ ul) {
|
|
4422
4377
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
|
4423
4378
|
}
|
4424
4379
|
|
4425
|
-
:root,
|
4426
4380
|
.pf-v6-c-droppable {
|
4427
4381
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
4428
4382
|
--pf-v6-c-droppable--before--Opacity: 0;
|
@@ -4464,7 +4418,6 @@ ul) {
|
|
4464
4418
|
--pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
|
4465
4419
|
}
|
4466
4420
|
|
4467
|
-
:root,
|
4468
4421
|
.pf-v6-c-dual-list-selector {
|
4469
4422
|
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
4470
4423
|
--pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
|
@@ -4789,7 +4742,6 @@ ul) {
|
|
4789
4742
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
4790
4743
|
}
|
4791
4744
|
|
4792
|
-
:root,
|
4793
4745
|
.pf-v6-c-date-picker {
|
4794
4746
|
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
4795
4747
|
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
@@ -4848,7 +4800,6 @@ ul) {
|
|
4848
4800
|
min-width: min-content;
|
4849
4801
|
}
|
4850
4802
|
|
4851
|
-
:root,
|
4852
4803
|
.pf-v6-c-divider {
|
4853
4804
|
--pf-v6-c-divider--Display: flex;
|
4854
4805
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
@@ -5154,7 +5105,6 @@ ul) {
|
|
5154
5105
|
}
|
5155
5106
|
}
|
5156
5107
|
|
5157
|
-
:root,
|
5158
5108
|
.pf-v6-c-drawer {
|
5159
5109
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
5160
5110
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
@@ -5166,7 +5116,8 @@ ul) {
|
|
5166
5116
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
5167
5117
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
5168
5118
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
5169
|
-
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--
|
5119
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
5120
|
+
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
5170
5121
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
5171
5122
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
5172
5123
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -5263,11 +5214,9 @@ ul) {
|
|
5263
5214
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
5264
5215
|
}
|
5265
5216
|
@media screen and (min-width: 75rem) {
|
5266
|
-
:root,
|
5267
5217
|
.pf-v6-c-drawer {
|
5268
5218
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
5269
5219
|
}
|
5270
|
-
:root.pf-m-panel-bottom,
|
5271
5220
|
.pf-v6-c-drawer.pf-m-panel-bottom {
|
5272
5221
|
--pf-v6-c-drawer__panel--MinWidth: auto;
|
5273
5222
|
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
@@ -5290,6 +5239,9 @@ ul) {
|
|
5290
5239
|
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
|
5291
5240
|
}
|
5292
5241
|
|
5242
|
+
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
5243
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
5244
|
+
}
|
5293
5245
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
5294
5246
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
5295
5247
|
}
|
@@ -5494,10 +5446,6 @@ ul) {
|
|
5494
5446
|
flex: 1 1;
|
5495
5447
|
}
|
5496
5448
|
|
5497
|
-
.pf-v6-c-drawer__body > .pf-v6-c-page__main {
|
5498
|
-
height: 100%;
|
5499
|
-
}
|
5500
|
-
|
5501
5449
|
.pf-v6-c-drawer__splitter {
|
5502
5450
|
position: relative;
|
5503
5451
|
display: none;
|
@@ -5995,7 +5943,6 @@ ul) {
|
|
5995
5943
|
display: none;
|
5996
5944
|
}
|
5997
5945
|
}
|
5998
|
-
:root,
|
5999
5946
|
.pf-v6-c-empty-state {
|
6000
5947
|
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
6001
5948
|
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
@@ -6034,7 +5981,7 @@ ul) {
|
|
6034
5981
|
--pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
|
6035
5982
|
--pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
|
6036
5983
|
--pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
6037
|
-
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
5984
|
+
--pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
6038
5985
|
--pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
6039
5986
|
--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
|
6040
5987
|
--pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
@@ -6135,7 +6082,6 @@ ul) {
|
|
6135
6082
|
justify-content: center;
|
6136
6083
|
}
|
6137
6084
|
|
6138
|
-
:root,
|
6139
6085
|
.pf-v6-c-expandable-section {
|
6140
6086
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
6141
6087
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
@@ -6217,7 +6163,6 @@ ul) {
|
|
6217
6163
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
6218
6164
|
}
|
6219
6165
|
|
6220
|
-
:root,
|
6221
6166
|
.pf-v6-c-file-upload {
|
6222
6167
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
6223
6168
|
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -6275,9 +6220,8 @@ ul) {
|
|
6275
6220
|
transform: translate(-50%, -50%);
|
6276
6221
|
}
|
6277
6222
|
|
6278
|
-
:root,
|
6279
6223
|
.pf-v6-c-form {
|
6280
|
-
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
|
6224
|
+
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
|
6281
6225
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
6282
6226
|
--pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
6283
6227
|
--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
|
@@ -6790,7 +6734,6 @@ ul) {
|
|
6790
6734
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
6791
6735
|
}
|
6792
6736
|
|
6793
|
-
:root,
|
6794
6737
|
.pf-v6-c-form-control {
|
6795
6738
|
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
6796
6739
|
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
@@ -6800,9 +6743,11 @@ ul) {
|
|
6800
6743
|
--pf-v6-c-form-control--OutlineOffset: -6px;
|
6801
6744
|
--pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
6802
6745
|
--pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
6746
|
+
--pf-v6-c-form-control--before--BorderStyle: solid;
|
6803
6747
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
|
6804
6748
|
--pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
6805
6749
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
6750
|
+
--pf-v6-c-form-control--after--BorderStyle: solid;
|
6806
6751
|
--pf-v6-c-form-control--after--BorderColor: transparent;
|
6807
6752
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
6808
6753
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
@@ -6824,10 +6769,11 @@ ul) {
|
|
6824
6769
|
--pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
6825
6770
|
--pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
6826
6771
|
--pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
|
6827
|
-
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--
|
6828
|
-
--pf-v6-c-form-control--m-readonly--BorderColor:
|
6772
|
+
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
|
6773
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
|
6829
6774
|
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
6830
6775
|
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
6776
|
+
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
6831
6777
|
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
6832
6778
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
6833
6779
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
@@ -6851,6 +6797,10 @@ ul) {
|
|
6851
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));
|
6852
6798
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
6853
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));
|
6854
6804
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
6855
6805
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
6856
6806
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
@@ -6887,12 +6837,12 @@ ul) {
|
|
6887
6837
|
}
|
6888
6838
|
.pf-v6-c-form-control::before {
|
6889
6839
|
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
6890
|
-
border-style: var(--pf-v6-c-form-control--before--BorderStyle
|
6840
|
+
border-style: var(--pf-v6-c-form-control--before--BorderStyle);
|
6891
6841
|
border-width: var(--pf-v6-c-form-control--before--BorderWidth);
|
6892
6842
|
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
6893
6843
|
}
|
6894
6844
|
.pf-v6-c-form-control::after {
|
6895
|
-
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle
|
6845
|
+
border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
|
6896
6846
|
border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
|
6897
6847
|
}
|
6898
6848
|
.pf-v6-c-form-control > :is(input, select, textarea) {
|
@@ -6906,21 +6856,36 @@ ul) {
|
|
6906
6856
|
background-color: transparent;
|
6907
6857
|
border: none;
|
6908
6858
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
6859
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
6909
6860
|
-moz-appearance: none;
|
6910
6861
|
-webkit-appearance: none;
|
6911
6862
|
}
|
6912
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
6913
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
6914
|
-
}
|
6915
6863
|
.pf-v6-c-form-control > ::placeholder {
|
6916
6864
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
6917
6865
|
}
|
6918
6866
|
.pf-v6-c-form-control > :is(input, select) {
|
6919
6867
|
text-overflow: ellipsis;
|
6920
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
|
+
}
|
6921
6886
|
.pf-v6-c-form-control.pf-m-readonly {
|
6922
6887
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
6923
|
-
--pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
6888
|
+
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
6924
6889
|
}
|
6925
6890
|
.pf-v6-c-form-control.pf-m-readonly:hover {
|
6926
6891
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
@@ -6930,6 +6895,7 @@ ul) {
|
|
6930
6895
|
}
|
6931
6896
|
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
6932
6897
|
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
|
6898
|
+
--pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
|
6933
6899
|
--pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
|
6934
6900
|
--pf-v6-c-form-control--before--BorderStyle: none;
|
6935
6901
|
--pf-v6-c-form-control--after--BorderStyle: none;
|
@@ -7059,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
7059
7025
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
7060
7026
|
}
|
7061
7027
|
|
7062
|
-
:root,
|
7063
7028
|
.pf-v6-c-hint {
|
7064
7029
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
7065
7030
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
@@ -7135,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
7135
7100
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
7136
7101
|
}
|
7137
7102
|
|
7138
|
-
:root,
|
7139
7103
|
.pf-v6-c-helper-text {
|
7140
7104
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
7141
7105
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
@@ -7208,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
7208
7172
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
7209
7173
|
}
|
7210
7174
|
|
7211
|
-
:root,
|
7212
7175
|
.pf-v6-c-icon {
|
7213
7176
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
7214
7177
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
@@ -7465,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
7465
7428
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
7466
7429
|
}
|
7467
7430
|
|
7468
|
-
:root,
|
7469
7431
|
.pf-v6-c-inline-edit {
|
7470
7432
|
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
7471
7433
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
@@ -7549,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
7549
7511
|
display: none;
|
7550
7512
|
}
|
7551
7513
|
|
7552
|
-
:root,
|
7553
7514
|
.pf-v6-c-input-group {
|
7554
7515
|
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
7555
7516
|
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
@@ -7623,7 +7584,6 @@ label.pf-v6-c-input-group__text {
|
|
7623
7584
|
cursor: pointer;
|
7624
7585
|
}
|
7625
7586
|
|
7626
|
-
:root,
|
7627
7587
|
.pf-v6-c-jump-links {
|
7628
7588
|
--pf-v6-c-jump-links__list--Display: flex;
|
7629
7589
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
@@ -7870,7 +7830,6 @@ label.pf-v6-c-input-group__text {
|
|
7870
7830
|
scale: -1 1;
|
7871
7831
|
}
|
7872
7832
|
|
7873
|
-
:root,
|
7874
7833
|
.pf-v6-c-label {
|
7875
7834
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
7876
7835
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
@@ -8365,7 +8324,6 @@ input.pf-v6-c-label__content {
|
|
8365
8324
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
8366
8325
|
}
|
8367
8326
|
|
8368
|
-
:root,
|
8369
8327
|
.pf-v6-c-label-group {
|
8370
8328
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
8371
8329
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
@@ -8501,7 +8459,6 @@ input.pf-v6-c-label__content {
|
|
8501
8459
|
display: none;
|
8502
8460
|
}
|
8503
8461
|
|
8504
|
-
:root,
|
8505
8462
|
.pf-v6-c-list {
|
8506
8463
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
8507
8464
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
@@ -8573,7 +8530,6 @@ ul.pf-v6-c-list {
|
|
8573
8530
|
color: var(--pf-v6-c-list__item-icon--Color);
|
8574
8531
|
}
|
8575
8532
|
|
8576
|
-
:root,
|
8577
8533
|
.pf-v6-c-login {
|
8578
8534
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
8579
8535
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
@@ -8630,33 +8586,28 @@ ul.pf-v6-c-list {
|
|
8630
8586
|
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
8631
8587
|
}
|
8632
8588
|
@media (min-width: 75rem) {
|
8633
|
-
:root,
|
8634
8589
|
.pf-v6-c-login {
|
8635
8590
|
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
8636
8591
|
}
|
8637
8592
|
}
|
8638
8593
|
@media (min-width: 36rem) {
|
8639
|
-
:root,
|
8640
8594
|
.pf-v6-c-login {
|
8641
8595
|
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
8642
8596
|
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
8643
8597
|
}
|
8644
8598
|
}
|
8645
8599
|
@media (min-width: 75rem) {
|
8646
|
-
:root,
|
8647
8600
|
.pf-v6-c-login {
|
8648
8601
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
8649
8602
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
8650
8603
|
}
|
8651
8604
|
}
|
8652
8605
|
@media (min-width: 75rem) {
|
8653
|
-
:root,
|
8654
8606
|
.pf-v6-c-login {
|
8655
8607
|
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
8656
8608
|
}
|
8657
8609
|
}
|
8658
8610
|
@media (min-width: 48rem) {
|
8659
|
-
:root,
|
8660
8611
|
.pf-v6-c-login {
|
8661
8612
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
8662
8613
|
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
@@ -8664,21 +8615,18 @@ ul.pf-v6-c-list {
|
|
8664
8615
|
}
|
8665
8616
|
}
|
8666
8617
|
@media (min-width: 48rem) {
|
8667
|
-
:root,
|
8668
8618
|
.pf-v6-c-login {
|
8669
8619
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
8670
8620
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
8671
8621
|
}
|
8672
8622
|
}
|
8673
8623
|
@media (min-width: 36rem) {
|
8674
|
-
:root,
|
8675
8624
|
.pf-v6-c-login {
|
8676
8625
|
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
8677
8626
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
8678
8627
|
}
|
8679
8628
|
}
|
8680
8629
|
@media (min-width: 75rem) {
|
8681
|
-
:root,
|
8682
8630
|
.pf-v6-c-login {
|
8683
8631
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
8684
8632
|
}
|
@@ -8834,7 +8782,6 @@ ul.pf-v6-c-list {
|
|
8834
8782
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
8835
8783
|
}
|
8836
8784
|
|
8837
|
-
:root,
|
8838
8785
|
.pf-v6-c-masthead {
|
8839
8786
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
8840
8787
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
@@ -9370,7 +9317,6 @@ ul.pf-v6-c-list {
|
|
9370
9317
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
9371
9318
|
}
|
9372
9319
|
|
9373
|
-
:root,
|
9374
9320
|
.pf-v6-c-menu {
|
9375
9321
|
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
9376
9322
|
--pf-v6-c-menu--Width: auto;
|
@@ -9952,9 +9898,8 @@ ul.pf-v6-c-list {
|
|
9952
9898
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
9953
9899
|
}
|
9954
9900
|
|
9955
|
-
:root,
|
9956
9901
|
.pf-v6-c-menu-toggle {
|
9957
|
-
--pf-v6-c-menu-toggle--
|
9902
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
9958
9903
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
9959
9904
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
9960
9905
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
@@ -10019,26 +9964,30 @@ ul.pf-v6-c-list {
|
|
10019
9964
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
10020
9965
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
10021
9966
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
10022
|
-
--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));
|
10023
9967
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
10024
9968
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
10025
9969
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
10026
9970
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
10027
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10028
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10029
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10030
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10031
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10032
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
10033
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
10034
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
10035
|
-
--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);
|
10036
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);
|
10037
9984
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
10038
9985
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
10039
9986
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
10040
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));
|
10041
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);
|
10042
9991
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
10043
9992
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
10044
9993
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
@@ -10046,14 +9995,15 @@ ul.pf-v6-c-list {
|
|
10046
9995
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
10047
9996
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
10048
9997
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
10049
|
-
--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);
|
10050
10001
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
10051
10002
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
10052
10003
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
10053
10004
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
10054
10005
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
10055
10006
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
10056
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
10057
10007
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
10058
10008
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
10059
10009
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
@@ -10062,12 +10012,13 @@ ul.pf-v6-c-list {
|
|
10062
10012
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
10063
10013
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
10064
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);
|
10065
10016
|
}
|
10066
10017
|
|
10067
10018
|
.pf-v6-c-menu-toggle {
|
10068
10019
|
position: relative;
|
10069
10020
|
display: inline-flex;
|
10070
|
-
|
10021
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
10071
10022
|
align-items: center;
|
10072
10023
|
justify-content: center;
|
10073
10024
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
@@ -10153,6 +10104,8 @@ ul.pf-v6-c-list {
|
|
10153
10104
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
10154
10105
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
10155
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);
|
10156
10109
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
10157
10110
|
}
|
10158
10111
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
@@ -10181,9 +10134,6 @@ ul.pf-v6-c-list {
|
|
10181
10134
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
10182
10135
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
10183
10136
|
}
|
10184
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
10185
|
-
background-color: transparent;
|
10186
|
-
}
|
10187
10137
|
.pf-v6-c-menu-toggle.pf-m-success {
|
10188
10138
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
10189
10139
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
@@ -10212,7 +10162,8 @@ ul.pf-v6-c-list {
|
|
10212
10162
|
}
|
10213
10163
|
|
10214
10164
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
10215
|
-
--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);
|
10216
10167
|
padding: 0;
|
10217
10168
|
}
|
10218
10169
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
@@ -10231,7 +10182,6 @@ ul.pf-v6-c-list {
|
|
10231
10182
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
10232
10183
|
}
|
10233
10184
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
10234
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
10235
10185
|
--pf-v6-c-check__label--Color: currentcolor;
|
10236
10186
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
10237
10187
|
align-items: center;
|
@@ -10241,49 +10191,51 @@ ul.pf-v6-c-list {
|
|
10241
10191
|
--pf-v6-c-check__input--TranslateY: 0;
|
10242
10192
|
align-self: center;
|
10243
10193
|
}
|
10244
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10245
|
-
--pf-v6-c-menu-toggle--
|
10246
|
-
}
|
10247
|
-
|
10248
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
10249
|
-
--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);
|
10250
10196
|
}
|
10251
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10252
|
-
|
10253
|
-
}
|
10254
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
|
10255
|
-
padding-inline-end: 0;
|
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);
|
10256
10199
|
}
|
10257
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10258
|
-
|
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);
|
10259
10203
|
}
|
10260
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10261
|
-
|
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);
|
10262
10207
|
}
|
10263
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10264
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
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);
|
10265
10210
|
}
|
10266
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10267
|
-
--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);
|
10268
10213
|
}
|
10269
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10270
|
-
|
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);
|
10271
10218
|
}
|
10272
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
10273
|
-
|
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);
|
10274
10223
|
}
|
10275
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10276
|
-
|
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);
|
10277
10226
|
}
|
10278
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
10279
|
-
|
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 {
|
10280
10229
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
10281
10230
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
10282
10231
|
}
|
10232
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
10233
|
+
content: none;
|
10234
|
+
}
|
10283
10235
|
|
10284
10236
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
10285
10237
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
10286
|
-
--pf-v6-c-menu-toggle--
|
10238
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
10287
10239
|
align-items: stretch;
|
10288
10240
|
padding: 0;
|
10289
10241
|
}
|
@@ -10301,6 +10253,7 @@ ul.pf-v6-c-list {
|
|
10301
10253
|
}
|
10302
10254
|
|
10303
10255
|
.pf-v6-c-menu-toggle__button {
|
10256
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
10304
10257
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
10305
10258
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
10306
10259
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
@@ -10309,13 +10262,13 @@ ul.pf-v6-c-list {
|
|
10309
10262
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
10310
10263
|
border: 0;
|
10311
10264
|
}
|
10312
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
10313
|
-
padding-inline-start: 0;
|
10314
|
-
}
|
10315
10265
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
10316
10266
|
display: inline-flex;
|
10317
10267
|
align-items: baseline;
|
10318
|
-
|
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);
|
10319
10272
|
}
|
10320
10273
|
|
10321
10274
|
.pf-v6-c-menu-toggle__text {
|
@@ -10330,7 +10283,6 @@ ul.pf-v6-c-list {
|
|
10330
10283
|
flex-wrap: nowrap;
|
10331
10284
|
}
|
10332
10285
|
|
10333
|
-
.pf-v6-c-menu-toggle__icon,
|
10334
10286
|
.pf-v6-c-menu-toggle__controls,
|
10335
10287
|
.pf-v6-c-menu-toggle__toggle-icon {
|
10336
10288
|
display: flex;
|
@@ -10340,11 +10292,16 @@ ul.pf-v6-c-list {
|
|
10340
10292
|
|
10341
10293
|
.pf-v6-c-menu-toggle__icon {
|
10342
10294
|
flex-shrink: 0;
|
10343
|
-
|
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);
|
10344
10301
|
}
|
10345
10302
|
|
10346
10303
|
.pf-v6-c-menu-toggle__controls {
|
10347
|
-
|
10304
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
10348
10305
|
margin-inline-start: auto;
|
10349
10306
|
}
|
10350
10307
|
|
@@ -10354,11 +10311,9 @@ ul.pf-v6-c-list {
|
|
10354
10311
|
}
|
10355
10312
|
|
10356
10313
|
.pf-v6-c-menu-toggle__status-icon {
|
10357
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
10358
10314
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
10359
10315
|
}
|
10360
10316
|
|
10361
|
-
:root,
|
10362
10317
|
.pf-v6-c-modal-box {
|
10363
10318
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
10364
10319
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
@@ -10412,7 +10367,6 @@ ul.pf-v6-c-list {
|
|
10412
10367
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
10413
10368
|
}
|
10414
10369
|
@media (min-width: 75rem) {
|
10415
|
-
:root,
|
10416
10370
|
.pf-v6-c-modal-box {
|
10417
10371
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
10418
10372
|
}
|
@@ -10565,7 +10519,6 @@ ul.pf-v6-c-list {
|
|
10565
10519
|
}
|
10566
10520
|
}
|
10567
10521
|
|
10568
|
-
:root,
|
10569
10522
|
.pf-v6-c-multiple-file-upload {
|
10570
10523
|
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
10571
10524
|
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
@@ -10776,7 +10729,6 @@ ul.pf-v6-c-list {
|
|
10776
10729
|
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
10777
10730
|
}
|
10778
10731
|
|
10779
|
-
:root,
|
10780
10732
|
.pf-v6-c-nav {
|
10781
10733
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
10782
10734
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
@@ -11085,7 +11037,6 @@ ul.pf-v6-c-list {
|
|
11085
11037
|
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
11086
11038
|
}
|
11087
11039
|
|
11088
|
-
:root,
|
11089
11040
|
.pf-v6-c-notification-drawer {
|
11090
11041
|
--pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
11091
11042
|
--pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
@@ -11361,7 +11312,6 @@ ul.pf-v6-c-list {
|
|
11361
11312
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
11362
11313
|
}
|
11363
11314
|
|
11364
|
-
:root,
|
11365
11315
|
.pf-v6-c-overflow-menu {
|
11366
11316
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
11367
11317
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
@@ -11399,13 +11349,13 @@ ul.pf-v6-c-list {
|
|
11399
11349
|
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
11400
11350
|
}
|
11401
11351
|
|
11402
|
-
:root,
|
11403
11352
|
.pf-v6-c-page {
|
11404
11353
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11405
11354
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
11406
11355
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
11407
11356
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
11408
11357
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
11358
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
11409
11359
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11410
11360
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
11411
11361
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
@@ -11414,7 +11364,7 @@ ul.pf-v6-c-list {
|
|
11414
11364
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
11415
11365
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
11416
11366
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
11417
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
11367
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
11418
11368
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
11419
11369
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
11420
11370
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
@@ -11427,7 +11377,7 @@ ul.pf-v6-c-list {
|
|
11427
11377
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
11428
11378
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
11429
11379
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
11430
|
-
--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);
|
11431
11381
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
11432
11382
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
11433
11383
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
@@ -11440,8 +11390,8 @@ ul.pf-v6-c-list {
|
|
11440
11390
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
11441
11391
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
11442
11392
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
11443
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
11444
|
-
--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;
|
11445
11395
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
11446
11396
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
11447
11397
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
@@ -11481,7 +11431,6 @@ ul.pf-v6-c-list {
|
|
11481
11431
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
11482
11432
|
}
|
11483
11433
|
@media screen and (min-width: 75rem) {
|
11484
|
-
:root,
|
11485
11434
|
.pf-v6-c-page {
|
11486
11435
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
11487
11436
|
}
|
@@ -11499,6 +11448,7 @@ ul.pf-v6-c-list {
|
|
11499
11448
|
}
|
11500
11449
|
@media (min-width: 75rem) {
|
11501
11450
|
.pf-v6-c-page {
|
11451
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
11502
11452
|
grid-template-areas: "header header" "sidebar main";
|
11503
11453
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
11504
11454
|
}
|
@@ -12008,14 +11958,13 @@ ul.pf-v6-c-list {
|
|
12008
11958
|
flex-shrink: 0;
|
12009
11959
|
}
|
12010
11960
|
|
12011
|
-
.pf-v6-c-page__drawer {
|
12012
|
-
|
11961
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
11962
|
+
align-self: revert;
|
12013
11963
|
}
|
12014
|
-
.pf-v6-c-page__drawer
|
12015
|
-
flex: 1
|
11964
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
11965
|
+
flex-grow: 1;
|
12016
11966
|
}
|
12017
11967
|
|
12018
|
-
:root,
|
12019
11968
|
.pf-v6-c-pagination {
|
12020
11969
|
--pf-v6-c-pagination--inset: 0;
|
12021
11970
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
@@ -12035,17 +11984,23 @@ ul.pf-v6-c-list {
|
|
12035
11984
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
12036
11985
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
12037
11986
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12038
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12039
11987
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12040
11988
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12041
|
-
--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);
|
12042
11991
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
12043
11992
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
12044
11993
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
12045
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
12046
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12047
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
12048
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);
|
12049
12004
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
12050
12005
|
--pf-v6-c-pagination__page-menu--Display: none;
|
12051
12006
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
@@ -12054,7 +12009,6 @@ ul.pf-v6-c-list {
|
|
12054
12009
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
12055
12010
|
}
|
12056
12011
|
@media screen and (min-width: 48rem) {
|
12057
|
-
:root,
|
12058
12012
|
.pf-v6-c-pagination {
|
12059
12013
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
12060
12014
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
@@ -12063,7 +12017,6 @@ ul.pf-v6-c-list {
|
|
12063
12017
|
}
|
12064
12018
|
}
|
12065
12019
|
@media screen and (min-width: 75rem) {
|
12066
|
-
:root,
|
12067
12020
|
.pf-v6-c-pagination {
|
12068
12021
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
12069
12022
|
}
|
@@ -12087,17 +12040,13 @@ ul.pf-v6-c-list {
|
|
12087
12040
|
position: sticky;
|
12088
12041
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
12089
12042
|
justify-content: center;
|
12090
|
-
padding-
|
12091
|
-
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);
|
12092
12047
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
12093
12048
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
12094
12049
|
}
|
12095
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
12096
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
12097
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
12098
|
-
position: relative;
|
12099
|
-
box-shadow: none;
|
12100
|
-
}
|
12101
12050
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
12102
12051
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
12103
12052
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
@@ -12119,6 +12068,10 @@ ul.pf-v6-c-list {
|
|
12119
12068
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
12120
12069
|
position: relative;
|
12121
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);
|
12122
12075
|
}
|
12123
12076
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
12124
12077
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
@@ -12136,15 +12089,23 @@ ul.pf-v6-c-list {
|
|
12136
12089
|
flex-basis: auto;
|
12137
12090
|
}
|
12138
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
|
+
}
|
12139
12100
|
.pf-v6-c-pagination.pf-m-sticky {
|
12140
12101
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
12141
12102
|
position: sticky;
|
12142
12103
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
12143
12104
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
12144
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
12145
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
12146
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
12147
|
-
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);
|
12148
12109
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
12149
12110
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
12150
12111
|
}
|
@@ -12365,7 +12326,6 @@ ul.pf-v6-c-list {
|
|
12365
12326
|
}
|
12366
12327
|
}
|
12367
12328
|
|
12368
|
-
:root,
|
12369
12329
|
.pf-v6-c-panel {
|
12370
12330
|
--pf-v6-c-panel--Width: auto;
|
12371
12331
|
--pf-v6-c-panel--MinWidth: auto;
|
@@ -12463,7 +12423,6 @@ ul.pf-v6-c-list {
|
|
12463
12423
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
12464
12424
|
}
|
12465
12425
|
|
12466
|
-
:root,
|
12467
12426
|
.pf-v6-c-popover {
|
12468
12427
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
12469
12428
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
@@ -12666,7 +12625,6 @@ ul.pf-v6-c-list {
|
|
12666
12625
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
12667
12626
|
}
|
12668
12627
|
|
12669
|
-
:root,
|
12670
12628
|
.pf-v6-c-progress {
|
12671
12629
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
12672
12630
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
@@ -12831,7 +12789,6 @@ ul.pf-v6-c-list {
|
|
12831
12789
|
font-variant-numeric: tabular-nums;
|
12832
12790
|
}
|
12833
12791
|
|
12834
|
-
:root,
|
12835
12792
|
.pf-v6-c-progress-stepper {
|
12836
12793
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
12837
12794
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
@@ -12953,7 +12910,6 @@ ul.pf-v6-c-list {
|
|
12953
12910
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
12954
12911
|
}
|
12955
12912
|
@media screen and (min-width: 48rem) {
|
12956
|
-
:root,
|
12957
12913
|
.pf-v6-c-progress-stepper {
|
12958
12914
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
12959
12915
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
@@ -13443,7 +13399,6 @@ ul.pf-v6-c-list {
|
|
13443
13399
|
}
|
13444
13400
|
}
|
13445
13401
|
|
13446
|
-
:root,
|
13447
13402
|
.pf-v6-c-radio {
|
13448
13403
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
13449
13404
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
@@ -13525,7 +13480,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13525
13480
|
cursor: not-allowed;
|
13526
13481
|
}
|
13527
13482
|
|
13528
|
-
:root,
|
13529
13483
|
.pf-v6-c-sidebar {
|
13530
13484
|
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
13531
13485
|
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
@@ -13870,7 +13824,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13870
13824
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
13871
13825
|
}
|
13872
13826
|
}
|
13873
|
-
:root,
|
13874
13827
|
.pf-v6-c-simple-list {
|
13875
13828
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
13876
13829
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
@@ -13941,7 +13894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13941
13894
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
13942
13895
|
}
|
13943
13896
|
|
13944
|
-
:root,
|
13945
13897
|
.pf-v6-c-skeleton {
|
13946
13898
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
13947
13899
|
--pf-v6-c-skeleton--Width: auto;
|
@@ -14107,7 +14059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14107
14059
|
transform: translateX(100%);
|
14108
14060
|
}
|
14109
14061
|
}
|
14110
|
-
:root,
|
14111
14062
|
.pf-v6-c-skip-to-content {
|
14112
14063
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
14113
14064
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
@@ -14124,7 +14075,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14124
14075
|
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
14125
14076
|
}
|
14126
14077
|
|
14127
|
-
:root,
|
14128
14078
|
.pf-v6-c-slider {
|
14129
14079
|
--pf-v6-c-slider--value: 0;
|
14130
14080
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
@@ -14346,7 +14296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14346
14296
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
14347
14297
|
}
|
14348
14298
|
|
14349
|
-
:root,
|
14350
14299
|
.pf-v6-c-spinner {
|
14351
14300
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
14352
14301
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
@@ -14423,7 +14372,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14423
14372
|
transform: rotate(720deg);
|
14424
14373
|
}
|
14425
14374
|
}
|
14426
|
-
:root,
|
14427
14375
|
.pf-v6-c-switch {
|
14428
14376
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
14429
14377
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
@@ -14572,7 +14520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14572
14520
|
vertical-align: top;
|
14573
14521
|
}
|
14574
14522
|
|
14575
|
-
:root,
|
14576
14523
|
.pf-v6-c-tab-content {
|
14577
14524
|
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
14578
14525
|
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
@@ -14618,7 +14565,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14618
14565
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
14619
14566
|
}
|
14620
14567
|
|
14621
|
-
:root,
|
14622
14568
|
.pf-v6-c-table {
|
14623
14569
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
14624
14570
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
@@ -14631,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14631
14577
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
14632
14578
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
14633
14579
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
14634
|
-
--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);
|
14635
14581
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
14636
|
-
--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);
|
14637
14583
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
14638
14584
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
14639
14585
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
@@ -14663,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14663
14609
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
14664
14610
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
14665
14611
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
14666
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
14667
|
-
--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);
|
14668
14614
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
14669
14615
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
14670
14616
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
@@ -14682,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14682
14628
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
14683
14629
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
14684
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;
|
14685
14632
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
14686
14633
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
14687
14634
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -14981,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14981
14928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
14982
14929
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
14983
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;
|
14984
14932
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
14985
14933
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
14986
14934
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15283,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15283
15231
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15284
15232
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15285
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;
|
15286
15235
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15287
15236
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15288
15237
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15585,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15585
15534
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15586
15535
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15587
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;
|
15588
15538
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15589
15539
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15590
15540
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -15887,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15887
15837
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
15888
15838
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
15889
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;
|
15890
15841
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
15891
15842
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
15892
15843
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
@@ -16183,7 +16134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16183
16134
|
}
|
16184
16135
|
}
|
16185
16136
|
|
16186
|
-
:root,
|
16187
16137
|
.pf-v6-c-table {
|
16188
16138
|
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
16189
16139
|
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -16193,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16193
16143
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
16194
16144
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
16195
16145
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
16196
|
-
--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);
|
16197
16147
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
16198
16148
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
16199
16149
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
@@ -16211,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16211
16161
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
16212
16162
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
16213
16163
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
16214
|
-
--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);
|
16215
16165
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
16216
16166
|
--pf-v6-c-table--cell--MinWidth: 0;
|
16217
16167
|
--pf-v6-c-table--cell--MaxWidth: none;
|
@@ -16440,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16440
16390
|
}
|
16441
16391
|
}
|
16442
16392
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
16443
|
-
padding-inline-start:
|
16393
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
16444
16394
|
}
|
16445
16395
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
16446
|
-
padding-inline-end:
|
16396
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
16447
16397
|
}
|
16448
16398
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
16449
16399
|
text-align: center;
|
@@ -16676,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16676
16626
|
.pf-v6-c-table__column-help {
|
16677
16627
|
display: inline-grid;
|
16678
16628
|
grid-template-columns: auto max-content;
|
16679
|
-
align-items: baseline;
|
16629
|
+
align-items: last baseline;
|
16680
16630
|
justify-content: start;
|
16681
16631
|
}
|
16682
16632
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
@@ -16841,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
16841
16791
|
}
|
16842
16792
|
|
16843
16793
|
.pf-v6-c-table__column-help-action {
|
16794
|
+
align-self: last baseline;
|
16844
16795
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
16845
16796
|
}
|
16846
16797
|
|
@@ -17047,7 +16998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17047
16998
|
--pf-v6-c-table--cell--Width: 100%;
|
17048
16999
|
}
|
17049
17000
|
|
17050
|
-
:root,
|
17051
17001
|
.pf-v6-c-table {
|
17052
17002
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
17053
17003
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
@@ -17112,7 +17062,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17112
17062
|
overflow: auto;
|
17113
17063
|
}
|
17114
17064
|
|
17115
|
-
:root,
|
17116
17065
|
.pf-v6-c-table {
|
17117
17066
|
--pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
|
17118
17067
|
--pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
|
@@ -17933,7 +17882,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17933
17882
|
}
|
17934
17883
|
}
|
17935
17884
|
|
17936
|
-
:root,
|
17937
17885
|
.pf-v6-c-tabs {
|
17938
17886
|
--pf-v6-c-tabs--inset: 0;
|
17939
17887
|
--pf-v6-c-tabs--Width: auto;
|
@@ -18746,7 +18694,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18746
18694
|
}
|
18747
18695
|
}
|
18748
18696
|
|
18749
|
-
:root,
|
18750
18697
|
.pf-v6-c-text-input-group {
|
18751
18698
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
18752
18699
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -18788,9 +18735,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18788
18735
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
18789
18736
|
--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
18790
18737
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
18791
|
-
--pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
|
18738
|
+
--pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
18792
18739
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
18793
|
-
--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
|
18740
|
+
--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
|
18794
18741
|
--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
18795
18742
|
--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
18796
18743
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
@@ -18948,7 +18895,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18948
18895
|
display: flex;
|
18949
18896
|
}
|
18950
18897
|
|
18951
|
-
:root,
|
18952
18898
|
.pf-v6-c-tile {
|
18953
18899
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
18954
18900
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
@@ -19052,7 +18998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19052
18998
|
color: var(--pf-v6-c-tile__icon--Color);
|
19053
18999
|
}
|
19054
19000
|
|
19055
|
-
:root,
|
19056
19001
|
.pf-v6-c-timestamp {
|
19057
19002
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
19058
19003
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
@@ -19084,7 +19029,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19084
19029
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
19085
19030
|
}
|
19086
19031
|
|
19087
|
-
:root,
|
19088
19032
|
.pf-v6-c-title {
|
19089
19033
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
19090
19034
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
@@ -19190,7 +19134,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19190
19134
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
19191
19135
|
}
|
19192
19136
|
|
19193
|
-
:root,
|
19194
19137
|
.pf-v6-c-toggle-group {
|
19195
19138
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
19196
19139
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
@@ -19314,7 +19257,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19314
19257
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
19315
19258
|
}
|
19316
19259
|
|
19317
|
-
:root,
|
19318
19260
|
.pf-v6-c-toolbar {
|
19319
19261
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
19320
19262
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
@@ -21218,7 +21160,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21218
21160
|
display: inline-flex;
|
21219
21161
|
}
|
21220
21162
|
}
|
21221
|
-
:root,
|
21222
21163
|
.pf-v6-c-tooltip {
|
21223
21164
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
21224
21165
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
@@ -21341,7 +21282,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21341
21282
|
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
21342
21283
|
}
|
21343
21284
|
|
21344
|
-
:root,
|
21345
21285
|
.pf-v6-c-truncate {
|
21346
21286
|
--pf-v6-c-truncate--MinWidth: 6ch;
|
21347
21287
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
@@ -21388,7 +21328,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21388
21328
|
direction: rtl;
|
21389
21329
|
}
|
21390
21330
|
}
|
21391
|
-
:root,
|
21392
21331
|
.pf-v6-c-number-input {
|
21393
21332
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
21394
21333
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
@@ -21428,7 +21367,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21428
21367
|
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
21429
21368
|
}
|
21430
21369
|
|
21431
|
-
:root,
|
21432
21370
|
.pf-v6-c-tree-view {
|
21433
21371
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
21434
21372
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
@@ -21882,7 +21820,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
21882
21820
|
--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
|
21883
21821
|
}
|
21884
21822
|
|
21885
|
-
:root,
|
21886
21823
|
.pf-v6-c-wizard {
|
21887
21824
|
--pf-v6-c-wizard--Height: initial;
|
21888
21825
|
--pf-v6-c-wizard--Height--base: 100%;
|
@@ -21999,7 +21936,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
21999
21936
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
22000
21937
|
}
|
22001
21938
|
@media screen and (min-width: 62rem) {
|
22002
|
-
:root,
|
22003
21939
|
.pf-v6-c-wizard {
|
22004
21940
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
22005
21941
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|