@patternfly/react-styles 6.0.0-prerelease.4 → 6.0.0-prerelease.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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;
|