@patternfly/patternfly 6.0.0-prerelease.8 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/base/normalize.scss +16 -0
- package/base/patternfly-variables.css +84 -62
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +12 -4
- package/base/tokens/tokens-default.scss +44 -27
- package/base/tokens/tokens-local.scss +30 -35
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/AboutModalBox/about-modal-box.css +0 -7
- package/components/Accordion/accordion.css +0 -1
- package/components/ActionList/action-list.css +1 -2
- package/components/ActionList/action-list.scss +1 -1
- package/components/Alert/alert-group.css +0 -1
- package/components/Alert/alert.css +2 -7
- package/components/Alert/alert.scss +2 -7
- package/components/Avatar/avatar.css +0 -1
- package/components/BackToTop/back-to-top.css +0 -2
- package/components/Backdrop/backdrop.css +0 -1
- package/components/BackgroundImage/background-image.css +0 -1
- package/components/Badge/badge.css +0 -1
- package/components/Banner/banner.css +0 -2
- package/components/Brand/brand.css +0 -1
- package/components/Breadcrumb/breadcrumb.css +0 -1
- package/components/Button/button.css +8 -1
- package/components/Button/button.scss +8 -0
- package/components/CalendarMonth/calendar-month.css +0 -1
- package/components/Card/card.css +0 -1
- package/components/Check/check.css +0 -1
- package/components/ClipboardCopy/clipboard-copy.css +0 -1
- package/components/CodeBlock/code-block.css +0 -1
- package/components/CodeEditor/code-editor.css +0 -1
- package/components/Content/content.css +2 -3
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +4 -16
- package/components/DataList/data-list.scss +4 -14
- package/components/DatePicker/date-picker.css +0 -1
- package/components/DescriptionList/description-list.css +2 -9
- package/components/DescriptionList/description-list.scss +2 -2
- package/components/Divider/divider.css +0 -1
- package/components/DragDrop/drag-drop.css +0 -2
- package/components/Drawer/drawer.css +5 -8
- package/components/Drawer/drawer.scss +4 -6
- package/components/DualListSelector/dual-list-selector.css +0 -1
- package/components/EmptyState/empty-state.css +1 -2
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +0 -1
- package/components/FileUpload/file-upload.css +0 -1
- package/components/Form/form.css +1 -2
- package/components/Form/form.scss +1 -1
- package/components/FormControl/form-control.css +22 -4
- package/components/FormControl/form-control.scss +27 -4
- package/components/HelperText/helper-text.css +0 -1
- package/components/Hint/hint.css +0 -1
- package/components/Icon/icon.css +0 -1
- package/components/InlineEdit/inline-edit.css +0 -1
- package/components/InputGroup/input-group.css +0 -1
- package/components/JumpLinks/jump-links.css +0 -1
- package/components/Label/label-group.css +0 -1
- package/components/Label/label.css +0 -1
- package/components/List/list.css +0 -1
- package/components/Login/login.css +0 -9
- package/components/Masthead/masthead.css +0 -1
- package/components/Menu/menu.css +0 -1
- package/components/MenuToggle/menu-toggle.css +66 -56
- package/components/MenuToggle/menu-toggle.scss +76 -65
- package/components/ModalBox/modal-box.css +0 -2
- package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
- package/components/Nav/nav.css +0 -1
- package/components/NotificationDrawer/notification-drawer.css +0 -1
- package/components/NumberInput/number-input.css +0 -1
- package/components/OverflowMenu/overflow-menu.css +0 -1
- package/components/Page/page.css +10 -10
- package/components/Page/page.scss +11 -8
- package/components/Pagination/pagination.css +31 -20
- package/components/Pagination/pagination.scss +35 -23
- package/components/Panel/panel.css +0 -1
- package/components/Popover/popover.css +0 -1
- package/components/Progress/progress.css +0 -1
- package/components/ProgressStepper/progress-stepper.css +0 -2
- package/components/Radio/radio.css +0 -1
- package/components/Sidebar/sidebar.css +0 -1
- package/components/SimpleList/simple-list.css +0 -1
- package/components/Skeleton/skeleton.css +0 -1
- package/components/SkipToContent/skip-to-content.css +0 -1
- package/components/Slider/slider.css +0 -1
- package/components/Spinner/spinner.css +0 -1
- package/components/Switch/switch.css +0 -1
- package/components/TabContent/tab-content.css +0 -1
- package/components/Table/table-grid.css +9 -5
- package/components/Table/table-grid.scss +5 -4
- package/components/Table/table-scrollable.css +0 -1
- package/components/Table/table-tree-view.css +0 -1
- package/components/Table/table.css +6 -6
- package/components/Table/table.scss +6 -5
- package/components/Tabs/tabs.css +0 -1
- package/components/TextInputGroup/text-input-group.css +2 -3
- package/components/TextInputGroup/text-input-group.scss +2 -2
- package/components/Tile/tile.css +0 -1
- package/components/Timestamp/timestamp.css +0 -1
- package/components/Title/title.css +0 -1
- package/components/ToggleGroup/toggle-group.css +0 -1
- package/components/Toolbar/toolbar.css +0 -1
- package/components/Tooltip/tooltip.css +0 -1
- package/components/TreeView/tree-view.css +0 -1
- package/components/Truncate/truncate.css +0 -1
- package/components/Wizard/wizard.css +0 -2
- package/components/_index.css +172 -240
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
- package/docs/components/Content/examples/Content.md +188 -204
- package/docs/components/DataList/examples/DataList.md +187 -221
- package/docs/components/DragDrop/examples/DragDrop.md +0 -1
- package/docs/components/FileUpload/examples/FileUpload.md +11 -7
- package/docs/components/Form/examples/Form.md +4 -2
- package/docs/components/FormControl/examples/FormControl.md +10 -10
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/Login/examples/Login.md +6 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
- package/docs/components/Pagination/examples/Pagination.md +12 -12
- package/docs/components/Table/examples/Table.md +1 -1
- package/docs/components/Toolbar/examples/Toolbar.md +37 -37
- package/docs/demos/Card/examples/Card.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +10 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
- package/docs/demos/DataList/examples/DataList.md +37 -13
- package/docs/demos/Masthead/examples/Masthead.md +5 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
- package/docs/demos/Page/examples/Page.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
- package/docs/demos/Table/examples/Table.md +235 -91
- package/docs/demos/Tabs/examples/Tabs.md +1 -1
- package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
- package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
- package/layouts/Bullseye/bullseye.css +0 -1
- package/layouts/Flex/flex.css +0 -1
- package/layouts/Gallery/gallery.css +0 -1
- package/layouts/Grid/grid.css +0 -1
- package/layouts/Level/level.css +0 -1
- package/layouts/Split/split.css +0 -1
- package/layouts/Stack/stack.css +0 -1
- package/layouts/_index.css +0 -7
- package/package.json +5 -5
- package/patternfly-base-no-globals.css +84 -62
- package/patternfly-base.css +99 -62
- package/patternfly-charts.css +2 -2
- package/patternfly-charts.scss +2 -2
- package/patternfly-no-globals.css +256 -309
- package/patternfly.css +271 -309
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +3 -3
- package/assets/images/PF-Masthead-Logo.svg +0 -1
- package/assets/images/background-filter.svg +0 -17
- package/assets/images/g_sizing.png +0 -0
- package/assets/images/img_avatar-dark.svg +0 -22
- package/assets/images/img_avatar.svg +0 -21
- package/assets/images/l_pf-reverse-164x11.png +0 -0
- package/assets/images/l_pf-reverse.svg +0 -1
- package/assets/images/logo-dropbox-old.svg +0 -1
- package/assets/images/logo-dropbox.svg +0 -6
- package/assets/images/logo-facebook.svg +0 -4
- package/assets/images/logo-github.svg +0 -4
- package/assets/images/logo-gitlab.svg +0 -4
- package/assets/images/logo-google.svg +0 -4
- package/assets/images/logo-google2.svg +0 -10
- package/assets/images/logo__pf--reverse--base.png +0 -0
- package/assets/images/logo__pf--reverse--base.svg +0 -40
- package/assets/images/logo__pf--reverse-on-md.svg +0 -40
- package/assets/images/pf-c-brand__logo-base.jpg +0 -0
- package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
- package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
- package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
- package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
- package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
- package/assets/images/pf-c-brand__logo.svg +0 -10
- package/assets/images/pf-logo.svg +0 -28
- package/assets/images/pf_logo.svg +0 -37
- package/assets/images/pf_logo_color.svg +0 -22
- package/assets/images/pf_logo_white.svg +0 -37
- package/assets/images/pf_mini_logo_white.svg +0 -1
- package/assets/images/pfbg_1200.jpg +0 -0
- package/assets/images/pfbg_2000.jpg +0 -0
- package/assets/images/pfbg_576.jpg +0 -0
- package/assets/images/pfbg_576@2x.jpg +0 -0
- package/assets/images/pfbg_768.jpg +0 -0
- package/assets/images/pfbg_768@2x.jpg +0 -0
- package/assets/images/pfbg_992.jpg +0 -0
- package/assets/images/pfbg_992@2x.jpg +0 -0
- package/assets/images/status-icon-sprite.svg +0 -38
package/components/_index.css
CHANGED
|
@@ -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);
|
|
@@ -6854,6 +6797,10 @@ ul) {
|
|
|
6854
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));
|
|
6855
6798
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
6856
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));
|
|
6857
6804
|
--pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6858
6805
|
--pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
6859
6806
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -6909,18 +6856,33 @@ ul) {
|
|
|
6909
6856
|
background-color: transparent;
|
|
6910
6857
|
border: none;
|
|
6911
6858
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
6859
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6912
6860
|
-moz-appearance: none;
|
|
6913
6861
|
-webkit-appearance: none;
|
|
6914
6862
|
}
|
|
6915
|
-
.pf-v6-c-form-control > :is(input, select, textarea):focus {
|
|
6916
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
6917
|
-
}
|
|
6918
6863
|
.pf-v6-c-form-control > ::placeholder {
|
|
6919
6864
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
6920
6865
|
}
|
|
6921
6866
|
.pf-v6-c-form-control > :is(input, select) {
|
|
6922
6867
|
text-overflow: ellipsis;
|
|
6923
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
|
+
}
|
|
6924
6886
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
6925
6887
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
6926
6888
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -7063,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7063
7025
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7064
7026
|
}
|
|
7065
7027
|
|
|
7066
|
-
:root,
|
|
7067
7028
|
.pf-v6-c-hint {
|
|
7068
7029
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7069
7030
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -7139,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7139
7100
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7140
7101
|
}
|
|
7141
7102
|
|
|
7142
|
-
:root,
|
|
7143
7103
|
.pf-v6-c-helper-text {
|
|
7144
7104
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7145
7105
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -7212,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7212
7172
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7213
7173
|
}
|
|
7214
7174
|
|
|
7215
|
-
:root,
|
|
7216
7175
|
.pf-v6-c-icon {
|
|
7217
7176
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7218
7177
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -7469,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7469
7428
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7470
7429
|
}
|
|
7471
7430
|
|
|
7472
|
-
:root,
|
|
7473
7431
|
.pf-v6-c-inline-edit {
|
|
7474
7432
|
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
7475
7433
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -7553,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7553
7511
|
display: none;
|
|
7554
7512
|
}
|
|
7555
7513
|
|
|
7556
|
-
:root,
|
|
7557
7514
|
.pf-v6-c-input-group {
|
|
7558
7515
|
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
7559
7516
|
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
@@ -7627,7 +7584,6 @@ label.pf-v6-c-input-group__text {
|
|
|
7627
7584
|
cursor: pointer;
|
|
7628
7585
|
}
|
|
7629
7586
|
|
|
7630
|
-
:root,
|
|
7631
7587
|
.pf-v6-c-jump-links {
|
|
7632
7588
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
7633
7589
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
@@ -7874,7 +7830,6 @@ label.pf-v6-c-input-group__text {
|
|
|
7874
7830
|
scale: -1 1;
|
|
7875
7831
|
}
|
|
7876
7832
|
|
|
7877
|
-
:root,
|
|
7878
7833
|
.pf-v6-c-label {
|
|
7879
7834
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
7880
7835
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -8369,7 +8324,6 @@ input.pf-v6-c-label__content {
|
|
|
8369
8324
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8370
8325
|
}
|
|
8371
8326
|
|
|
8372
|
-
:root,
|
|
8373
8327
|
.pf-v6-c-label-group {
|
|
8374
8328
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8375
8329
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
@@ -8505,7 +8459,6 @@ input.pf-v6-c-label__content {
|
|
|
8505
8459
|
display: none;
|
|
8506
8460
|
}
|
|
8507
8461
|
|
|
8508
|
-
:root,
|
|
8509
8462
|
.pf-v6-c-list {
|
|
8510
8463
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8511
8464
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
@@ -8577,7 +8530,6 @@ ul.pf-v6-c-list {
|
|
|
8577
8530
|
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8578
8531
|
}
|
|
8579
8532
|
|
|
8580
|
-
:root,
|
|
8581
8533
|
.pf-v6-c-login {
|
|
8582
8534
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8583
8535
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -8634,33 +8586,28 @@ ul.pf-v6-c-list {
|
|
|
8634
8586
|
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8635
8587
|
}
|
|
8636
8588
|
@media (min-width: 75rem) {
|
|
8637
|
-
:root,
|
|
8638
8589
|
.pf-v6-c-login {
|
|
8639
8590
|
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
8640
8591
|
}
|
|
8641
8592
|
}
|
|
8642
8593
|
@media (min-width: 36rem) {
|
|
8643
|
-
:root,
|
|
8644
8594
|
.pf-v6-c-login {
|
|
8645
8595
|
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
8646
8596
|
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
8647
8597
|
}
|
|
8648
8598
|
}
|
|
8649
8599
|
@media (min-width: 75rem) {
|
|
8650
|
-
:root,
|
|
8651
8600
|
.pf-v6-c-login {
|
|
8652
8601
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
8653
8602
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
8654
8603
|
}
|
|
8655
8604
|
}
|
|
8656
8605
|
@media (min-width: 75rem) {
|
|
8657
|
-
:root,
|
|
8658
8606
|
.pf-v6-c-login {
|
|
8659
8607
|
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
8660
8608
|
}
|
|
8661
8609
|
}
|
|
8662
8610
|
@media (min-width: 48rem) {
|
|
8663
|
-
:root,
|
|
8664
8611
|
.pf-v6-c-login {
|
|
8665
8612
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
8666
8613
|
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
@@ -8668,21 +8615,18 @@ ul.pf-v6-c-list {
|
|
|
8668
8615
|
}
|
|
8669
8616
|
}
|
|
8670
8617
|
@media (min-width: 48rem) {
|
|
8671
|
-
:root,
|
|
8672
8618
|
.pf-v6-c-login {
|
|
8673
8619
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
8674
8620
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
8675
8621
|
}
|
|
8676
8622
|
}
|
|
8677
8623
|
@media (min-width: 36rem) {
|
|
8678
|
-
:root,
|
|
8679
8624
|
.pf-v6-c-login {
|
|
8680
8625
|
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
8681
8626
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
8682
8627
|
}
|
|
8683
8628
|
}
|
|
8684
8629
|
@media (min-width: 75rem) {
|
|
8685
|
-
:root,
|
|
8686
8630
|
.pf-v6-c-login {
|
|
8687
8631
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
8688
8632
|
}
|
|
@@ -8838,7 +8782,6 @@ ul.pf-v6-c-list {
|
|
|
8838
8782
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8839
8783
|
}
|
|
8840
8784
|
|
|
8841
|
-
:root,
|
|
8842
8785
|
.pf-v6-c-masthead {
|
|
8843
8786
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
8844
8787
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
@@ -9374,7 +9317,6 @@ ul.pf-v6-c-list {
|
|
|
9374
9317
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9375
9318
|
}
|
|
9376
9319
|
|
|
9377
|
-
:root,
|
|
9378
9320
|
.pf-v6-c-menu {
|
|
9379
9321
|
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
|
9380
9322
|
--pf-v6-c-menu--Width: auto;
|
|
@@ -9956,9 +9898,8 @@ ul.pf-v6-c-list {
|
|
|
9956
9898
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
9957
9899
|
}
|
|
9958
9900
|
|
|
9959
|
-
:root,
|
|
9960
9901
|
.pf-v6-c-menu-toggle {
|
|
9961
|
-
--pf-v6-c-menu-toggle--
|
|
9902
|
+
--pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9962
9903
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
9963
9904
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
9964
9905
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -10023,26 +9964,30 @@ ul.pf-v6-c-list {
|
|
|
10023
9964
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
10024
9965
|
--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
10025
9966
|
--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
10026
|
-
--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));
|
|
10027
9967
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10028
9968
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
10029
9969
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
10030
9970
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
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--
|
|
10034
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10035
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10036
|
-
--pf-v6-c-menu-toggle--m-split-button--
|
|
10037
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
10038
|
-
--pf-v6-c-menu-toggle--m-split-button--m-
|
|
10039
|
-
--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);
|
|
10040
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);
|
|
10041
9984
|
--pf-v6-c-menu-toggle__button--AlignSelf: baseline;
|
|
10042
9985
|
--pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
10043
9986
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
|
|
10044
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));
|
|
10045
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);
|
|
10046
9991
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10047
9992
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10048
9993
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10050,14 +9995,15 @@ ul.pf-v6-c-list {
|
|
|
10050
9995
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
10051
9996
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
10052
9997
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
10053
|
-
--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);
|
|
10054
10001
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
10055
10002
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
10056
10003
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10057
10004
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
10058
10005
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10059
10006
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10060
|
-
--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
10061
10007
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10062
10008
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
10063
10009
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
@@ -10066,12 +10012,13 @@ ul.pf-v6-c-list {
|
|
|
10066
10012
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
10067
10013
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10068
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);
|
|
10069
10016
|
}
|
|
10070
10017
|
|
|
10071
10018
|
.pf-v6-c-menu-toggle {
|
|
10072
10019
|
position: relative;
|
|
10073
10020
|
display: inline-flex;
|
|
10074
|
-
|
|
10021
|
+
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
10075
10022
|
align-items: center;
|
|
10076
10023
|
justify-content: center;
|
|
10077
10024
|
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
@@ -10157,6 +10104,8 @@ ul.pf-v6-c-list {
|
|
|
10157
10104
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
10158
10105
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
10159
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);
|
|
10160
10109
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
|
|
10161
10110
|
}
|
|
10162
10111
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
@@ -10185,9 +10134,6 @@ ul.pf-v6-c-list {
|
|
|
10185
10134
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
|
|
10186
10135
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
|
|
10187
10136
|
}
|
|
10188
|
-
.pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
|
|
10189
|
-
background-color: transparent;
|
|
10190
|
-
}
|
|
10191
10137
|
.pf-v6-c-menu-toggle.pf-m-success {
|
|
10192
10138
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
|
|
10193
10139
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
|
|
@@ -10216,7 +10162,8 @@ ul.pf-v6-c-list {
|
|
|
10216
10162
|
}
|
|
10217
10163
|
|
|
10218
10164
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
10219
|
-
--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);
|
|
10220
10167
|
padding: 0;
|
|
10221
10168
|
}
|
|
10222
10169
|
.pf-v6-c-menu-toggle.pf-m-split-button > * {
|
|
@@ -10235,7 +10182,6 @@ ul.pf-v6-c-list {
|
|
|
10235
10182
|
border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
|
10236
10183
|
}
|
|
10237
10184
|
.pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
|
|
10238
|
-
--pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
|
|
10239
10185
|
--pf-v6-c-check__label--Color: currentcolor;
|
|
10240
10186
|
--pf-v6-c-check__label--disabled--Color: currentcolor;
|
|
10241
10187
|
align-items: center;
|
|
@@ -10245,49 +10191,51 @@ ul.pf-v6-c-list {
|
|
|
10245
10191
|
--pf-v6-c-check__input--TranslateY: 0;
|
|
10246
10192
|
align-self: center;
|
|
10247
10193
|
}
|
|
10248
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10249
|
-
--pf-v6-c-menu-toggle--
|
|
10250
|
-
}
|
|
10251
|
-
|
|
10252
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
10253
|
-
--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);
|
|
10254
10196
|
}
|
|
10255
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10256
|
-
|
|
10257
|
-
}
|
|
10258
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
|
|
10259
|
-
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);
|
|
10260
10199
|
}
|
|
10261
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10262
|
-
|
|
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);
|
|
10263
10203
|
}
|
|
10264
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10265
|
-
|
|
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);
|
|
10266
10207
|
}
|
|
10267
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10268
|
-
--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);
|
|
10269
10210
|
}
|
|
10270
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10271
|
-
--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);
|
|
10272
10213
|
}
|
|
10273
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10274
|
-
|
|
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);
|
|
10275
10218
|
}
|
|
10276
|
-
.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-
|
|
10277
|
-
|
|
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);
|
|
10278
10223
|
}
|
|
10279
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10280
|
-
|
|
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);
|
|
10281
10226
|
}
|
|
10282
|
-
.pf-v6-c-menu-toggle.pf-m-split-button
|
|
10283
|
-
|
|
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 {
|
|
10284
10229
|
color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
10285
10230
|
background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
10286
10231
|
}
|
|
10232
|
+
.pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
|
|
10233
|
+
content: none;
|
|
10234
|
+
}
|
|
10287
10235
|
|
|
10288
10236
|
.pf-v6-c-menu-toggle.pf-m-typeahead {
|
|
10289
10237
|
--pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
10290
|
-
--pf-v6-c-menu-toggle--
|
|
10238
|
+
--pf-v6-c-menu-toggle--Gap: 0;
|
|
10291
10239
|
align-items: stretch;
|
|
10292
10240
|
padding: 0;
|
|
10293
10241
|
}
|
|
@@ -10305,6 +10253,7 @@ ul.pf-v6-c-list {
|
|
|
10305
10253
|
}
|
|
10306
10254
|
|
|
10307
10255
|
.pf-v6-c-menu-toggle__button {
|
|
10256
|
+
gap: var(--pf-v6-c-menu-toggle__button--Gap);
|
|
10308
10257
|
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
10309
10258
|
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
10310
10259
|
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
@@ -10313,13 +10262,13 @@ ul.pf-v6-c-list {
|
|
|
10313
10262
|
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
10314
10263
|
border: 0;
|
|
10315
10264
|
}
|
|
10316
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
10317
|
-
padding-inline-start: 0;
|
|
10318
|
-
}
|
|
10319
10265
|
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
10320
10266
|
display: inline-flex;
|
|
10321
10267
|
align-items: baseline;
|
|
10322
|
-
|
|
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);
|
|
10323
10272
|
}
|
|
10324
10273
|
|
|
10325
10274
|
.pf-v6-c-menu-toggle__text {
|
|
@@ -10334,7 +10283,6 @@ ul.pf-v6-c-list {
|
|
|
10334
10283
|
flex-wrap: nowrap;
|
|
10335
10284
|
}
|
|
10336
10285
|
|
|
10337
|
-
.pf-v6-c-menu-toggle__icon,
|
|
10338
10286
|
.pf-v6-c-menu-toggle__controls,
|
|
10339
10287
|
.pf-v6-c-menu-toggle__toggle-icon {
|
|
10340
10288
|
display: flex;
|
|
@@ -10344,11 +10292,16 @@ ul.pf-v6-c-list {
|
|
|
10344
10292
|
|
|
10345
10293
|
.pf-v6-c-menu-toggle__icon {
|
|
10346
10294
|
flex-shrink: 0;
|
|
10347
|
-
|
|
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);
|
|
10348
10301
|
}
|
|
10349
10302
|
|
|
10350
10303
|
.pf-v6-c-menu-toggle__controls {
|
|
10351
|
-
|
|
10304
|
+
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
10352
10305
|
margin-inline-start: auto;
|
|
10353
10306
|
}
|
|
10354
10307
|
|
|
@@ -10358,11 +10311,9 @@ ul.pf-v6-c-list {
|
|
|
10358
10311
|
}
|
|
10359
10312
|
|
|
10360
10313
|
.pf-v6-c-menu-toggle__status-icon {
|
|
10361
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
10362
10314
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10363
10315
|
}
|
|
10364
10316
|
|
|
10365
|
-
:root,
|
|
10366
10317
|
.pf-v6-c-modal-box {
|
|
10367
10318
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10368
10319
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
@@ -10416,7 +10367,6 @@ ul.pf-v6-c-list {
|
|
|
10416
10367
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
10417
10368
|
}
|
|
10418
10369
|
@media (min-width: 75rem) {
|
|
10419
|
-
:root,
|
|
10420
10370
|
.pf-v6-c-modal-box {
|
|
10421
10371
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
10422
10372
|
}
|
|
@@ -10569,7 +10519,6 @@ ul.pf-v6-c-list {
|
|
|
10569
10519
|
}
|
|
10570
10520
|
}
|
|
10571
10521
|
|
|
10572
|
-
:root,
|
|
10573
10522
|
.pf-v6-c-multiple-file-upload {
|
|
10574
10523
|
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
10575
10524
|
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
@@ -10780,7 +10729,6 @@ ul.pf-v6-c-list {
|
|
|
10780
10729
|
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10781
10730
|
}
|
|
10782
10731
|
|
|
10783
|
-
:root,
|
|
10784
10732
|
.pf-v6-c-nav {
|
|
10785
10733
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10786
10734
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -11089,7 +11037,6 @@ ul.pf-v6-c-list {
|
|
|
11089
11037
|
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11090
11038
|
}
|
|
11091
11039
|
|
|
11092
|
-
:root,
|
|
11093
11040
|
.pf-v6-c-notification-drawer {
|
|
11094
11041
|
--pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11095
11042
|
--pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -11365,7 +11312,6 @@ ul.pf-v6-c-list {
|
|
|
11365
11312
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11366
11313
|
}
|
|
11367
11314
|
|
|
11368
|
-
:root,
|
|
11369
11315
|
.pf-v6-c-overflow-menu {
|
|
11370
11316
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11371
11317
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -11403,13 +11349,13 @@ ul.pf-v6-c-list {
|
|
|
11403
11349
|
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11404
11350
|
}
|
|
11405
11351
|
|
|
11406
|
-
:root,
|
|
11407
11352
|
.pf-v6-c-page {
|
|
11408
11353
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11409
11354
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11410
11355
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11411
11356
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11412
11357
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11358
|
+
--pf-v6-c-page__sidebar--xl--Width: auto;
|
|
11413
11359
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11414
11360
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11415
11361
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -11418,7 +11364,7 @@ ul.pf-v6-c-list {
|
|
|
11418
11364
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
11419
11365
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
11420
11366
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
11421
|
-
--pf-v6-c-page__sidebar--MarginInlineEnd:
|
|
11367
|
+
--pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
|
|
11422
11368
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
11423
11369
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
11424
11370
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
@@ -11431,7 +11377,7 @@ ul.pf-v6-c-list {
|
|
|
11431
11377
|
--pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
11432
11378
|
--pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
11433
11379
|
--pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
11434
|
-
--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);
|
|
11435
11381
|
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11436
11382
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
|
|
11437
11383
|
--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
|
|
@@ -11444,8 +11390,8 @@ ul.pf-v6-c-list {
|
|
|
11444
11390
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11445
11391
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
11446
11392
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
11447
|
-
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--
|
|
11448
|
-
--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;
|
|
11449
11395
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
11450
11396
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11451
11397
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -11485,7 +11431,6 @@ ul.pf-v6-c-list {
|
|
|
11485
11431
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11486
11432
|
}
|
|
11487
11433
|
@media screen and (min-width: 75rem) {
|
|
11488
|
-
:root,
|
|
11489
11434
|
.pf-v6-c-page {
|
|
11490
11435
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
11491
11436
|
}
|
|
@@ -11503,6 +11448,7 @@ ul.pf-v6-c-list {
|
|
|
11503
11448
|
}
|
|
11504
11449
|
@media (min-width: 75rem) {
|
|
11505
11450
|
.pf-v6-c-page {
|
|
11451
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
11506
11452
|
grid-template-areas: "header header" "sidebar main";
|
|
11507
11453
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
11508
11454
|
}
|
|
@@ -12012,14 +11958,13 @@ ul.pf-v6-c-list {
|
|
|
12012
11958
|
flex-shrink: 0;
|
|
12013
11959
|
}
|
|
12014
11960
|
|
|
12015
|
-
.pf-v6-c-page__drawer {
|
|
12016
|
-
|
|
11961
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
11962
|
+
align-self: revert;
|
|
12017
11963
|
}
|
|
12018
|
-
.pf-v6-c-page__drawer
|
|
12019
|
-
flex: 1
|
|
11964
|
+
.pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
|
|
11965
|
+
flex-grow: 1;
|
|
12020
11966
|
}
|
|
12021
11967
|
|
|
12022
|
-
:root,
|
|
12023
11968
|
.pf-v6-c-pagination {
|
|
12024
11969
|
--pf-v6-c-pagination--inset: 0;
|
|
12025
11970
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -12039,17 +11984,23 @@ ul.pf-v6-c-list {
|
|
|
12039
11984
|
--pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12040
11985
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12041
11986
|
--pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12042
|
-
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12043
11987
|
--pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12044
11988
|
--pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12045
|
-
--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);
|
|
12046
11991
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
12047
11992
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12048
11993
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12049
|
-
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12050
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12051
|
-
--pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12052
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);
|
|
12053
12004
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
12054
12005
|
--pf-v6-c-pagination__page-menu--Display: none;
|
|
12055
12006
|
--pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
|
|
@@ -12058,7 +12009,6 @@ ul.pf-v6-c-list {
|
|
|
12058
12009
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
12059
12010
|
}
|
|
12060
12011
|
@media screen and (min-width: 48rem) {
|
|
12061
|
-
:root,
|
|
12062
12012
|
.pf-v6-c-pagination {
|
|
12063
12013
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
12064
12014
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -12067,7 +12017,6 @@ ul.pf-v6-c-list {
|
|
|
12067
12017
|
}
|
|
12068
12018
|
}
|
|
12069
12019
|
@media screen and (min-width: 75rem) {
|
|
12070
|
-
:root,
|
|
12071
12020
|
.pf-v6-c-pagination {
|
|
12072
12021
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
|
12073
12022
|
}
|
|
@@ -12091,17 +12040,13 @@ ul.pf-v6-c-list {
|
|
|
12091
12040
|
position: sticky;
|
|
12092
12041
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
12093
12042
|
justify-content: center;
|
|
12094
|
-
padding-
|
|
12095
|
-
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);
|
|
12096
12047
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
12097
12048
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
12098
12049
|
}
|
|
12099
|
-
.pf-v6-c-pagination.pf-m-bottom.pf-m-static {
|
|
12100
|
-
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
12101
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
12102
|
-
position: relative;
|
|
12103
|
-
box-shadow: none;
|
|
12104
|
-
}
|
|
12105
12050
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12106
12051
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
12107
12052
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -12123,6 +12068,10 @@ ul.pf-v6-c-list {
|
|
|
12123
12068
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
12124
12069
|
position: relative;
|
|
12125
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);
|
|
12126
12075
|
}
|
|
12127
12076
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
12128
12077
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
@@ -12140,15 +12089,23 @@ ul.pf-v6-c-list {
|
|
|
12140
12089
|
flex-basis: auto;
|
|
12141
12090
|
}
|
|
12142
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
|
+
}
|
|
12143
12100
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
12144
12101
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
12145
12102
|
position: sticky;
|
|
12146
12103
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
12147
12104
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
12148
|
-
padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
|
|
12149
|
-
padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
|
|
12150
|
-
padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
|
|
12151
|
-
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);
|
|
12152
12109
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
12153
12110
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
12154
12111
|
}
|
|
@@ -12369,7 +12326,6 @@ ul.pf-v6-c-list {
|
|
|
12369
12326
|
}
|
|
12370
12327
|
}
|
|
12371
12328
|
|
|
12372
|
-
:root,
|
|
12373
12329
|
.pf-v6-c-panel {
|
|
12374
12330
|
--pf-v6-c-panel--Width: auto;
|
|
12375
12331
|
--pf-v6-c-panel--MinWidth: auto;
|
|
@@ -12467,7 +12423,6 @@ ul.pf-v6-c-list {
|
|
|
12467
12423
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
12468
12424
|
}
|
|
12469
12425
|
|
|
12470
|
-
:root,
|
|
12471
12426
|
.pf-v6-c-popover {
|
|
12472
12427
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12473
12428
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
@@ -12670,7 +12625,6 @@ ul.pf-v6-c-list {
|
|
|
12670
12625
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12671
12626
|
}
|
|
12672
12627
|
|
|
12673
|
-
:root,
|
|
12674
12628
|
.pf-v6-c-progress {
|
|
12675
12629
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12676
12630
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
@@ -12835,7 +12789,6 @@ ul.pf-v6-c-list {
|
|
|
12835
12789
|
font-variant-numeric: tabular-nums;
|
|
12836
12790
|
}
|
|
12837
12791
|
|
|
12838
|
-
:root,
|
|
12839
12792
|
.pf-v6-c-progress-stepper {
|
|
12840
12793
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
12841
12794
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
@@ -12957,7 +12910,6 @@ ul.pf-v6-c-list {
|
|
|
12957
12910
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
12958
12911
|
}
|
|
12959
12912
|
@media screen and (min-width: 48rem) {
|
|
12960
|
-
:root,
|
|
12961
12913
|
.pf-v6-c-progress-stepper {
|
|
12962
12914
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
12963
12915
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
@@ -13447,7 +13399,6 @@ ul.pf-v6-c-list {
|
|
|
13447
13399
|
}
|
|
13448
13400
|
}
|
|
13449
13401
|
|
|
13450
|
-
:root,
|
|
13451
13402
|
.pf-v6-c-radio {
|
|
13452
13403
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13453
13404
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
@@ -13529,7 +13480,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13529
13480
|
cursor: not-allowed;
|
|
13530
13481
|
}
|
|
13531
13482
|
|
|
13532
|
-
:root,
|
|
13533
13483
|
.pf-v6-c-sidebar {
|
|
13534
13484
|
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
13535
13485
|
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
@@ -13874,7 +13824,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13874
13824
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
13875
13825
|
}
|
|
13876
13826
|
}
|
|
13877
|
-
:root,
|
|
13878
13827
|
.pf-v6-c-simple-list {
|
|
13879
13828
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
13880
13829
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13945,7 +13894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13945
13894
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
13946
13895
|
}
|
|
13947
13896
|
|
|
13948
|
-
:root,
|
|
13949
13897
|
.pf-v6-c-skeleton {
|
|
13950
13898
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13951
13899
|
--pf-v6-c-skeleton--Width: auto;
|
|
@@ -14111,7 +14059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14111
14059
|
transform: translateX(100%);
|
|
14112
14060
|
}
|
|
14113
14061
|
}
|
|
14114
|
-
:root,
|
|
14115
14062
|
.pf-v6-c-skip-to-content {
|
|
14116
14063
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14117
14064
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14128,7 +14075,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14128
14075
|
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14129
14076
|
}
|
|
14130
14077
|
|
|
14131
|
-
:root,
|
|
14132
14078
|
.pf-v6-c-slider {
|
|
14133
14079
|
--pf-v6-c-slider--value: 0;
|
|
14134
14080
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14350,7 +14296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14350
14296
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14351
14297
|
}
|
|
14352
14298
|
|
|
14353
|
-
:root,
|
|
14354
14299
|
.pf-v6-c-spinner {
|
|
14355
14300
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14356
14301
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
@@ -14427,7 +14372,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14427
14372
|
transform: rotate(720deg);
|
|
14428
14373
|
}
|
|
14429
14374
|
}
|
|
14430
|
-
:root,
|
|
14431
14375
|
.pf-v6-c-switch {
|
|
14432
14376
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14433
14377
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -14576,7 +14520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14576
14520
|
vertical-align: top;
|
|
14577
14521
|
}
|
|
14578
14522
|
|
|
14579
|
-
:root,
|
|
14580
14523
|
.pf-v6-c-tab-content {
|
|
14581
14524
|
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
14582
14525
|
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
@@ -14622,7 +14565,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14622
14565
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
14623
14566
|
}
|
|
14624
14567
|
|
|
14625
|
-
:root,
|
|
14626
14568
|
.pf-v6-c-table {
|
|
14627
14569
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
|
14628
14570
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14635,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14635
14577
|
--pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
|
|
14636
14578
|
--pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14637
14579
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
14638
|
-
--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);
|
|
14639
14581
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
14640
|
-
--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);
|
|
14641
14583
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
14642
14584
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
14643
14585
|
--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -14667,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14667
14609
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14668
14610
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14669
14611
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14670
|
-
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
14671
|
-
--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);
|
|
14672
14614
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14673
14615
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
14674
14616
|
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
|
|
@@ -14686,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14686
14628
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14687
14629
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14688
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;
|
|
14689
14632
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14690
14633
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14691
14634
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -14985,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14985
14928
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
14986
14929
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
14987
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;
|
|
14988
14932
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
14989
14933
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
14990
14934
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15287,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15287
15231
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15288
15232
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15289
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;
|
|
15290
15235
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15291
15236
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15292
15237
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15589,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15589
15534
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15590
15535
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15591
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;
|
|
15592
15538
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15593
15539
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15594
15540
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -15891,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15891
15837
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
15892
15838
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
|
|
15893
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;
|
|
15894
15841
|
--pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
|
|
15895
15842
|
--pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
|
|
15896
15843
|
--pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
|
|
@@ -16187,7 +16134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16187
16134
|
}
|
|
16188
16135
|
}
|
|
16189
16136
|
|
|
16190
|
-
:root,
|
|
16191
16137
|
.pf-v6-c-table {
|
|
16192
16138
|
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16193
16139
|
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -16197,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16197
16143
|
--pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16198
16144
|
--pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
16199
16145
|
--pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16200
|
-
--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);
|
|
16201
16147
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16202
16148
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
16203
16149
|
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -16215,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16215
16161
|
--pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
16216
16162
|
--pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
16217
16163
|
--pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
|
|
16218
|
-
--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);
|
|
16219
16165
|
--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
16220
16166
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16221
16167
|
--pf-v6-c-table--cell--MaxWidth: none;
|
|
@@ -16444,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16444
16390
|
}
|
|
16445
16391
|
}
|
|
16446
16392
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
|
16447
|
-
padding-inline-start:
|
|
16393
|
+
padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16448
16394
|
}
|
|
16449
16395
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
|
|
16450
|
-
padding-inline-end:
|
|
16396
|
+
padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
|
|
16451
16397
|
}
|
|
16452
16398
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
|
|
16453
16399
|
text-align: center;
|
|
@@ -16680,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16680
16626
|
.pf-v6-c-table__column-help {
|
|
16681
16627
|
display: inline-grid;
|
|
16682
16628
|
grid-template-columns: auto max-content;
|
|
16683
|
-
align-items: baseline;
|
|
16629
|
+
align-items: last baseline;
|
|
16684
16630
|
justify-content: start;
|
|
16685
16631
|
}
|
|
16686
16632
|
.pf-v6-c-table__button-content .pf-v6-c-table__text,
|
|
@@ -16845,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
16845
16791
|
}
|
|
16846
16792
|
|
|
16847
16793
|
.pf-v6-c-table__column-help-action {
|
|
16794
|
+
align-self: last baseline;
|
|
16848
16795
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
16849
16796
|
}
|
|
16850
16797
|
|
|
@@ -17051,7 +16998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17051
16998
|
--pf-v6-c-table--cell--Width: 100%;
|
|
17052
16999
|
}
|
|
17053
17000
|
|
|
17054
|
-
:root,
|
|
17055
17001
|
.pf-v6-c-table {
|
|
17056
17002
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
17057
17003
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
@@ -17116,7 +17062,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17116
17062
|
overflow: auto;
|
|
17117
17063
|
}
|
|
17118
17064
|
|
|
17119
|
-
:root,
|
|
17120
17065
|
.pf-v6-c-table {
|
|
17121
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));
|
|
17122
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));
|
|
@@ -17937,7 +17882,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17937
17882
|
}
|
|
17938
17883
|
}
|
|
17939
17884
|
|
|
17940
|
-
:root,
|
|
17941
17885
|
.pf-v6-c-tabs {
|
|
17942
17886
|
--pf-v6-c-tabs--inset: 0;
|
|
17943
17887
|
--pf-v6-c-tabs--Width: auto;
|
|
@@ -18750,7 +18694,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18750
18694
|
}
|
|
18751
18695
|
}
|
|
18752
18696
|
|
|
18753
|
-
:root,
|
|
18754
18697
|
.pf-v6-c-text-input-group {
|
|
18755
18698
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18756
18699
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -18792,9 +18735,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18792
18735
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
18793
18736
|
--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18794
18737
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18795
|
-
--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);
|
|
18796
18739
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
|
|
18797
|
-
--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);
|
|
18798
18741
|
--pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
18799
18742
|
--pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
18800
18743
|
--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
@@ -18952,7 +18895,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18952
18895
|
display: flex;
|
|
18953
18896
|
}
|
|
18954
18897
|
|
|
18955
|
-
:root,
|
|
18956
18898
|
.pf-v6-c-tile {
|
|
18957
18899
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
18958
18900
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -19056,7 +18998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19056
18998
|
color: var(--pf-v6-c-tile__icon--Color);
|
|
19057
18999
|
}
|
|
19058
19000
|
|
|
19059
|
-
:root,
|
|
19060
19001
|
.pf-v6-c-timestamp {
|
|
19061
19002
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
19062
19003
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -19088,7 +19029,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19088
19029
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19089
19030
|
}
|
|
19090
19031
|
|
|
19091
|
-
:root,
|
|
19092
19032
|
.pf-v6-c-title {
|
|
19093
19033
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19094
19034
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -19194,7 +19134,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19194
19134
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19195
19135
|
}
|
|
19196
19136
|
|
|
19197
|
-
:root,
|
|
19198
19137
|
.pf-v6-c-toggle-group {
|
|
19199
19138
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19200
19139
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19318,7 +19257,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19318
19257
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
19319
19258
|
}
|
|
19320
19259
|
|
|
19321
|
-
:root,
|
|
19322
19260
|
.pf-v6-c-toolbar {
|
|
19323
19261
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
19324
19262
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
@@ -21222,7 +21160,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21222
21160
|
display: inline-flex;
|
|
21223
21161
|
}
|
|
21224
21162
|
}
|
|
21225
|
-
:root,
|
|
21226
21163
|
.pf-v6-c-tooltip {
|
|
21227
21164
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
21228
21165
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -21345,7 +21282,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21345
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));
|
|
21346
21283
|
}
|
|
21347
21284
|
|
|
21348
|
-
:root,
|
|
21349
21285
|
.pf-v6-c-truncate {
|
|
21350
21286
|
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
21351
21287
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
@@ -21392,7 +21328,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21392
21328
|
direction: rtl;
|
|
21393
21329
|
}
|
|
21394
21330
|
}
|
|
21395
|
-
:root,
|
|
21396
21331
|
.pf-v6-c-number-input {
|
|
21397
21332
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21398
21333
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -21432,7 +21367,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21432
21367
|
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
21433
21368
|
}
|
|
21434
21369
|
|
|
21435
|
-
:root,
|
|
21436
21370
|
.pf-v6-c-tree-view {
|
|
21437
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));
|
|
21438
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));
|
|
@@ -21886,7 +21820,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21886
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));
|
|
21887
21821
|
}
|
|
21888
21822
|
|
|
21889
|
-
:root,
|
|
21890
21823
|
.pf-v6-c-wizard {
|
|
21891
21824
|
--pf-v6-c-wizard--Height: initial;
|
|
21892
21825
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
@@ -22003,7 +21936,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22003
21936
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
22004
21937
|
}
|
|
22005
21938
|
@media screen and (min-width: 62rem) {
|
|
22006
|
-
:root,
|
|
22007
21939
|
.pf-v6-c-wizard {
|
|
22008
21940
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
22009
21941
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|