@patternfly/patternfly 6.0.0-alpha.227 → 6.0.0-alpha.229
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/base/patternfly-variables.css +2 -2
- package/base/patternfly-variables.scss +2 -2
- package/components/AboutModalBox/about-modal-box.css +18 -13
- package/components/AboutModalBox/about-modal-box.scss +7 -8
- package/components/Accordion/accordion.css +2 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/ActionList/action-list.css +2 -1
- package/components/ActionList/action-list.scss +1 -1
- package/components/Alert/alert-group.css +2 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +2 -1
- package/components/Alert/alert.scss +1 -1
- package/components/Avatar/avatar.css +2 -1
- package/components/Avatar/avatar.scss +1 -1
- package/components/BackToTop/back-to-top.css +4 -2
- package/components/BackToTop/back-to-top.scss +1 -1
- package/components/Backdrop/backdrop.css +2 -1
- package/components/Backdrop/backdrop.scss +1 -1
- package/components/BackgroundImage/background-image.css +2 -1
- package/components/BackgroundImage/background-image.scss +1 -1
- package/components/Badge/badge.css +2 -1
- package/components/Badge/badge.scss +1 -1
- package/components/Banner/banner.css +4 -2
- package/components/Banner/banner.scss +1 -1
- package/components/Brand/brand.css +2 -1
- package/components/Brand/brand.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +2 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +2 -1
- package/components/Button/button.scss +1 -1
- package/components/CalendarMonth/calendar-month.css +2 -1
- package/components/CalendarMonth/calendar-month.scss +1 -1
- package/components/Card/card.css +2 -1
- package/components/Card/card.scss +1 -1
- package/components/Check/check.css +2 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/CodeBlock/code-block.css +2 -1
- package/components/CodeBlock/code-block.scss +1 -1
- package/components/CodeEditor/code-editor.css +2 -1
- package/components/CodeEditor/code-editor.scss +1 -1
- package/components/Content/content.css +2 -1
- package/components/Content/content.scss +1 -1
- package/components/DataList/data-list.css +6 -3
- package/components/DataList/data-list.scss +1 -1
- package/components/DatePicker/date-picker.css +2 -1
- package/components/DatePicker/date-picker.scss +1 -1
- package/components/DescriptionList/description-list.css +14 -7
- package/components/DescriptionList/description-list.scss +1 -1
- package/components/Divider/divider.css +2 -1
- package/components/Divider/divider.scss +1 -1
- package/components/DragDrop/drag-drop.css +4 -2
- package/components/DragDrop/drag-drop.scss +2 -2
- package/components/Drawer/drawer.css +6 -3
- package/components/Drawer/drawer.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +2 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/EmptyState/empty-state.css +2 -1
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +2 -1
- package/components/ExpandableSection/expandable-section.scss +1 -1
- package/components/FileUpload/file-upload.css +2 -1
- package/components/FileUpload/file-upload.scss +1 -1
- package/components/Form/form.css +2 -1
- package/components/Form/form.scss +1 -1
- package/components/FormControl/form-control.css +2 -1
- package/components/FormControl/form-control.scss +1 -1
- package/components/HelperText/helper-text.css +2 -1
- package/components/HelperText/helper-text.scss +1 -1
- package/components/Hint/hint.css +2 -1
- package/components/Hint/hint.scss +1 -1
- package/components/Icon/icon.css +2 -1
- package/components/Icon/icon.scss +1 -1
- package/components/InlineEdit/inline-edit.css +2 -1
- package/components/InlineEdit/inline-edit.scss +1 -1
- package/components/InputGroup/input-group.css +2 -1
- package/components/InputGroup/input-group.scss +1 -1
- package/components/JumpLinks/jump-links.css +2 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label-group.css +2 -1
- package/components/Label/label-group.scss +1 -1
- package/components/Label/label.css +2 -1
- package/components/Label/label.scss +1 -1
- package/components/List/list.css +2 -1
- package/components/List/list.scss +1 -1
- package/components/Login/login.css +18 -9
- package/components/Login/login.scss +1 -1
- package/components/Masthead/masthead.css +2 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +2 -1
- package/components/Menu/menu.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +2 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.css +4 -2
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/MultipleFileUpload/multiple-file-upload.css +2 -1
- package/components/MultipleFileUpload/multiple-file-upload.scss +1 -1
- package/components/Nav/nav.css +2 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +2 -1
- package/components/NotificationDrawer/notification-drawer.scss +1 -1
- package/components/NumberInput/number-input.css +2 -1
- package/components/NumberInput/number-input.scss +1 -1
- package/components/OverflowMenu/overflow-menu.css +2 -1
- package/components/OverflowMenu/overflow-menu.scss +1 -1
- package/components/Page/page.css +4 -2
- package/components/Page/page.scss +1 -1
- package/components/Pagination/pagination.css +6 -3
- package/components/Pagination/pagination.scss +1 -1
- package/components/Panel/panel.css +2 -1
- package/components/Panel/panel.scss +1 -1
- package/components/Popover/popover.css +2 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Progress/progress.css +2 -1
- package/components/Progress/progress.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +4 -2
- package/components/ProgressStepper/progress-stepper.scss +1 -1
- package/components/Radio/radio.css +2 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Sidebar/sidebar.css +2 -1
- package/components/Sidebar/sidebar.scss +1 -1
- package/components/SimpleList/simple-list.css +2 -1
- package/components/SimpleList/simple-list.scss +1 -1
- package/components/Skeleton/skeleton.css +2 -1
- package/components/Skeleton/skeleton.scss +1 -1
- package/components/SkipToContent/skip-to-content.css +2 -1
- package/components/SkipToContent/skip-to-content.scss +1 -1
- package/components/Slider/slider.css +2 -1
- package/components/Slider/slider.scss +1 -1
- package/components/Spinner/spinner.css +2 -1
- package/components/Spinner/spinner.scss +1 -1
- package/components/Switch/switch.css +2 -1
- package/components/Switch/switch.scss +1 -1
- package/components/TabContent/tab-content.css +2 -1
- package/components/TabContent/tab-content.scss +1 -1
- package/components/Table/table-grid.css +2 -1
- package/components/Table/table-grid.scss +1 -1
- package/components/Table/table-scrollable.css +2 -1
- package/components/Table/table-scrollable.scss +1 -1
- package/components/Table/table-tree-view.css +2 -1
- package/components/Table/table-tree-view.scss +1 -1
- package/components/Table/table.css +2 -1
- package/components/Table/table.scss +1 -1
- package/components/Tabs/tabs.css +2 -1
- package/components/Tabs/tabs.scss +1 -1
- package/components/TextInputGroup/text-input-group.css +2 -1
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/Tile/tile.css +2 -1
- package/components/Tile/tile.scss +1 -1
- package/components/Timestamp/timestamp.css +2 -1
- package/components/Timestamp/timestamp.scss +1 -1
- package/components/Title/title.css +2 -1
- package/components/Title/title.scss +1 -1
- package/components/ToggleGroup/toggle-group.css +2 -1
- package/components/ToggleGroup/toggle-group.scss +1 -1
- package/components/Toolbar/toolbar.css +2 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/Tooltip/tooltip.css +2 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/TreeView/tree-view.css +2 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/Truncate/truncate.css +2 -1
- package/components/Truncate/truncate.scss +1 -1
- package/components/Wizard/wizard.css +4 -2
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +234 -121
- package/docs/components/JumpLinks/examples/JumpLinks.md +1 -4
- package/docs/demos/Drawer/examples/Drawer.md +48 -2
- package/docs/demos/JumpLinks/examples/JumpLinks.md +48 -5
- package/layouts/Bullseye/bullseye.css +2 -1
- package/layouts/Bullseye/bullseye.scss +1 -1
- package/layouts/Flex/flex.css +2 -1
- package/layouts/Flex/flex.scss +1 -1
- package/layouts/Gallery/gallery.css +2 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +2 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/Level/level.css +2 -1
- package/layouts/Level/level.scss +1 -1
- package/layouts/Split/split.css +2 -1
- package/layouts/Split/split.scss +1 -1
- package/layouts/Stack/stack.css +2 -1
- package/layouts/Stack/stack.scss +1 -1
- package/layouts/_index.css +14 -7
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +2 -2
- package/patternfly-base.css +2 -2
- package/patternfly-no-globals.css +250 -130
- package/patternfly.css +250 -130
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +7 -0
package/components/_index.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
:
|
|
2
|
+
:root,
|
|
3
|
+
.pf-v6-c-about-modal-box {
|
|
3
4
|
--pf-v6-c-about-modal-box--BackgroundImage: none;
|
|
4
5
|
--pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
5
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
6
6
|
--pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
|
|
7
7
|
--pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
|
|
8
8
|
--pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
--pf-v6-c-about-modal-box--Width: 100%;
|
|
13
13
|
--pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
|
|
14
14
|
--pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
|
|
15
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
16
15
|
--pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
17
16
|
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
18
17
|
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
|
|
@@ -46,40 +45,42 @@
|
|
|
46
45
|
--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
47
46
|
--pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
|
|
48
47
|
}
|
|
49
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) :where(:root, .pf-v6-c-about-modal-box) {
|
|
50
|
-
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
48
|
@media screen and (min-width: 36rem) {
|
|
54
|
-
:
|
|
49
|
+
:root,
|
|
50
|
+
.pf-v6-c-about-modal-box {
|
|
55
51
|
--pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
|
|
56
52
|
--pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
|
|
57
53
|
--pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
|
|
58
54
|
}
|
|
59
55
|
}
|
|
60
56
|
@media only screen and (min-width: 36rem) {
|
|
61
|
-
:
|
|
57
|
+
:root,
|
|
58
|
+
.pf-v6-c-about-modal-box {
|
|
62
59
|
--pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
|
|
63
60
|
}
|
|
64
61
|
}
|
|
65
62
|
@media only screen and (min-width: 62rem) {
|
|
66
|
-
:
|
|
63
|
+
:root,
|
|
64
|
+
.pf-v6-c-about-modal-box {
|
|
67
65
|
--pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
|
|
68
66
|
}
|
|
69
67
|
}
|
|
70
68
|
@media only screen and (min-width: 36rem) {
|
|
71
|
-
:
|
|
69
|
+
:root,
|
|
70
|
+
.pf-v6-c-about-modal-box {
|
|
72
71
|
--pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
|
|
73
72
|
--pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
75
|
@media only screen and (min-width: 36rem) {
|
|
77
|
-
:
|
|
76
|
+
:root,
|
|
77
|
+
.pf-v6-c-about-modal-box {
|
|
78
78
|
--pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
@media only screen and (min-width: 36rem) {
|
|
82
|
-
:
|
|
82
|
+
:root,
|
|
83
|
+
.pf-v6-c-about-modal-box {
|
|
83
84
|
--pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
|
|
84
85
|
--pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
|
|
85
86
|
--pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
|
|
@@ -101,6 +102,7 @@
|
|
|
101
102
|
background-repeat: no-repeat;
|
|
102
103
|
background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
|
|
103
104
|
background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
|
|
105
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
|
|
104
106
|
}
|
|
105
107
|
@media only screen and (min-width: 36rem) {
|
|
106
108
|
.pf-v6-c-about-modal-box {
|
|
@@ -116,6 +118,9 @@
|
|
|
116
118
|
grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
|
|
117
119
|
}
|
|
118
120
|
}
|
|
121
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
|
|
122
|
+
--pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
|
|
123
|
+
}
|
|
119
124
|
|
|
120
125
|
.pf-v6-c-about-modal-box__brand {
|
|
121
126
|
display: flex;
|
|
@@ -193,7 +198,8 @@
|
|
|
193
198
|
font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
|
|
194
199
|
}
|
|
195
200
|
|
|
196
|
-
:
|
|
201
|
+
:root,
|
|
202
|
+
.pf-v6-c-accordion {
|
|
197
203
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
198
204
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
199
205
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
@@ -345,7 +351,8 @@
|
|
|
345
351
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
|
|
346
352
|
}
|
|
347
353
|
|
|
348
|
-
:
|
|
354
|
+
:root,
|
|
355
|
+
.pf-v6-c-action-list {
|
|
349
356
|
--pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
350
357
|
--pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
|
|
351
358
|
--pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -375,7 +382,8 @@
|
|
|
375
382
|
column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
|
|
376
383
|
}
|
|
377
384
|
|
|
378
|
-
:
|
|
385
|
+
:root,
|
|
386
|
+
.pf-v6-c-alert {
|
|
379
387
|
--pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
380
388
|
--pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
381
389
|
--pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
|
|
@@ -573,7 +581,8 @@
|
|
|
573
581
|
margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
|
|
574
582
|
}
|
|
575
583
|
|
|
576
|
-
:
|
|
584
|
+
:root,
|
|
585
|
+
.pf-v6-c-alert-group {
|
|
577
586
|
--pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
578
587
|
--pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
|
|
579
588
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -687,7 +696,8 @@
|
|
|
687
696
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
688
697
|
}
|
|
689
698
|
|
|
690
|
-
:
|
|
699
|
+
:root,
|
|
700
|
+
.pf-v6-c-avatar {
|
|
691
701
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
692
702
|
--pf-v6-c-avatar--BorderWidth: 0;
|
|
693
703
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -932,7 +942,8 @@
|
|
|
932
942
|
}
|
|
933
943
|
}
|
|
934
944
|
|
|
935
|
-
:
|
|
945
|
+
:root,
|
|
946
|
+
.pf-v6-c-backdrop {
|
|
936
947
|
--pf-v6-c-backdrop--Position: fixed;
|
|
937
948
|
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
938
949
|
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
@@ -952,7 +963,8 @@
|
|
|
952
963
|
overflow: hidden;
|
|
953
964
|
}
|
|
954
965
|
|
|
955
|
-
:
|
|
966
|
+
:root,
|
|
967
|
+
.pf-v6-c-background-image {
|
|
956
968
|
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
957
969
|
--pf-v6-c-background-image--BackgroundImage: none;
|
|
958
970
|
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
@@ -979,7 +991,8 @@
|
|
|
979
991
|
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
980
992
|
}
|
|
981
993
|
|
|
982
|
-
:
|
|
994
|
+
:root,
|
|
995
|
+
.pf-v6-c-back-to-top {
|
|
983
996
|
--pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
984
997
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
|
|
985
998
|
--pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
|
|
@@ -991,7 +1004,8 @@
|
|
|
991
1004
|
--pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
992
1005
|
}
|
|
993
1006
|
@media (min-width: 48rem) {
|
|
994
|
-
:
|
|
1007
|
+
:root,
|
|
1008
|
+
.pf-v6-c-back-to-top {
|
|
995
1009
|
--pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
|
|
996
1010
|
}
|
|
997
1011
|
}
|
|
@@ -1013,7 +1027,8 @@
|
|
|
1013
1027
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
1014
1028
|
}
|
|
1015
1029
|
|
|
1016
|
-
:
|
|
1030
|
+
:root,
|
|
1031
|
+
.pf-v6-c-badge {
|
|
1017
1032
|
--pf-v6-c-badge--BorderColor: transparent;
|
|
1018
1033
|
--pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
1019
1034
|
--pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -1081,7 +1096,8 @@
|
|
|
1081
1096
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1082
1097
|
}
|
|
1083
1098
|
|
|
1084
|
-
:
|
|
1099
|
+
:root,
|
|
1100
|
+
.pf-v6-c-banner {
|
|
1085
1101
|
--pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
1086
1102
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1087
1103
|
--pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -1125,7 +1141,8 @@
|
|
|
1125
1141
|
--pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
1126
1142
|
}
|
|
1127
1143
|
@media (min-width: 48rem) {
|
|
1128
|
-
:
|
|
1144
|
+
:root,
|
|
1145
|
+
.pf-v6-c-banner {
|
|
1129
1146
|
--pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
|
|
1130
1147
|
--pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
|
|
1131
1148
|
}
|
|
@@ -1221,7 +1238,8 @@
|
|
|
1221
1238
|
cursor: not-allowed;
|
|
1222
1239
|
}
|
|
1223
1240
|
|
|
1224
|
-
:
|
|
1241
|
+
:root,
|
|
1242
|
+
.pf-v6-c-brand {
|
|
1225
1243
|
--pf-v6-c-brand--Width: auto;
|
|
1226
1244
|
--pf-v6-c-brand--Height: auto;
|
|
1227
1245
|
}
|
|
@@ -1287,7 +1305,8 @@
|
|
|
1287
1305
|
max-width: 100%;
|
|
1288
1306
|
}
|
|
1289
1307
|
|
|
1290
|
-
:
|
|
1308
|
+
:root,
|
|
1309
|
+
.pf-v6-c-breadcrumb {
|
|
1291
1310
|
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
1292
1311
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
1293
1312
|
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -1395,7 +1414,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1395
1414
|
display: none;
|
|
1396
1415
|
}
|
|
1397
1416
|
|
|
1398
|
-
:
|
|
1417
|
+
:root,
|
|
1418
|
+
.pf-v6-c-button {
|
|
1399
1419
|
--pf-v6-c-button--Display: inline-flex;
|
|
1400
1420
|
--pf-v6-c-button--AlignItems: baseline;
|
|
1401
1421
|
--pf-v6-c-button--JustifyContent: center;
|
|
@@ -1982,7 +2002,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1982
2002
|
align-items: center;
|
|
1983
2003
|
}
|
|
1984
2004
|
|
|
1985
|
-
:
|
|
2005
|
+
:root,
|
|
2006
|
+
.pf-v6-c-calendar-month {
|
|
1986
2007
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1987
2008
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
1988
2009
|
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -2187,7 +2208,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2187
2208
|
pointer-events: none;
|
|
2188
2209
|
}
|
|
2189
2210
|
|
|
2190
|
-
:
|
|
2211
|
+
:root,
|
|
2212
|
+
.pf-v6-c-card {
|
|
2191
2213
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2192
2214
|
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
|
|
2193
2215
|
--pf-v6-c-card--BorderStyle: solid;
|
|
@@ -2520,7 +2542,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2520
2542
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2521
2543
|
}
|
|
2522
2544
|
|
|
2523
|
-
:
|
|
2545
|
+
:root,
|
|
2546
|
+
.pf-v6-c-check {
|
|
2524
2547
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
2525
2548
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
2526
2549
|
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
@@ -2599,7 +2622,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2599
2622
|
color: var(--pf-v6-c-check__label-required--Color);
|
|
2600
2623
|
}
|
|
2601
2624
|
|
|
2602
|
-
:
|
|
2625
|
+
:root,
|
|
2626
|
+
.pf-v6-c-clipboard-copy {
|
|
2603
2627
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
2604
2628
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
2605
2629
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -2697,7 +2721,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2697
2721
|
--pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
|
|
2698
2722
|
}
|
|
2699
2723
|
|
|
2700
|
-
:
|
|
2724
|
+
:root,
|
|
2725
|
+
.pf-v6-c-code-block {
|
|
2701
2726
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2702
2727
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2703
2728
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -2751,7 +2776,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2751
2776
|
font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
|
|
2752
2777
|
}
|
|
2753
2778
|
|
|
2754
|
-
:
|
|
2779
|
+
:root,
|
|
2780
|
+
.pf-v6-c-code-editor {
|
|
2755
2781
|
--pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
2756
2782
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
|
|
2757
2783
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
@@ -2928,7 +2954,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2928
2954
|
margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
|
|
2929
2955
|
}
|
|
2930
2956
|
|
|
2931
|
-
:
|
|
2957
|
+
:root,
|
|
2958
|
+
.pf-v6-c-content {
|
|
2932
2959
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2933
2960
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
2934
2961
|
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -3604,7 +3631,8 @@ ul) {
|
|
|
3604
3631
|
}
|
|
3605
3632
|
}
|
|
3606
3633
|
|
|
3607
|
-
:
|
|
3634
|
+
:root,
|
|
3635
|
+
.pf-v6-c-data-list {
|
|
3608
3636
|
--pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
|
|
3609
3637
|
--pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3610
3638
|
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
@@ -3714,13 +3742,15 @@ ul) {
|
|
|
3714
3742
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3715
3743
|
}
|
|
3716
3744
|
@media screen and (min-width: 36rem) {
|
|
3717
|
-
:
|
|
3745
|
+
:root,
|
|
3746
|
+
.pf-v6-c-data-list {
|
|
3718
3747
|
--pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
|
|
3719
3748
|
--pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
|
|
3720
3749
|
}
|
|
3721
3750
|
}
|
|
3722
3751
|
@media screen and (min-width: 36rem) {
|
|
3723
|
-
:
|
|
3752
|
+
:root,
|
|
3753
|
+
.pf-v6-c-data-list {
|
|
3724
3754
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
|
|
3725
3755
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
|
|
3726
3756
|
}
|
|
@@ -4029,7 +4059,8 @@ ul) {
|
|
|
4029
4059
|
padding: 0;
|
|
4030
4060
|
}
|
|
4031
4061
|
|
|
4032
|
-
:
|
|
4062
|
+
:root,
|
|
4063
|
+
.pf-v6-c-description-list {
|
|
4033
4064
|
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
4034
4065
|
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
4035
4066
|
--pf-v6-c-description-list--GridTemplateColumns--count: 1;
|
|
@@ -4076,32 +4107,38 @@ ul) {
|
|
|
4076
4107
|
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
4077
4108
|
}
|
|
4078
4109
|
@media screen and (min-width: 36rem) {
|
|
4079
|
-
:
|
|
4110
|
+
:root,
|
|
4111
|
+
.pf-v6-c-description-list {
|
|
4080
4112
|
--pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
|
|
4081
4113
|
}
|
|
4082
4114
|
}
|
|
4083
4115
|
@media (min-width: 36rem) {
|
|
4084
|
-
:
|
|
4116
|
+
:root,
|
|
4117
|
+
.pf-v6-c-description-list {
|
|
4085
4118
|
--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));
|
|
4086
4119
|
}
|
|
4087
4120
|
}
|
|
4088
4121
|
@media (min-width: 48rem) {
|
|
4089
|
-
:
|
|
4122
|
+
:root,
|
|
4123
|
+
.pf-v6-c-description-list {
|
|
4090
4124
|
--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)));
|
|
4091
4125
|
}
|
|
4092
4126
|
}
|
|
4093
4127
|
@media (min-width: 62rem) {
|
|
4094
|
-
:
|
|
4128
|
+
:root,
|
|
4129
|
+
.pf-v6-c-description-list {
|
|
4095
4130
|
--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))));
|
|
4096
4131
|
}
|
|
4097
4132
|
}
|
|
4098
4133
|
@media (min-width: 75rem) {
|
|
4099
|
-
:
|
|
4134
|
+
:root,
|
|
4135
|
+
.pf-v6-c-description-list {
|
|
4100
4136
|
--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)))));
|
|
4101
4137
|
}
|
|
4102
4138
|
}
|
|
4103
4139
|
@media (min-width: 90.625rem) {
|
|
4104
|
-
:
|
|
4140
|
+
:root,
|
|
4141
|
+
.pf-v6-c-description-list {
|
|
4105
4142
|
--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))))));
|
|
4106
4143
|
}
|
|
4107
4144
|
}
|
|
@@ -4349,7 +4386,8 @@ ul) {
|
|
|
4349
4386
|
}
|
|
4350
4387
|
}
|
|
4351
4388
|
|
|
4352
|
-
:
|
|
4389
|
+
:root,
|
|
4390
|
+
.pf-v6-c-draggable {
|
|
4353
4391
|
--pf-v6-c-draggable--Cursor: auto;
|
|
4354
4392
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
4355
4393
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -4385,7 +4423,8 @@ ul) {
|
|
|
4385
4423
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
|
|
4386
4424
|
}
|
|
4387
4425
|
|
|
4388
|
-
:
|
|
4426
|
+
:root,
|
|
4427
|
+
.pf-v6-c-droppable {
|
|
4389
4428
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
4390
4429
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
4391
4430
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
@@ -4426,7 +4465,8 @@ ul) {
|
|
|
4426
4465
|
--pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
|
|
4427
4466
|
}
|
|
4428
4467
|
|
|
4429
|
-
:
|
|
4468
|
+
:root,
|
|
4469
|
+
.pf-v6-c-dual-list-selector {
|
|
4430
4470
|
--pf-v6-c-dual-list-selector__header--GridArea: pane-header;
|
|
4431
4471
|
--pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
|
|
4432
4472
|
--pf-v6-c-dual-list-selector__status--GridArea: pane-status;
|
|
@@ -4749,7 +4789,8 @@ ul) {
|
|
|
4749
4789
|
--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
4750
4790
|
}
|
|
4751
4791
|
|
|
4752
|
-
:
|
|
4792
|
+
:root,
|
|
4793
|
+
.pf-v6-c-date-picker {
|
|
4753
4794
|
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4754
4795
|
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4755
4796
|
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -4807,7 +4848,8 @@ ul) {
|
|
|
4807
4848
|
min-width: min-content;
|
|
4808
4849
|
}
|
|
4809
4850
|
|
|
4810
|
-
:
|
|
4851
|
+
:root,
|
|
4852
|
+
.pf-v6-c-divider {
|
|
4811
4853
|
--pf-v6-c-divider--Display: flex;
|
|
4812
4854
|
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
4813
4855
|
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
@@ -5112,7 +5154,8 @@ ul) {
|
|
|
5112
5154
|
}
|
|
5113
5155
|
}
|
|
5114
5156
|
|
|
5115
|
-
:
|
|
5157
|
+
:root,
|
|
5158
|
+
.pf-v6-c-drawer {
|
|
5116
5159
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
5117
5160
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5118
5161
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -5220,10 +5263,12 @@ ul) {
|
|
|
5220
5263
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5221
5264
|
}
|
|
5222
5265
|
@media screen and (min-width: 75rem) {
|
|
5223
|
-
:
|
|
5266
|
+
:root,
|
|
5267
|
+
.pf-v6-c-drawer {
|
|
5224
5268
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
5225
5269
|
}
|
|
5226
|
-
:
|
|
5270
|
+
:root.pf-m-panel-bottom,
|
|
5271
|
+
.pf-v6-c-drawer.pf-m-panel-bottom {
|
|
5227
5272
|
--pf-v6-c-drawer__panel--MinWidth: auto;
|
|
5228
5273
|
--pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
|
|
5229
5274
|
}
|
|
@@ -5950,7 +5995,8 @@ ul) {
|
|
|
5950
5995
|
display: none;
|
|
5951
5996
|
}
|
|
5952
5997
|
}
|
|
5953
|
-
:
|
|
5998
|
+
:root,
|
|
5999
|
+
.pf-v6-c-empty-state {
|
|
5954
6000
|
--pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
5955
6001
|
--pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
5956
6002
|
--pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -6089,7 +6135,8 @@ ul) {
|
|
|
6089
6135
|
justify-content: center;
|
|
6090
6136
|
}
|
|
6091
6137
|
|
|
6092
|
-
:
|
|
6138
|
+
:root,
|
|
6139
|
+
.pf-v6-c-expandable-section {
|
|
6093
6140
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
6094
6141
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
6095
6142
|
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -6170,7 +6217,8 @@ ul) {
|
|
|
6170
6217
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6171
6218
|
}
|
|
6172
6219
|
|
|
6173
|
-
:
|
|
6220
|
+
:root,
|
|
6221
|
+
.pf-v6-c-file-upload {
|
|
6174
6222
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
6175
6223
|
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6176
6224
|
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -6227,7 +6275,8 @@ ul) {
|
|
|
6227
6275
|
transform: translate(-50%, -50%);
|
|
6228
6276
|
}
|
|
6229
6277
|
|
|
6230
|
-
:
|
|
6278
|
+
:root,
|
|
6279
|
+
.pf-v6-c-form {
|
|
6231
6280
|
--pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
|
|
6232
6281
|
--pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
|
|
6233
6282
|
--pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
|
|
@@ -6746,7 +6795,8 @@ ul) {
|
|
|
6746
6795
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6747
6796
|
}
|
|
6748
6797
|
|
|
6749
|
-
:
|
|
6798
|
+
:root,
|
|
6799
|
+
.pf-v6-c-form-control {
|
|
6750
6800
|
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
6751
6801
|
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
6752
6802
|
--pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -7014,7 +7064,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7014
7064
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7015
7065
|
}
|
|
7016
7066
|
|
|
7017
|
-
:
|
|
7067
|
+
:root,
|
|
7068
|
+
.pf-v6-c-hint {
|
|
7018
7069
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7019
7070
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7020
7071
|
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -7089,7 +7140,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7089
7140
|
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7090
7141
|
}
|
|
7091
7142
|
|
|
7092
|
-
:
|
|
7143
|
+
:root,
|
|
7144
|
+
.pf-v6-c-helper-text {
|
|
7093
7145
|
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7094
7146
|
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7095
7147
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -7161,7 +7213,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7161
7213
|
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7162
7214
|
}
|
|
7163
7215
|
|
|
7164
|
-
:
|
|
7216
|
+
:root,
|
|
7217
|
+
.pf-v6-c-icon {
|
|
7165
7218
|
--pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
|
|
7166
7219
|
--pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
|
|
7167
7220
|
--pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
|
|
@@ -7417,7 +7470,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7417
7470
|
transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
|
|
7418
7471
|
}
|
|
7419
7472
|
|
|
7420
|
-
:
|
|
7473
|
+
:root,
|
|
7474
|
+
.pf-v6-c-inline-edit {
|
|
7421
7475
|
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
7422
7476
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
7423
7477
|
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
@@ -7500,7 +7554,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7500
7554
|
display: none;
|
|
7501
7555
|
}
|
|
7502
7556
|
|
|
7503
|
-
:
|
|
7557
|
+
:root,
|
|
7558
|
+
.pf-v6-c-input-group {
|
|
7504
7559
|
--pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
|
|
7505
7560
|
--pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
|
|
7506
7561
|
--pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
|
|
@@ -7573,7 +7628,8 @@ label.pf-v6-c-input-group__text {
|
|
|
7573
7628
|
cursor: pointer;
|
|
7574
7629
|
}
|
|
7575
7630
|
|
|
7576
|
-
:
|
|
7631
|
+
:root,
|
|
7632
|
+
.pf-v6-c-jump-links {
|
|
7577
7633
|
--pf-v6-c-jump-links__list--Display: flex;
|
|
7578
7634
|
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7579
7635
|
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -7818,7 +7874,8 @@ label.pf-v6-c-input-group__text {
|
|
|
7818
7874
|
scale: -1 1;
|
|
7819
7875
|
}
|
|
7820
7876
|
|
|
7821
|
-
:
|
|
7877
|
+
:root,
|
|
7878
|
+
.pf-v6-c-label {
|
|
7822
7879
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
7823
7880
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7824
7881
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -8312,7 +8369,8 @@ input.pf-v6-c-label__content {
|
|
|
8312
8369
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
8313
8370
|
}
|
|
8314
8371
|
|
|
8315
|
-
:
|
|
8372
|
+
:root,
|
|
8373
|
+
.pf-v6-c-label-group {
|
|
8316
8374
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8317
8375
|
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8318
8376
|
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -8447,7 +8505,8 @@ input.pf-v6-c-label__content {
|
|
|
8447
8505
|
display: none;
|
|
8448
8506
|
}
|
|
8449
8507
|
|
|
8450
|
-
:
|
|
8508
|
+
:root,
|
|
8509
|
+
.pf-v6-c-list {
|
|
8451
8510
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
8452
8511
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
8453
8512
|
--pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -8518,7 +8577,8 @@ ul.pf-v6-c-list {
|
|
|
8518
8577
|
color: var(--pf-v6-c-list__item-icon--Color);
|
|
8519
8578
|
}
|
|
8520
8579
|
|
|
8521
|
-
:
|
|
8580
|
+
:root,
|
|
8581
|
+
.pf-v6-c-login {
|
|
8522
8582
|
--pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
8523
8583
|
--pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
8524
8584
|
--pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
|
|
@@ -8574,48 +8634,56 @@ ul.pf-v6-c-list {
|
|
|
8574
8634
|
--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
8575
8635
|
}
|
|
8576
8636
|
@media (min-width: 75rem) {
|
|
8577
|
-
:
|
|
8637
|
+
:root,
|
|
8638
|
+
.pf-v6-c-login {
|
|
8578
8639
|
--pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
|
|
8579
8640
|
}
|
|
8580
8641
|
}
|
|
8581
8642
|
@media (min-width: 36rem) {
|
|
8582
|
-
:
|
|
8643
|
+
:root,
|
|
8644
|
+
.pf-v6-c-login {
|
|
8583
8645
|
--pf-v6-c-login__header--PaddingInlineEnd: 0;
|
|
8584
8646
|
--pf-v6-c-login__header--PaddingInlineStart: 0;
|
|
8585
8647
|
}
|
|
8586
8648
|
}
|
|
8587
8649
|
@media (min-width: 75rem) {
|
|
8588
|
-
:
|
|
8650
|
+
:root,
|
|
8651
|
+
.pf-v6-c-login {
|
|
8589
8652
|
--pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
|
|
8590
8653
|
--pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
|
|
8591
8654
|
}
|
|
8592
8655
|
}
|
|
8593
8656
|
@media (min-width: 75rem) {
|
|
8594
|
-
:
|
|
8657
|
+
:root,
|
|
8658
|
+
.pf-v6-c-login {
|
|
8595
8659
|
--pf-v6-c-login__main--MarginBlockEnd: 0;
|
|
8596
8660
|
}
|
|
8597
8661
|
}
|
|
8598
8662
|
@media (min-width: 48rem) {
|
|
8599
|
-
:
|
|
8663
|
+
:root,
|
|
8664
|
+
.pf-v6-c-login {
|
|
8600
8665
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
|
|
8601
8666
|
--pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
|
|
8602
8667
|
--pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
|
|
8603
8668
|
}
|
|
8604
8669
|
}
|
|
8605
8670
|
@media (min-width: 48rem) {
|
|
8606
|
-
:
|
|
8671
|
+
:root,
|
|
8672
|
+
.pf-v6-c-login {
|
|
8607
8673
|
--pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
|
|
8608
8674
|
--pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
|
|
8609
8675
|
}
|
|
8610
8676
|
}
|
|
8611
8677
|
@media (min-width: 36rem) {
|
|
8612
|
-
:
|
|
8678
|
+
:root,
|
|
8679
|
+
.pf-v6-c-login {
|
|
8613
8680
|
--pf-v6-c-login__footer--PaddingInlineEnd: 0;
|
|
8614
8681
|
--pf-v6-c-login__footer--PaddingInlineStart: 0;
|
|
8615
8682
|
}
|
|
8616
8683
|
}
|
|
8617
8684
|
@media (min-width: 75rem) {
|
|
8618
|
-
:
|
|
8685
|
+
:root,
|
|
8686
|
+
.pf-v6-c-login {
|
|
8619
8687
|
--pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
|
|
8620
8688
|
}
|
|
8621
8689
|
}
|
|
@@ -8770,7 +8838,8 @@ ul.pf-v6-c-list {
|
|
|
8770
8838
|
padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
|
|
8771
8839
|
}
|
|
8772
8840
|
|
|
8773
|
-
:
|
|
8841
|
+
:root,
|
|
8842
|
+
.pf-v6-c-masthead {
|
|
8774
8843
|
--pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
|
|
8775
8844
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
8776
8845
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -9305,7 +9374,8 @@ ul.pf-v6-c-list {
|
|
|
9305
9374
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
9306
9375
|
}
|
|
9307
9376
|
|
|
9308
|
-
:
|
|
9377
|
+
:root,
|
|
9378
|
+
.pf-v6-c-menu {
|
|
9309
9379
|
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
|
|
9310
9380
|
--pf-v6-c-menu--Width: auto;
|
|
9311
9381
|
--pf-v6-c-menu--MinWidth: auto;
|
|
@@ -9886,7 +9956,8 @@ ul.pf-v6-c-list {
|
|
|
9886
9956
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
9887
9957
|
}
|
|
9888
9958
|
|
|
9889
|
-
:
|
|
9959
|
+
:root,
|
|
9960
|
+
.pf-v6-c-menu-toggle {
|
|
9890
9961
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
9891
9962
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
9892
9963
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -10291,7 +10362,8 @@ ul.pf-v6-c-list {
|
|
|
10291
10362
|
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
10292
10363
|
}
|
|
10293
10364
|
|
|
10294
|
-
:
|
|
10365
|
+
:root,
|
|
10366
|
+
.pf-v6-c-modal-box {
|
|
10295
10367
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10296
10368
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
10297
10369
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
@@ -10344,7 +10416,8 @@ ul.pf-v6-c-list {
|
|
|
10344
10416
|
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
|
|
10345
10417
|
}
|
|
10346
10418
|
@media (min-width: 75rem) {
|
|
10347
|
-
:
|
|
10419
|
+
:root,
|
|
10420
|
+
.pf-v6-c-modal-box {
|
|
10348
10421
|
--pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
|
|
10349
10422
|
}
|
|
10350
10423
|
}
|
|
@@ -10496,7 +10569,8 @@ ul.pf-v6-c-list {
|
|
|
10496
10569
|
}
|
|
10497
10570
|
}
|
|
10498
10571
|
|
|
10499
|
-
:
|
|
10572
|
+
:root,
|
|
10573
|
+
.pf-v6-c-multiple-file-upload {
|
|
10500
10574
|
--pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
10501
10575
|
--pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
|
|
10502
10576
|
--pf-v6-c-multiple-file-upload__main--TextAlign: center;
|
|
@@ -10706,7 +10780,8 @@ ul.pf-v6-c-list {
|
|
|
10706
10780
|
color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
|
|
10707
10781
|
}
|
|
10708
10782
|
|
|
10709
|
-
:
|
|
10783
|
+
:root,
|
|
10784
|
+
.pf-v6-c-nav {
|
|
10710
10785
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
10711
10786
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
10712
10787
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11014,7 +11089,8 @@ ul.pf-v6-c-list {
|
|
|
11014
11089
|
--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
|
|
11015
11090
|
}
|
|
11016
11091
|
|
|
11017
|
-
:
|
|
11092
|
+
:root,
|
|
11093
|
+
.pf-v6-c-notification-drawer {
|
|
11018
11094
|
--pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11019
11095
|
--pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11020
11096
|
--pf-v6-c-notification-drawer__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -11289,7 +11365,8 @@ ul.pf-v6-c-list {
|
|
|
11289
11365
|
transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
11290
11366
|
}
|
|
11291
11367
|
|
|
11292
|
-
:
|
|
11368
|
+
:root,
|
|
11369
|
+
.pf-v6-c-overflow-menu {
|
|
11293
11370
|
--pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11294
11371
|
--pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
|
|
11295
11372
|
--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
@@ -11326,7 +11403,8 @@ ul.pf-v6-c-list {
|
|
|
11326
11403
|
column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
|
|
11327
11404
|
}
|
|
11328
11405
|
|
|
11329
|
-
:
|
|
11406
|
+
:root,
|
|
11407
|
+
.pf-v6-c-page {
|
|
11330
11408
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11331
11409
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11332
11410
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
@@ -11406,7 +11484,8 @@ ul.pf-v6-c-list {
|
|
|
11406
11484
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
11407
11485
|
}
|
|
11408
11486
|
@media screen and (min-width: 75rem) {
|
|
11409
|
-
:
|
|
11487
|
+
:root,
|
|
11488
|
+
.pf-v6-c-page {
|
|
11410
11489
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
11411
11490
|
}
|
|
11412
11491
|
}
|
|
@@ -11935,7 +12014,8 @@ ul.pf-v6-c-list {
|
|
|
11935
12014
|
flex: 1 0 auto;
|
|
11936
12015
|
}
|
|
11937
12016
|
|
|
11938
|
-
:
|
|
12017
|
+
:root,
|
|
12018
|
+
.pf-v6-c-pagination {
|
|
11939
12019
|
--pf-v6-c-pagination--inset: 0;
|
|
11940
12020
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
11941
12021
|
--pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
|
|
@@ -11973,7 +12053,8 @@ ul.pf-v6-c-list {
|
|
|
11973
12053
|
--pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
|
|
11974
12054
|
}
|
|
11975
12055
|
@media screen and (min-width: 48rem) {
|
|
11976
|
-
:
|
|
12056
|
+
:root,
|
|
12057
|
+
.pf-v6-c-pagination {
|
|
11977
12058
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
11978
12059
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
11979
12060
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
|
@@ -11981,7 +12062,8 @@ ul.pf-v6-c-list {
|
|
|
11981
12062
|
}
|
|
11982
12063
|
}
|
|
11983
12064
|
@media screen and (min-width: 75rem) {
|
|
11984
|
-
:
|
|
12065
|
+
:root,
|
|
12066
|
+
.pf-v6-c-pagination {
|
|
11985
12067
|
--pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
|
|
11986
12068
|
}
|
|
11987
12069
|
}
|
|
@@ -12282,7 +12364,8 @@ ul.pf-v6-c-list {
|
|
|
12282
12364
|
}
|
|
12283
12365
|
}
|
|
12284
12366
|
|
|
12285
|
-
:
|
|
12367
|
+
:root,
|
|
12368
|
+
.pf-v6-c-panel {
|
|
12286
12369
|
--pf-v6-c-panel--Width: auto;
|
|
12287
12370
|
--pf-v6-c-panel--MinWidth: auto;
|
|
12288
12371
|
--pf-v6-c-panel--MaxWidth: none;
|
|
@@ -12379,7 +12462,8 @@ ul.pf-v6-c-list {
|
|
|
12379
12462
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
12380
12463
|
}
|
|
12381
12464
|
|
|
12382
|
-
:
|
|
12465
|
+
:root,
|
|
12466
|
+
.pf-v6-c-popover {
|
|
12383
12467
|
--pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12384
12468
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
12385
12469
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
@@ -12581,7 +12665,8 @@ ul.pf-v6-c-list {
|
|
|
12581
12665
|
margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
|
|
12582
12666
|
}
|
|
12583
12667
|
|
|
12584
|
-
:
|
|
12668
|
+
:root,
|
|
12669
|
+
.pf-v6-c-progress {
|
|
12585
12670
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
12586
12671
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
12587
12672
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
@@ -12745,7 +12830,8 @@ ul.pf-v6-c-list {
|
|
|
12745
12830
|
font-variant-numeric: tabular-nums;
|
|
12746
12831
|
}
|
|
12747
12832
|
|
|
12748
|
-
:
|
|
12833
|
+
:root,
|
|
12834
|
+
.pf-v6-c-progress-stepper {
|
|
12749
12835
|
--pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
|
|
12750
12836
|
--pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
|
|
12751
12837
|
--pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
|
|
@@ -12866,7 +12952,8 @@ ul.pf-v6-c-list {
|
|
|
12866
12952
|
--pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
|
|
12867
12953
|
}
|
|
12868
12954
|
@media screen and (min-width: 48rem) {
|
|
12869
|
-
:
|
|
12955
|
+
:root,
|
|
12956
|
+
.pf-v6-c-progress-stepper {
|
|
12870
12957
|
--pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
|
|
12871
12958
|
--pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
|
|
12872
12959
|
--pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
|
|
@@ -13355,7 +13442,8 @@ ul.pf-v6-c-list {
|
|
|
13355
13442
|
}
|
|
13356
13443
|
}
|
|
13357
13444
|
|
|
13358
|
-
:
|
|
13445
|
+
:root,
|
|
13446
|
+
.pf-v6-c-radio {
|
|
13359
13447
|
--pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
13360
13448
|
--pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
|
|
13361
13449
|
--pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
|
|
@@ -13436,7 +13524,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13436
13524
|
cursor: not-allowed;
|
|
13437
13525
|
}
|
|
13438
13526
|
|
|
13439
|
-
:
|
|
13527
|
+
:root,
|
|
13528
|
+
.pf-v6-c-sidebar {
|
|
13440
13529
|
--pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
|
|
13441
13530
|
--pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
|
|
13442
13531
|
--pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
|
|
@@ -13780,7 +13869,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13780
13869
|
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
13781
13870
|
}
|
|
13782
13871
|
}
|
|
13783
|
-
:
|
|
13872
|
+
:root,
|
|
13873
|
+
.pf-v6-c-simple-list {
|
|
13784
13874
|
--pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
13785
13875
|
--pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13786
13876
|
--pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -13850,7 +13940,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
13850
13940
|
margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
|
|
13851
13941
|
}
|
|
13852
13942
|
|
|
13853
|
-
:
|
|
13943
|
+
:root,
|
|
13944
|
+
.pf-v6-c-skeleton {
|
|
13854
13945
|
--pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13855
13946
|
--pf-v6-c-skeleton--Width: auto;
|
|
13856
13947
|
--pf-v6-c-skeleton--Height: auto;
|
|
@@ -14015,7 +14106,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14015
14106
|
transform: translateX(100%);
|
|
14016
14107
|
}
|
|
14017
14108
|
}
|
|
14018
|
-
:
|
|
14109
|
+
:root,
|
|
14110
|
+
.pf-v6-c-skip-to-content {
|
|
14019
14111
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14020
14112
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14021
14113
|
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -14031,7 +14123,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14031
14123
|
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14032
14124
|
}
|
|
14033
14125
|
|
|
14034
|
-
:
|
|
14126
|
+
:root,
|
|
14127
|
+
.pf-v6-c-slider {
|
|
14035
14128
|
--pf-v6-c-slider--value: 0;
|
|
14036
14129
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
14037
14130
|
--pf-v6-c-slider__rail--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -14252,7 +14345,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14252
14345
|
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14253
14346
|
}
|
|
14254
14347
|
|
|
14255
|
-
:
|
|
14348
|
+
:root,
|
|
14349
|
+
.pf-v6-c-spinner {
|
|
14256
14350
|
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14257
14351
|
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14258
14352
|
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
@@ -14328,7 +14422,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14328
14422
|
transform: rotate(720deg);
|
|
14329
14423
|
}
|
|
14330
14424
|
}
|
|
14331
|
-
:
|
|
14425
|
+
:root,
|
|
14426
|
+
.pf-v6-c-switch {
|
|
14332
14427
|
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14333
14428
|
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14334
14429
|
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
@@ -14476,7 +14571,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14476
14571
|
vertical-align: top;
|
|
14477
14572
|
}
|
|
14478
14573
|
|
|
14479
|
-
:
|
|
14574
|
+
:root,
|
|
14575
|
+
.pf-v6-c-tab-content {
|
|
14480
14576
|
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
14481
14577
|
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
14482
14578
|
--pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
|
|
@@ -14521,7 +14617,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14521
14617
|
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
14522
14618
|
}
|
|
14523
14619
|
|
|
14524
|
-
:
|
|
14620
|
+
:root,
|
|
14621
|
+
.pf-v6-c-table {
|
|
14525
14622
|
--pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
|
|
14526
14623
|
--pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
14527
14624
|
--pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
|
|
@@ -16085,7 +16182,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16085
16182
|
}
|
|
16086
16183
|
}
|
|
16087
16184
|
|
|
16088
|
-
:
|
|
16185
|
+
:root,
|
|
16186
|
+
.pf-v6-c-table {
|
|
16089
16187
|
--pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
16090
16188
|
--pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
|
|
16091
16189
|
--pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
@@ -16952,7 +17050,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
16952
17050
|
--pf-v6-c-table--cell--Width: 100%;
|
|
16953
17051
|
}
|
|
16954
17052
|
|
|
16955
|
-
:
|
|
17053
|
+
:root,
|
|
17054
|
+
.pf-v6-c-table {
|
|
16956
17055
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
16957
17056
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
16958
17057
|
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
@@ -17016,7 +17115,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17016
17115
|
overflow: auto;
|
|
17017
17116
|
}
|
|
17018
17117
|
|
|
17019
|
-
:
|
|
17118
|
+
:root,
|
|
17119
|
+
.pf-v6-c-table {
|
|
17020
17120
|
--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));
|
|
17021
17121
|
--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));
|
|
17022
17122
|
--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -17836,7 +17936,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17836
17936
|
}
|
|
17837
17937
|
}
|
|
17838
17938
|
|
|
17839
|
-
:
|
|
17939
|
+
:root,
|
|
17940
|
+
.pf-v6-c-tabs {
|
|
17840
17941
|
--pf-v6-c-tabs--inset: 0;
|
|
17841
17942
|
--pf-v6-c-tabs--Width: auto;
|
|
17842
17943
|
--pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -18648,7 +18749,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18648
18749
|
}
|
|
18649
18750
|
}
|
|
18650
18751
|
|
|
18651
|
-
:
|
|
18752
|
+
:root,
|
|
18753
|
+
.pf-v6-c-text-input-group {
|
|
18652
18754
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18653
18755
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
|
|
18654
18756
|
--pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
@@ -18849,7 +18951,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18849
18951
|
display: flex;
|
|
18850
18952
|
}
|
|
18851
18953
|
|
|
18852
|
-
:
|
|
18954
|
+
:root,
|
|
18955
|
+
.pf-v6-c-tile {
|
|
18853
18956
|
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
18854
18957
|
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
18855
18958
|
--pf-v6-c-tile--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -18952,7 +19055,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18952
19055
|
color: var(--pf-v6-c-tile__icon--Color);
|
|
18953
19056
|
}
|
|
18954
19057
|
|
|
18955
|
-
:
|
|
19058
|
+
:root,
|
|
19059
|
+
.pf-v6-c-timestamp {
|
|
18956
19060
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
18957
19061
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
|
|
18958
19062
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
@@ -18983,7 +19087,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18983
19087
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
18984
19088
|
}
|
|
18985
19089
|
|
|
18986
|
-
:
|
|
19090
|
+
:root,
|
|
19091
|
+
.pf-v6-c-title {
|
|
18987
19092
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
18988
19093
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
18989
19094
|
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
@@ -19088,7 +19193,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19088
19193
|
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
19089
19194
|
}
|
|
19090
19195
|
|
|
19091
|
-
:
|
|
19196
|
+
:root,
|
|
19197
|
+
.pf-v6-c-toggle-group {
|
|
19092
19198
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
19093
19199
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19094
19200
|
--pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -19211,7 +19317,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19211
19317
|
margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
|
|
19212
19318
|
}
|
|
19213
19319
|
|
|
19214
|
-
:
|
|
19320
|
+
:root,
|
|
19321
|
+
.pf-v6-c-toolbar {
|
|
19215
19322
|
--pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
|
|
19216
19323
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
19217
19324
|
--pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -21113,7 +21220,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21113
21220
|
display: inline-flex;
|
|
21114
21221
|
}
|
|
21115
21222
|
}
|
|
21116
|
-
:
|
|
21223
|
+
:root,
|
|
21224
|
+
.pf-v6-c-tooltip {
|
|
21117
21225
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
21118
21226
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
21119
21227
|
--pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21235,7 +21343,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21235
21343
|
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));
|
|
21236
21344
|
}
|
|
21237
21345
|
|
|
21238
|
-
:
|
|
21346
|
+
:root,
|
|
21347
|
+
.pf-v6-c-truncate {
|
|
21239
21348
|
--pf-v6-c-truncate--MinWidth: 6ch;
|
|
21240
21349
|
--pf-v6-c-truncate__start--MinWidth: 6ch;
|
|
21241
21350
|
}
|
|
@@ -21281,7 +21390,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21281
21390
|
direction: rtl;
|
|
21282
21391
|
}
|
|
21283
21392
|
}
|
|
21284
|
-
:
|
|
21393
|
+
:root,
|
|
21394
|
+
.pf-v6-c-number-input {
|
|
21285
21395
|
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21286
21396
|
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
21287
21397
|
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
@@ -21320,7 +21430,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21320
21430
|
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
21321
21431
|
}
|
|
21322
21432
|
|
|
21323
|
-
:
|
|
21433
|
+
:root,
|
|
21434
|
+
.pf-v6-c-tree-view {
|
|
21324
21435
|
--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));
|
|
21325
21436
|
--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));
|
|
21326
21437
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -21773,7 +21884,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21773
21884
|
--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));
|
|
21774
21885
|
}
|
|
21775
21886
|
|
|
21776
|
-
:
|
|
21887
|
+
:root,
|
|
21888
|
+
.pf-v6-c-wizard {
|
|
21777
21889
|
--pf-v6-c-wizard--Height: initial;
|
|
21778
21890
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
21779
21891
|
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
@@ -21888,7 +22000,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
21888
22000
|
--pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
21889
22001
|
}
|
|
21890
22002
|
@media screen and (min-width: 62rem) {
|
|
21891
|
-
:
|
|
22003
|
+
:root,
|
|
22004
|
+
.pf-v6-c-wizard {
|
|
21892
22005
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
21893
22006
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
21894
22007
|
}
|