@patternfly/patternfly 6.3.1 → 6.4.0-prerelease.1
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 +23 -15
- package/base/normalize.scss +4 -0
- package/base/patternfly-variables.css +1172 -1
- package/base/patternfly-variables.scss +10 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +13 -1
- package/base/tokens/tokens-default.scss +60 -2
- package/base/tokens/tokens-highcontrast-dark.scss +396 -0
- package/base/tokens/tokens-highcontrast.scss +703 -0
- package/base/tokens/tokens-local.scss +1 -0
- package/base/tokens/tokens-palette.scss +9 -1
- package/components/Accordion/accordion.css +42 -15
- package/components/Accordion/accordion.scss +48 -18
- package/components/Alert/alert-group.css +17 -15
- package/components/Alert/alert-group.scss +22 -18
- package/components/Badge/badge.css +2 -0
- package/components/Badge/badge.scss +2 -0
- package/components/Banner/banner.css +4 -0
- package/components/Banner/banner.scss +4 -0
- package/components/Button/button.css +34 -4
- package/components/Button/button.scss +36 -6
- package/components/CalendarMonth/calendar-month.css +35 -4
- package/components/CalendarMonth/calendar-month.scss +38 -4
- package/components/Card/card.css +7 -4
- package/components/Card/card.scss +7 -4
- package/components/CodeBlock/code-block.css +3 -0
- package/components/CodeBlock/code-block.scss +3 -0
- package/components/CodeEditor/code-editor.css +23 -3
- package/components/CodeEditor/code-editor.scss +28 -5
- package/components/DatePicker/date-picker.css +3 -0
- package/components/DatePicker/date-picker.scss +4 -0
- package/components/Divider/divider.css +2 -0
- package/components/Divider/divider.scss +2 -0
- package/components/Drawer/drawer.css +46 -41
- package/components/Drawer/drawer.scss +45 -36
- package/components/DualListSelector/dual-list-selector.css +21 -4
- package/components/DualListSelector/dual-list-selector.scss +23 -4
- package/components/ExpandableSection/expandable-section.css +6 -2
- package/components/ExpandableSection/expandable-section.scss +7 -3
- package/components/FormControl/form-control.css +6 -7
- package/components/FormControl/form-control.scss +8 -10
- package/components/Label/label.css +20 -11
- package/components/Label/label.scss +21 -11
- package/components/Login/login.css +3 -0
- package/components/Login/login.scss +3 -0
- package/components/Menu/menu.css +18 -0
- package/components/Menu/menu.scss +19 -1
- package/components/MenuToggle/menu-toggle.css +13 -6
- package/components/MenuToggle/menu-toggle.scss +13 -6
- package/components/ModalBox/modal-box.css +3 -0
- package/components/ModalBox/modal-box.scss +3 -0
- package/components/Nav/nav.css +17 -0
- package/components/Nav/nav.scss +20 -0
- package/components/Page/page.css +73 -25
- package/components/Page/page.scss +60 -19
- package/components/Pagination/pagination.css +15 -2
- package/components/Pagination/pagination.scss +15 -2
- package/components/Panel/panel.css +14 -1
- package/components/Panel/panel.scss +14 -1
- package/components/Popover/popover.css +4 -0
- package/components/Popover/popover.scss +4 -0
- package/components/Progress/progress.css +19 -0
- package/components/Progress/progress.scss +22 -0
- package/components/Sidebar/sidebar.css +7 -0
- package/components/Sidebar/sidebar.scss +7 -0
- package/components/SimpleList/simple-list.css +15 -0
- package/components/SimpleList/simple-list.scss +17 -1
- package/components/Slider/slider.css +9 -0
- package/components/Slider/slider.scss +9 -0
- package/components/Switch/switch.css +7 -1
- package/components/Switch/switch.scss +7 -1
- package/components/Table/table.css +29 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +18 -7
- package/components/Tabs/tabs.scss +19 -11
- package/components/TextInputGroup/text-input-group.css +3 -0
- package/components/TextInputGroup/text-input-group.scss +4 -1
- package/components/ToggleGroup/toggle-group.css +18 -9
- package/components/ToggleGroup/toggle-group.scss +24 -17
- package/components/Toolbar/toolbar.css +7 -0
- package/components/Toolbar/toolbar.scss +7 -0
- package/components/TreeView/tree-view.css +15 -0
- package/components/TreeView/tree-view.scss +17 -0
- package/components/Wizard/wizard.css +37 -6
- package/components/Wizard/wizard.scss +44 -10
- package/components/_index.css +615 -167
- package/docs/components/Alert/examples/Alert.md +3 -4
- package/docs/components/Button/examples/Button.md +1 -3
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
- package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
- package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
- package/docs/components/DataList/examples/DataList.md +66 -184
- package/docs/components/DatePicker/examples/DatePicker.md +4 -1
- package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
- package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
- package/docs/components/FileUpload/examples/FileUpload.md +4 -3
- package/docs/components/Form/examples/Form.md +19 -18
- package/docs/components/HelperText/examples/HelperText.md +65 -75
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +0 -10
- package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
- package/docs/components/Label/examples/Label.md +2 -2
- package/docs/components/Login/examples/Login.md +42 -37
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
- package/docs/components/Pagination/examples/Pagination.md +111 -0
- package/docs/components/Popover/examples/Popover.md +0 -4
- package/docs/components/Progress/examples/Progress.md +223 -210
- package/docs/components/Skeleton/examples/Skeleton.md +21 -7
- package/docs/components/Table/examples/Table.md +947 -1423
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
- package/docs/components/Title/examples/Title.md +8 -8
- package/docs/components/Truncate/examples/Truncate.md +8 -6
- package/docs/components/Wizard/examples/Wizard.md +583 -0
- package/docs/demos/Alert/examples/Alert.md +28 -19
- package/docs/demos/Card/examples/Card.md +8 -5
- package/docs/demos/CardView/examples/CardView.md +81 -85
- package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
- package/docs/demos/DataList/examples/DataList.md +528 -168
- package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
- package/docs/demos/Drawer/examples/Drawer.md +0 -2
- package/docs/demos/Form/examples/BasicForms.md +93 -62
- package/docs/demos/HelperText/examples/HelperText.md +31 -23
- package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
- package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
- package/docs/demos/Table/examples/Table.md +5 -20
- package/docs/demos/Tabs/examples/Tabs.md +2 -1
- package/package.json +12 -7
- package/patternfly-base-no-globals.css +1172 -1
- package/patternfly-base.css +1176 -1
- package/patternfly-no-globals.css +1787 -168
- package/patternfly.css +1822 -199
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -206,6 +206,9 @@
|
|
|
206
206
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
207
207
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
208
208
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
209
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
210
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
211
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
209
212
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
210
213
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
211
214
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -214,15 +217,22 @@
|
|
|
214
217
|
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
215
218
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
216
219
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
220
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
|
217
221
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
218
222
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
219
|
-
--pf-v6-c-accordion__expandable-content--MarginBlockEnd:
|
|
223
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
|
220
224
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
221
225
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
222
226
|
--pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
223
227
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
224
228
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
229
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
|
|
225
230
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
231
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
232
|
+
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
233
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
234
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
235
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
226
236
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
227
237
|
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
228
238
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
@@ -259,6 +269,12 @@
|
|
|
259
269
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
260
270
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
261
271
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
272
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
273
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
274
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
275
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: 0;
|
|
276
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
277
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
262
278
|
}
|
|
263
279
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
264
280
|
.pf-v6-c-accordion {
|
|
@@ -297,6 +313,7 @@
|
|
|
297
313
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
298
314
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
299
315
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
316
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
300
317
|
}
|
|
301
318
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
302
319
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -311,6 +328,7 @@
|
|
|
311
328
|
pointer-events: none;
|
|
312
329
|
content: "";
|
|
313
330
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
331
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
|
314
332
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
315
333
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
316
334
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -320,17 +338,22 @@
|
|
|
320
338
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
321
339
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
322
340
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
341
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
|
|
323
342
|
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
324
343
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
325
344
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
326
345
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
346
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
327
347
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
328
348
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
329
349
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
330
350
|
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
351
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
|
|
352
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
|
|
353
|
+
--pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
|
|
354
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
355
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
356
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
334
357
|
}
|
|
335
358
|
|
|
336
359
|
.pf-v6-c-accordion__toggle {
|
|
@@ -351,8 +374,17 @@
|
|
|
351
374
|
border: 0;
|
|
352
375
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
353
376
|
}
|
|
377
|
+
.pf-v6-c-accordion__toggle::after {
|
|
378
|
+
position: absolute;
|
|
379
|
+
inset: 0;
|
|
380
|
+
pointer-events: none;
|
|
381
|
+
content: "";
|
|
382
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
|
383
|
+
border-radius: inherit;
|
|
384
|
+
}
|
|
354
385
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
355
386
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
|
387
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
|
356
388
|
}
|
|
357
389
|
|
|
358
390
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -366,6 +398,7 @@
|
|
|
366
398
|
|
|
367
399
|
.pf-v6-c-accordion__toggle-icon {
|
|
368
400
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
401
|
+
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
369
402
|
}
|
|
370
403
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
|
371
404
|
scale: -1 1;
|
|
@@ -376,13 +409,15 @@
|
|
|
376
409
|
}
|
|
377
410
|
|
|
378
411
|
.pf-v6-c-accordion__expandable-content {
|
|
379
|
-
max-height:
|
|
412
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
413
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
380
414
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
381
415
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
382
416
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
383
417
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
384
|
-
visibility:
|
|
418
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
385
419
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
420
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
386
421
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
387
422
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
388
423
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
@@ -392,17 +427,9 @@
|
|
|
392
427
|
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
393
428
|
}
|
|
394
429
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
430
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
395
431
|
overflow-y: auto;
|
|
396
432
|
}
|
|
397
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
398
|
-
max-height: 99999px;
|
|
399
|
-
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
400
|
-
visibility: revert;
|
|
401
|
-
transition-delay: 0s;
|
|
402
|
-
}
|
|
403
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
404
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
405
|
-
}
|
|
406
433
|
|
|
407
434
|
.pf-v6-c-accordion__expandable-content-body {
|
|
408
435
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -705,7 +732,8 @@
|
|
|
705
732
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
706
733
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
707
734
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
708
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
|
735
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
736
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
709
737
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
710
738
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
711
739
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -714,6 +742,7 @@
|
|
|
714
742
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
715
743
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
716
744
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
745
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
717
746
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
718
747
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
719
748
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
|
@@ -744,10 +773,23 @@
|
|
|
744
773
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
745
774
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
746
775
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
747
|
-
border
|
|
776
|
+
border: 0;
|
|
748
777
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
749
778
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
750
779
|
}
|
|
780
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
|
781
|
+
position: absolute;
|
|
782
|
+
inset: 0;
|
|
783
|
+
pointer-events: none;
|
|
784
|
+
content: "";
|
|
785
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
|
786
|
+
border-radius: inherit;
|
|
787
|
+
}
|
|
788
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
789
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
|
790
|
+
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
791
|
+
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
792
|
+
}
|
|
751
793
|
|
|
752
794
|
.pf-v6-c-alert-group__item {
|
|
753
795
|
display: grid;
|
|
@@ -803,19 +845,6 @@
|
|
|
803
845
|
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
|
|
804
846
|
}
|
|
805
847
|
}
|
|
806
|
-
.pf-v6-c-alert-group__item:hover {
|
|
807
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
808
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
809
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
810
|
-
}
|
|
811
|
-
.pf-v6-c-alert-group__item:focus {
|
|
812
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
813
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
814
|
-
}
|
|
815
|
-
.pf-v6-c-alert-group__item:active {
|
|
816
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
817
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
818
|
-
}
|
|
819
848
|
|
|
820
849
|
.pf-v6-c-avatar {
|
|
821
850
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -1157,6 +1186,7 @@
|
|
|
1157
1186
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1158
1187
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1159
1188
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1189
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1160
1190
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1161
1191
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1162
1192
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -1189,6 +1219,7 @@
|
|
|
1189
1219
|
border-radius: inherit;
|
|
1190
1220
|
}
|
|
1191
1221
|
.pf-v6-c-badge.pf-m-read {
|
|
1222
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
1192
1223
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
1193
1224
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
1194
1225
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -1221,6 +1252,8 @@
|
|
|
1221
1252
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1222
1253
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1223
1254
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1255
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1256
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
1224
1257
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1225
1258
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1226
1259
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -1271,6 +1304,8 @@
|
|
|
1271
1304
|
color: var(--pf-v6-c-banner--Color);
|
|
1272
1305
|
white-space: nowrap;
|
|
1273
1306
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
|
1307
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
1308
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
|
1274
1309
|
}
|
|
1275
1310
|
.pf-v6-c-banner.pf-m-danger {
|
|
1276
1311
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -1550,9 +1585,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1550
1585
|
--pf-v6-c-button--TransitionDelay: 0s;
|
|
1551
1586
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
1552
1587
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1553
|
-
--pf-v6-c-button--TransitionProperty: color, background, border-
|
|
1588
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-color;
|
|
1554
1589
|
--pf-v6-c-button--ScaleX: 1;
|
|
1555
1590
|
--pf-v6-c-button--ScaleY: 1;
|
|
1591
|
+
--pf-v6-c-button--border--offset: 0;
|
|
1556
1592
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1557
1593
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
1558
1594
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -1616,6 +1652,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1616
1652
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1617
1653
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1618
1654
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1655
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
1656
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
1657
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
1658
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1659
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1660
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1619
1661
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
1620
1662
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
1621
1663
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -1666,6 +1708,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1666
1708
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
1667
1709
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1668
1710
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1711
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
1712
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
1713
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
1714
|
+
--pf-v6-c-button--m-plain--BorderColor: transparent;
|
|
1715
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1716
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1669
1717
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
1670
1718
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
1671
1719
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -1678,7 +1726,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1678
1726
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1679
1727
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
1680
1728
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
1681
|
-
--pf-v6-c-
|
|
1729
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
1682
1730
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
1683
1731
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1684
1732
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -1813,7 +1861,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1813
1861
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1814
1862
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
1815
1863
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
1816
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
|
1864
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
|
1817
1865
|
--pf-v6-c-button--m-block--Display: flex;
|
|
1818
1866
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
1819
1867
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -1869,7 +1917,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1869
1917
|
}
|
|
1870
1918
|
.pf-v6-c-button::after {
|
|
1871
1919
|
position: absolute;
|
|
1872
|
-
inset:
|
|
1920
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
1873
1921
|
pointer-events: none;
|
|
1874
1922
|
content: "";
|
|
1875
1923
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -1933,6 +1981,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1933
1981
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
1934
1982
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
1935
1983
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
|
1984
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
|
1985
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
|
1986
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
|
1987
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
|
1988
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
|
1989
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
|
1936
1990
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
1937
1991
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
1938
1992
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -1972,6 +2026,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1972
2026
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
1973
2027
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
1974
2028
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
2029
|
+
--pf-v6-c-button--BorderWidth: 0;
|
|
2030
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2031
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
1975
2032
|
text-align: start;
|
|
1976
2033
|
white-space: normal;
|
|
1977
2034
|
background: transparent;
|
|
@@ -2079,6 +2136,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2079
2136
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
2080
2137
|
}
|
|
2081
2138
|
.pf-v6-c-button.pf-m-plain {
|
|
2139
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
|
2140
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
|
2141
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
|
2142
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
|
2143
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
|
2144
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
|
2082
2145
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
2083
2146
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
2084
2147
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -2107,6 +2170,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2107
2170
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
2108
2171
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
2109
2172
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
2173
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
|
2110
2174
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
2111
2175
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
2112
2176
|
}
|
|
@@ -2199,6 +2263,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2199
2263
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
2200
2264
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
2201
2265
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
2266
|
+
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
2202
2267
|
}
|
|
2203
2268
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
2204
2269
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -2378,6 +2443,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2378
2443
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2379
2444
|
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2380
2445
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2446
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
2447
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
2448
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
2381
2449
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2382
2450
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2383
2451
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
@@ -2385,15 +2453,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2385
2453
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2386
2454
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2387
2455
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2456
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
2457
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
2388
2458
|
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2389
2459
|
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2390
2460
|
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2461
|
+
--pf-v6-c-calendar-month__date--BorderWidth: 0;
|
|
2462
|
+
--pf-v6-c-calendar-month__date--BorderColor: transparent;
|
|
2391
2463
|
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2392
2464
|
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2393
2465
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2394
2466
|
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2395
2467
|
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2396
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth:
|
|
2468
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: 0;
|
|
2397
2469
|
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2398
2470
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2399
2471
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -2402,7 +2474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2402
2474
|
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2403
2475
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2404
2476
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2477
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2405
2478
|
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2479
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
2480
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
2481
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
2482
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
|
|
2406
2483
|
}
|
|
2407
2484
|
|
|
2408
2485
|
.pf-v6-c-calendar-month {
|
|
@@ -2475,13 +2552,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2475
2552
|
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2476
2553
|
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2477
2554
|
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2555
|
+
pointer-events: none;
|
|
2478
2556
|
content: "";
|
|
2479
2557
|
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2558
|
+
border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
|
|
2559
|
+
border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
|
|
2480
2560
|
}
|
|
2481
2561
|
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2482
2562
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2563
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
|
|
2564
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
|
|
2483
2565
|
}
|
|
2484
2566
|
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2567
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
|
|
2568
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
|
|
2485
2569
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2486
2570
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2487
2571
|
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
@@ -2500,14 +2584,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2500
2584
|
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2501
2585
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2502
2586
|
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2587
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
2588
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
|
|
2503
2589
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2504
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth:
|
|
2590
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
|
|
2505
2591
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2506
2592
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2507
2593
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2508
2594
|
}
|
|
2509
2595
|
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2510
2596
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2597
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
|
|
2598
|
+
--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
|
|
2511
2599
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2512
2600
|
}
|
|
2513
2601
|
|
|
@@ -2523,6 +2611,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2523
2611
|
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2524
2612
|
border: 0;
|
|
2525
2613
|
}
|
|
2614
|
+
.pf-v6-c-calendar-month__date::before {
|
|
2615
|
+
position: absolute;
|
|
2616
|
+
inset: 0;
|
|
2617
|
+
content: "";
|
|
2618
|
+
border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
|
|
2619
|
+
}
|
|
2526
2620
|
.pf-v6-c-calendar-month__date::after {
|
|
2527
2621
|
position: absolute;
|
|
2528
2622
|
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
@@ -2532,15 +2626,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2532
2626
|
content: "";
|
|
2533
2627
|
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2534
2628
|
}
|
|
2535
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2629
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
|
|
2536
2630
|
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2537
2631
|
}
|
|
2538
2632
|
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2539
2633
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2540
|
-
|
|
2634
|
+
--pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
2635
|
+
--pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
|
|
2541
2636
|
}
|
|
2542
2637
|
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2543
2638
|
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2639
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
|
|
2544
2640
|
outline: 0;
|
|
2545
2641
|
}
|
|
2546
2642
|
.pf-v6-c-calendar-month__date:disabled {
|
|
@@ -2591,6 +2687,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2591
2687
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2592
2688
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2593
2689
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2690
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2594
2691
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2595
2692
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2596
2693
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -2621,7 +2718,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2621
2718
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2622
2719
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2623
2720
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2624
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
2721
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
2722
|
+
--pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
2625
2723
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2626
2724
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2627
2725
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -2708,6 +2806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2708
2806
|
}
|
|
2709
2807
|
.pf-v6-c-card.pf-m-secondary {
|
|
2710
2808
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
|
|
2809
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
|
|
2711
2810
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
2712
2811
|
}
|
|
2713
2812
|
.pf-v6-c-card.pf-m-plain {
|
|
@@ -2780,7 +2879,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2780
2879
|
}
|
|
2781
2880
|
|
|
2782
2881
|
.pf-v6-c-card__title-text {
|
|
2783
|
-
overflow: auto;
|
|
2784
2882
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
|
2785
2883
|
font-size: var(--pf-v6-c-card__title-text--FontSize);
|
|
2786
2884
|
font-weight: var(--pf-v6-c-card__title-text--FontWeight);
|
|
@@ -2822,17 +2920,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2822
2920
|
z-index: -1;
|
|
2823
2921
|
content: "";
|
|
2824
2922
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
2825
|
-
border: var(--pf-v6-c-card--
|
|
2923
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
2826
2924
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2827
2925
|
}
|
|
2828
2926
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
2829
2927
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
2928
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
|
2830
2929
|
}
|
|
2831
2930
|
|
|
2832
2931
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
|
|
2833
2932
|
.pf-v6-c-card.pf-m-selected {
|
|
2834
2933
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
2835
|
-
--pf-v6-c-card--
|
|
2934
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
2836
2935
|
}
|
|
2837
2936
|
|
|
2838
2937
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -3086,6 +3185,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3086
3185
|
}
|
|
3087
3186
|
|
|
3088
3187
|
.pf-v6-c-code-block {
|
|
3188
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
3189
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
3089
3190
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3090
3191
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
3091
3192
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -3104,6 +3205,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3104
3205
|
|
|
3105
3206
|
.pf-v6-c-code-block {
|
|
3106
3207
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
|
3208
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
|
3107
3209
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
3108
3210
|
}
|
|
3109
3211
|
|
|
@@ -3144,6 +3246,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3144
3246
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
3145
3247
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
3146
3248
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
3249
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
3250
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
|
3251
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
3252
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
3147
3253
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3148
3254
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3149
3255
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -3178,6 +3284,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3178
3284
|
--pf-v6-c-code-editor__header-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
3179
3285
|
--pf-v6-c-code-editor__header-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
3180
3286
|
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3287
|
+
--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
3181
3288
|
--pf-v6-c-code-editor__tab--Color: var(--pf-t--global--text--color--subtle);
|
|
3182
3289
|
--pf-v6-c-code-editor__tab--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
3183
3290
|
--pf-v6-c-code-editor__tab--PaddingInlineEnd: var( --pf-t--global--spacer--sm);
|
|
@@ -3197,6 +3304,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3197
3304
|
flex-direction: column;
|
|
3198
3305
|
}
|
|
3199
3306
|
.pf-v6-c-code-editor.pf-m-read-only {
|
|
3307
|
+
--pf-v6-c-code-editor__tab--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__tab--BackgroundColor);
|
|
3200
3308
|
--pf-v6-c-code-editor__main--BackgroundColor: var(--pf-v6-c-code-editor--m-read-only__main--BackgroundColor);
|
|
3201
3309
|
}
|
|
3202
3310
|
.pf-v6-c-code-editor.pf-m-full-height {
|
|
@@ -3213,16 +3321,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3213
3321
|
position: relative;
|
|
3214
3322
|
display: flex;
|
|
3215
3323
|
}
|
|
3216
|
-
.pf-v6-c-code-editor__header::before {
|
|
3324
|
+
.pf-v6-c-code-editor__header::before, .pf-v6-c-code-editor__header::after {
|
|
3325
|
+
position: absolute;
|
|
3326
|
+
pointer-events: none;
|
|
3327
|
+
content: "";
|
|
3328
|
+
}
|
|
3329
|
+
.pf-v6-c-code-editor__header::after {
|
|
3217
3330
|
position: absolute;
|
|
3331
|
+
inset: 0;
|
|
3332
|
+
pointer-events: none;
|
|
3333
|
+
content: "";
|
|
3334
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
3335
|
+
border-block-end-width: 0;
|
|
3336
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
|
3337
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
|
3338
|
+
}
|
|
3339
|
+
.pf-v6-c-code-editor__header::before {
|
|
3218
3340
|
inset-block-end: 0;
|
|
3219
3341
|
inset-inline-start: 0;
|
|
3220
3342
|
inset-inline-end: 0;
|
|
3221
|
-
pointer-events: none;
|
|
3222
|
-
content: "";
|
|
3223
3343
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
|
3224
3344
|
}
|
|
3225
3345
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
3346
|
+
--pf-v6-c-code-editor__header--BorderWidth: 0;
|
|
3226
3347
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
3227
3348
|
}
|
|
3228
3349
|
|
|
@@ -3319,6 +3440,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3319
3440
|
padding-block-end: var(--pf-v6-c-code-editor__tab--PaddingBlockEnd);
|
|
3320
3441
|
padding-inline-start: var(--pf-v6-c-code-editor__tab--PaddingInlineStart);
|
|
3321
3442
|
padding-inline-end: var(--pf-v6-c-code-editor__tab--PaddingInlineEnd);
|
|
3443
|
+
margin-inline-start: auto;
|
|
3322
3444
|
color: var(--pf-v6-c-code-editor__tab--Color);
|
|
3323
3445
|
background-color: var(--pf-v6-c-code-editor__tab--BackgroundColor);
|
|
3324
3446
|
border-color: var(--pf-v6-c-code-editor__tab--BorderColor);
|
|
@@ -4878,8 +5000,12 @@ ul) {
|
|
|
4878
5000
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
4879
5001
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
4880
5002
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
5003
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
5004
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
4881
5005
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
5006
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
4882
5007
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
5008
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
4883
5009
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
4884
5010
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
4885
5011
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -4985,6 +5111,7 @@ ul) {
|
|
|
4985
5111
|
overflow: auto;
|
|
4986
5112
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
4987
5113
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5114
|
+
outline-offset: 2px;
|
|
4988
5115
|
}
|
|
4989
5116
|
|
|
4990
5117
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5009,7 +5136,7 @@ ul) {
|
|
|
5009
5136
|
overflow-anchor: none;
|
|
5010
5137
|
}
|
|
5011
5138
|
|
|
5012
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
5139
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
5013
5140
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
5014
5141
|
}
|
|
5015
5142
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -5043,22 +5170,34 @@ ul) {
|
|
|
5043
5170
|
}
|
|
5044
5171
|
|
|
5045
5172
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
5173
|
+
position: relative;
|
|
5046
5174
|
display: flex;
|
|
5047
5175
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
5048
5176
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
5049
5177
|
}
|
|
5178
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
|
5179
|
+
position: absolute;
|
|
5180
|
+
inset: 0;
|
|
5181
|
+
pointer-events: none;
|
|
5182
|
+
content: "";
|
|
5183
|
+
border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
|
5184
|
+
border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
|
5185
|
+
}
|
|
5050
5186
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
5051
5187
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
|
5188
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
|
5052
5189
|
}
|
|
5053
5190
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
5054
5191
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
5055
5192
|
font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
|
|
5056
5193
|
}
|
|
5057
|
-
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
5194
|
+
.pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
|
|
5058
5195
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
5196
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
5059
5197
|
}
|
|
5060
5198
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
5061
5199
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
5200
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
|
|
5062
5201
|
}
|
|
5063
5202
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
5064
5203
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -5072,7 +5211,7 @@ ul) {
|
|
|
5072
5211
|
|
|
5073
5212
|
.pf-v6-c-dual-list-selector__item,
|
|
5074
5213
|
.pf-v6-c-dual-list-selector__item-main {
|
|
5075
|
-
flex-
|
|
5214
|
+
flex-grow: 1;
|
|
5076
5215
|
}
|
|
5077
5216
|
|
|
5078
5217
|
.pf-v6-c-dual-list-selector__draggable {
|
|
@@ -5091,7 +5230,7 @@ ul) {
|
|
|
5091
5230
|
|
|
5092
5231
|
.pf-v6-c-dual-list-selector__item {
|
|
5093
5232
|
position: relative;
|
|
5094
|
-
width:
|
|
5233
|
+
min-width: 0;
|
|
5095
5234
|
padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
|
|
5096
5235
|
padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
|
|
5097
5236
|
padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
@@ -5211,6 +5350,8 @@ ul) {
|
|
|
5211
5350
|
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
5212
5351
|
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
5213
5352
|
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
5353
|
+
--pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5354
|
+
--pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
5214
5355
|
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
5215
5356
|
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5216
5357
|
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -5241,6 +5382,7 @@ ul) {
|
|
|
5241
5382
|
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
5242
5383
|
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
5243
5384
|
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
5385
|
+
border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
|
|
5244
5386
|
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
5245
5387
|
}
|
|
5246
5388
|
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
@@ -5330,6 +5472,8 @@ ul) {
|
|
|
5330
5472
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
5331
5473
|
content: "";
|
|
5332
5474
|
background-color: var(--pf-v6-c-divider--Color);
|
|
5475
|
+
border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
5476
|
+
border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
5333
5477
|
}
|
|
5334
5478
|
.pf-v6-c-divider.pf-m-horizontal {
|
|
5335
5479
|
flex-direction: row;
|
|
@@ -5578,6 +5722,11 @@ ul) {
|
|
|
5578
5722
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
5579
5723
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
5580
5724
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
5725
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
5726
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
5727
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
5728
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5729
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
5581
5730
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
5582
5731
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
5583
5732
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -5674,13 +5823,15 @@ ul) {
|
|
|
5674
5823
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
5675
5824
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
5676
5825
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
5677
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--
|
|
5678
|
-
--pf-v6-c-drawer--m-
|
|
5679
|
-
--pf-v6-c-
|
|
5826
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5827
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: 0;
|
|
5828
|
+
--pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
|
|
5829
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5830
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
5680
5831
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
5681
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
5682
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
5683
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
|
5832
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
5833
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
|
5834
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
|
5684
5835
|
}
|
|
5685
5836
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
5686
5837
|
.pf-v6-c-drawer {
|
|
@@ -5721,6 +5872,7 @@ ul) {
|
|
|
5721
5872
|
|
|
5722
5873
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
5723
5874
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
5875
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
5724
5876
|
}
|
|
5725
5877
|
.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) {
|
|
5726
5878
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -5821,6 +5973,11 @@ ul) {
|
|
|
5821
5973
|
overflow: auto;
|
|
5822
5974
|
visibility: hidden;
|
|
5823
5975
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
5976
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
5977
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
5978
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
5979
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
5980
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
5824
5981
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
5825
5982
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
5826
5983
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -5829,15 +5986,6 @@ ul) {
|
|
|
5829
5986
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
5830
5987
|
-webkit-overflow-scrolling: touch;
|
|
5831
5988
|
}
|
|
5832
|
-
.pf-v6-c-drawer__panel::after {
|
|
5833
|
-
position: absolute;
|
|
5834
|
-
inset-block-start: 0;
|
|
5835
|
-
inset-inline-start: 0;
|
|
5836
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5837
|
-
height: 100%;
|
|
5838
|
-
content: "";
|
|
5839
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
5840
|
-
}
|
|
5841
5989
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
5842
5990
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
5843
5991
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -5985,6 +6133,7 @@ ul) {
|
|
|
5985
6133
|
|
|
5986
6134
|
@media screen and (min-width: 48rem) {
|
|
5987
6135
|
.pf-v6-c-drawer {
|
|
6136
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
5988
6137
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
5989
6138
|
}
|
|
5990
6139
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -5992,13 +6141,13 @@ ul) {
|
|
|
5992
6141
|
}
|
|
5993
6142
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
5994
6143
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
|
6144
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
6145
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
6146
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
6147
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
5995
6148
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
5996
6149
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
5997
6150
|
}
|
|
5998
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
5999
|
-
width: 0;
|
|
6000
|
-
height: 0;
|
|
6001
|
-
}
|
|
6002
6151
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
6003
6152
|
flex-shrink: 0;
|
|
6004
6153
|
}
|
|
@@ -6007,18 +6156,17 @@ ul) {
|
|
|
6007
6156
|
}
|
|
6008
6157
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
6009
6158
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
|
6159
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
|
6160
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
6010
6161
|
}
|
|
6011
6162
|
.pf-v6-c-drawer.pf-m-panel-left.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-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
6163
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
6012
6164
|
padding-inline-start: 0;
|
|
6013
6165
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
6014
6166
|
}
|
|
6015
6167
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6016
6168
|
transform: translateX(0);
|
|
6017
6169
|
}
|
|
6018
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
6019
|
-
inset-inline-start: auto;
|
|
6020
|
-
inset-inline-end: 0;
|
|
6021
|
-
}
|
|
6022
6170
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
6023
6171
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
6024
6172
|
order: 1;
|
|
@@ -6027,19 +6175,16 @@ ul) {
|
|
|
6027
6175
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
6028
6176
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
6029
6177
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
6178
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
6179
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
6030
6180
|
min-width: auto;
|
|
6031
6181
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
6032
6182
|
}
|
|
6033
6183
|
.pf-v6-c-drawer.pf-m-panel-bottom.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-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
6184
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
6034
6185
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
6035
6186
|
padding-inline-start: 0;
|
|
6036
6187
|
}
|
|
6037
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
6038
|
-
inset-block-start: 0;
|
|
6039
|
-
inset-inline-start: auto;
|
|
6040
|
-
width: 100%;
|
|
6041
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
6042
|
-
}
|
|
6043
6188
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
6044
6189
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
6045
6190
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -6068,6 +6213,10 @@ ul) {
|
|
|
6068
6213
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
6069
6214
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
6070
6215
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6216
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
|
6217
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
|
6218
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
6219
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
|
6071
6220
|
}
|
|
6072
6221
|
.pf-v6-c-drawer__splitter {
|
|
6073
6222
|
display: block;
|
|
@@ -6162,9 +6311,9 @@ ul) {
|
|
|
6162
6311
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6163
6312
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6164
6313
|
}
|
|
6165
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6166
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6167
|
-
|
|
6314
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
6315
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
6316
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
6168
6317
|
}
|
|
6169
6318
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6170
6319
|
overflow-x: auto;
|
|
@@ -6229,9 +6378,9 @@ ul) {
|
|
|
6229
6378
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6230
6379
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6231
6380
|
}
|
|
6232
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6233
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6234
|
-
|
|
6381
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
6382
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
6383
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
6235
6384
|
}
|
|
6236
6385
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6237
6386
|
overflow-x: auto;
|
|
@@ -6296,9 +6445,9 @@ ul) {
|
|
|
6296
6445
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6297
6446
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6298
6447
|
}
|
|
6299
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6300
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6301
|
-
|
|
6448
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
6449
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
6450
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
6302
6451
|
}
|
|
6303
6452
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6304
6453
|
overflow-x: auto;
|
|
@@ -6363,9 +6512,9 @@ ul) {
|
|
|
6363
6512
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6364
6513
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6365
6514
|
}
|
|
6366
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6367
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6368
|
-
|
|
6515
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
|
6516
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
|
6517
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
|
6369
6518
|
}
|
|
6370
6519
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6371
6520
|
overflow-x: auto;
|
|
@@ -6581,6 +6730,7 @@ ul) {
|
|
|
6581
6730
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
6582
6731
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
6583
6732
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
6733
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
6584
6734
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
6585
6735
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
6586
6736
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
@@ -6628,6 +6778,7 @@ ul) {
|
|
|
6628
6778
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
6629
6779
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
6630
6780
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
6781
|
+
--pf-v6-c-expandable-section__content--Overflow: visible;
|
|
6631
6782
|
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
6632
6783
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6633
6784
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
@@ -6663,6 +6814,7 @@ ul) {
|
|
|
6663
6814
|
}
|
|
6664
6815
|
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
6665
6816
|
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
6817
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6666
6818
|
}
|
|
6667
6819
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
6668
6820
|
display: -webkit-box;
|
|
@@ -6689,13 +6841,14 @@ ul) {
|
|
|
6689
6841
|
.pf-v6-c-expandable-section__content {
|
|
6690
6842
|
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
6691
6843
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
6692
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart
|
|
6844
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
6693
6845
|
}
|
|
6694
6846
|
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
6695
6847
|
display: revert;
|
|
6696
6848
|
}
|
|
6697
|
-
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
6849
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
6698
6850
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
6851
|
+
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
6699
6852
|
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
6700
6853
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
6701
6854
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
@@ -7474,6 +7627,12 @@ ul) {
|
|
|
7474
7627
|
.pf-v6-c-form-control > :is(input, select) {
|
|
7475
7628
|
text-overflow: ellipsis;
|
|
7476
7629
|
}
|
|
7630
|
+
.pf-v6-c-form-control > select {
|
|
7631
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7632
|
+
}
|
|
7633
|
+
.pf-v6-c-form-control > select * {
|
|
7634
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
7635
|
+
}
|
|
7477
7636
|
.pf-v6-c-form-control:has(input) {
|
|
7478
7637
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
7479
7638
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
@@ -7619,17 +7778,10 @@ ul) {
|
|
|
7619
7778
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
7620
7779
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
7621
7780
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7622
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7623
7781
|
}
|
|
7624
7782
|
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
7625
7783
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7626
7784
|
}
|
|
7627
|
-
@-moz-document url-prefix() {
|
|
7628
|
-
.pf-v6-c-form-control:has(select) {
|
|
7629
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
7630
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
7631
|
-
}
|
|
7632
|
-
}
|
|
7633
7785
|
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
7634
7786
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7635
7787
|
}
|
|
@@ -8594,10 +8746,11 @@ label.pf-v6-c-input-group__text {
|
|
|
8594
8746
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8595
8747
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
8596
8748
|
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
|
8597
|
-
--pf-v6-c-label--BorderWidth:
|
|
8598
|
-
--pf-v6-c-label--BorderColor:
|
|
8749
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
8750
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8599
8751
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
8600
8752
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
8753
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
|
8601
8754
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8602
8755
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8603
8756
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -8720,8 +8873,8 @@ label.pf-v6-c-input-group__text {
|
|
|
8720
8873
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
8721
8874
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
8722
8875
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
8723
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
8724
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
|
8876
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
8877
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8725
8878
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
8726
8879
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
8727
8880
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -8734,8 +8887,10 @@ label.pf-v6-c-input-group__text {
|
|
|
8734
8887
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8735
8888
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
8736
8889
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
8890
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
8737
8891
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8738
8892
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
8893
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
8739
8894
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
8740
8895
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
8741
8896
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -8756,15 +8911,15 @@ label.pf-v6-c-input-group__text {
|
|
|
8756
8911
|
--pf-v6-c-label__content--Cursor: initial;
|
|
8757
8912
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8758
8913
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
8759
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
8914
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
8760
8915
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8761
8916
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
8762
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
8763
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
8764
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
8765
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
8766
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
8767
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
|
8917
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
|
8918
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
|
8919
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
|
8920
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
|
8921
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
|
8922
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
|
8768
8923
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
8769
8924
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
8770
8925
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -8784,6 +8939,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8784
8939
|
|
|
8785
8940
|
.pf-v6-c-label {
|
|
8786
8941
|
position: relative;
|
|
8942
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
8787
8943
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
8788
8944
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
8789
8945
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -8983,10 +9139,12 @@ label.pf-v6-c-input-group__text {
|
|
|
8983
9139
|
.pf-v6-c-label.pf-m-overflow {
|
|
8984
9140
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
8985
9141
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
|
9142
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
|
8986
9143
|
}
|
|
8987
9144
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
8988
9145
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
8989
9146
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
|
9147
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
|
8990
9148
|
}
|
|
8991
9149
|
.pf-v6-c-label.pf-m-add {
|
|
8992
9150
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -9086,6 +9244,9 @@ input.pf-v6-c-label__content {
|
|
|
9086
9244
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
9087
9245
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
9088
9246
|
}
|
|
9247
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
|
9248
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
|
9249
|
+
}
|
|
9089
9250
|
|
|
9090
9251
|
.pf-v6-c-label-group {
|
|
9091
9252
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -9324,6 +9485,8 @@ ul.pf-v6-c-list {
|
|
|
9324
9485
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9325
9486
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9326
9487
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
9488
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9489
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9327
9490
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9328
9491
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9329
9492
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -9455,6 +9618,7 @@ ul.pf-v6-c-list {
|
|
|
9455
9618
|
align-self: start;
|
|
9456
9619
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
9457
9620
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
9621
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
9458
9622
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
9459
9623
|
}
|
|
9460
9624
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -10101,6 +10265,8 @@ ul.pf-v6-c-list {
|
|
|
10101
10265
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10102
10266
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10103
10267
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
10268
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10269
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10104
10270
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10105
10271
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
10106
10272
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -10118,9 +10284,16 @@ ul.pf-v6-c-list {
|
|
|
10118
10284
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10119
10285
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10120
10286
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
10287
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
10288
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
10121
10289
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
10290
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10291
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10122
10292
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
10123
10293
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10294
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
10295
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
10296
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10124
10297
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
10125
10298
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10126
10299
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -10296,6 +10469,7 @@ ul.pf-v6-c-list {
|
|
|
10296
10469
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
10297
10470
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
10298
10471
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
10472
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
10299
10473
|
}
|
|
10300
10474
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
10301
10475
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -10320,6 +10494,7 @@ ul.pf-v6-c-list {
|
|
|
10320
10494
|
overflow: hidden;
|
|
10321
10495
|
color: var(--pf-v6-c-menu--Color);
|
|
10322
10496
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
10497
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
10323
10498
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
10324
10499
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
10325
10500
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -10364,6 +10539,7 @@ ul.pf-v6-c-list {
|
|
|
10364
10539
|
}
|
|
10365
10540
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
10366
10541
|
padding: 0;
|
|
10542
|
+
border: 0;
|
|
10367
10543
|
}
|
|
10368
10544
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
10369
10545
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -10432,6 +10608,8 @@ ul.pf-v6-c-list {
|
|
|
10432
10608
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
10433
10609
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
10434
10610
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
10611
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
10612
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
10435
10613
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10436
10614
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10437
10615
|
overflow: hidden;
|
|
@@ -10473,6 +10651,7 @@ ul.pf-v6-c-list {
|
|
|
10473
10651
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
10474
10652
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
10475
10653
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
10654
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
10476
10655
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
10477
10656
|
}
|
|
10478
10657
|
|
|
@@ -10506,6 +10685,8 @@ ul.pf-v6-c-list {
|
|
|
10506
10685
|
inset: 0;
|
|
10507
10686
|
content: "";
|
|
10508
10687
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
10688
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
10689
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
10509
10690
|
transition: inherit;
|
|
10510
10691
|
}
|
|
10511
10692
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -10530,6 +10711,7 @@ ul.pf-v6-c-list {
|
|
|
10530
10711
|
}
|
|
10531
10712
|
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
|
|
10532
10713
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
|
10714
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
|
10533
10715
|
}
|
|
10534
10716
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
10535
10717
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
|
|
@@ -10718,19 +10900,19 @@ ul.pf-v6-c-list {
|
|
|
10718
10900
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10719
10901
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10720
10902
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
10721
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
|
10903
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
10722
10904
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
10723
10905
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10724
10906
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
10725
10907
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
10726
10908
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
10727
10909
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10728
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
10910
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
10729
10911
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10730
10912
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10731
10913
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
10732
10914
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10733
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
|
10915
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
10734
10916
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10735
10917
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10736
10918
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -10799,7 +10981,7 @@ ul.pf-v6-c-list {
|
|
|
10799
10981
|
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10800
10982
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
10801
10983
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
10802
|
-
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
10984
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
10803
10985
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
10804
10986
|
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
10805
10987
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
@@ -10817,7 +10999,10 @@ ul.pf-v6-c-list {
|
|
|
10817
10999
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10818
11000
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
10819
11001
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10820
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
|
11002
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11003
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
11004
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
11005
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
10821
11006
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10822
11007
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
10823
11008
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -10943,6 +11128,7 @@ ul.pf-v6-c-list {
|
|
|
10943
11128
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
10944
11129
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
10945
11130
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
11131
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
10946
11132
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
10947
11133
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
10948
11134
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -10955,12 +11141,14 @@ ul.pf-v6-c-list {
|
|
|
10955
11141
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
10956
11142
|
}
|
|
10957
11143
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
10958
|
-
|
|
11144
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
11145
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
|
10959
11146
|
}
|
|
10960
11147
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
10961
11148
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
10962
11149
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
10963
11150
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
11151
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
|
10964
11152
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
10965
11153
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
10966
11154
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -10972,6 +11160,7 @@ ul.pf-v6-c-list {
|
|
|
10972
11160
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
10973
11161
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
10974
11162
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
|
11163
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
|
10975
11164
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
10976
11165
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
10977
11166
|
}
|
|
@@ -11220,6 +11409,8 @@ ul.pf-v6-c-list {
|
|
|
11220
11409
|
|
|
11221
11410
|
.pf-v6-c-modal-box {
|
|
11222
11411
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11412
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11413
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11223
11414
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
11224
11415
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
11225
11416
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -11286,6 +11477,7 @@ ul.pf-v6-c-list {
|
|
|
11286
11477
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
11287
11478
|
overflow: auto;
|
|
11288
11479
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
|
11480
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
|
11289
11481
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
11290
11482
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
11291
11483
|
}
|
|
@@ -11677,6 +11869,10 @@ ul.pf-v6-c-list {
|
|
|
11677
11869
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
11678
11870
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
11679
11871
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
11872
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11873
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
11874
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
11875
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
11680
11876
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
11681
11877
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
11682
11878
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -11711,6 +11907,8 @@ ul.pf-v6-c-list {
|
|
|
11711
11907
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
11712
11908
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11713
11909
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
11910
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11911
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11714
11912
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
11715
11913
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11716
11914
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11870,12 +12068,22 @@ ul.pf-v6-c-list {
|
|
|
11870
12068
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
11871
12069
|
transition-property: background-color, color;
|
|
11872
12070
|
}
|
|
12071
|
+
.pf-v6-c-nav__link::after {
|
|
12072
|
+
position: absolute;
|
|
12073
|
+
inset: 0;
|
|
12074
|
+
pointer-events: none;
|
|
12075
|
+
content: "";
|
|
12076
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
|
12077
|
+
border-radius: inherit;
|
|
12078
|
+
}
|
|
11873
12079
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
12080
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
|
11874
12081
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
11875
12082
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
11876
12083
|
}
|
|
11877
12084
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
11878
12085
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
|
12086
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
|
11879
12087
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
11880
12088
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
11881
12089
|
}
|
|
@@ -11978,6 +12186,7 @@ ul.pf-v6-c-list {
|
|
|
11978
12186
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11979
12187
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11980
12188
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
|
12189
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
|
11981
12190
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11982
12191
|
}
|
|
11983
12192
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -12308,7 +12517,7 @@ ul.pf-v6-c-list {
|
|
|
12308
12517
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
12309
12518
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
12310
12519
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
12311
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
12520
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
12312
12521
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
12313
12522
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
12314
12523
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -12323,6 +12532,8 @@ ul.pf-v6-c-list {
|
|
|
12323
12532
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
12324
12533
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
12325
12534
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
|
12535
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12536
|
+
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
12326
12537
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
12327
12538
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
12328
12539
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12347,13 +12558,19 @@ ul.pf-v6-c-list {
|
|
|
12347
12558
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
12348
12559
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
12349
12560
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
12350
|
-
--pf-v6-c-page__main-container--
|
|
12351
|
-
--pf-v6-c-page__main-container--
|
|
12561
|
+
--pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
|
|
12562
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
|
|
12563
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
12564
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
12565
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
12352
12566
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
12353
12567
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
12354
12568
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
12355
12569
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
12356
12570
|
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
12571
|
+
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
|
12572
|
+
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
|
12573
|
+
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
|
12357
12574
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12358
12575
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12359
12576
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -12366,22 +12583,30 @@ ul.pf-v6-c-list {
|
|
|
12366
12583
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
12367
12584
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
12368
12585
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12586
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12587
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
12369
12588
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
12370
12589
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12590
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12591
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
12371
12592
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12372
12593
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
12594
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12595
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
12373
12596
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12374
12597
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
12598
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12599
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
12375
12600
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12376
12601
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12377
12602
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
12378
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
12379
|
-
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
12603
|
+
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
12604
|
+
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12380
12605
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12381
12606
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12382
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
12607
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12383
12608
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
12384
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
12609
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
12385
12610
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12386
12611
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12387
12612
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
@@ -12392,6 +12617,8 @@ ul.pf-v6-c-list {
|
|
|
12392
12617
|
--pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12393
12618
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12394
12619
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
12620
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12621
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
12395
12622
|
}
|
|
12396
12623
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12397
12624
|
.pf-v6-c-page {
|
|
@@ -12404,6 +12631,16 @@ ul.pf-v6-c-list {
|
|
|
12404
12631
|
.pf-v6-c-page {
|
|
12405
12632
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
12406
12633
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
12634
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
12635
|
+
}
|
|
12636
|
+
}
|
|
12637
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
12638
|
+
.pf-v6-c-page {
|
|
12639
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
12640
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12641
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
12642
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
12643
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
12407
12644
|
}
|
|
12408
12645
|
}
|
|
12409
12646
|
|
|
@@ -12497,6 +12734,7 @@ ul.pf-v6-c-list {
|
|
|
12497
12734
|
overflow-y: auto;
|
|
12498
12735
|
-webkit-overflow-scrolling: touch;
|
|
12499
12736
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
12737
|
+
border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
|
|
12500
12738
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
12501
12739
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
12502
12740
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
@@ -12512,7 +12750,7 @@ ul.pf-v6-c-list {
|
|
|
12512
12750
|
}
|
|
12513
12751
|
@media screen and (min-width: 75rem) {
|
|
12514
12752
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
12515
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
12753
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
12516
12754
|
}
|
|
12517
12755
|
}
|
|
12518
12756
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
|
@@ -12609,6 +12847,7 @@ ul.pf-v6-c-list {
|
|
|
12609
12847
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
|
12610
12848
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
|
12611
12849
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
|
12850
|
+
border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
|
|
12612
12851
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
12613
12852
|
}
|
|
12614
12853
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
@@ -12618,6 +12857,7 @@ ul.pf-v6-c-list {
|
|
|
12618
12857
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
|
12619
12858
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
|
12620
12859
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
|
12860
|
+
border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
|
|
12621
12861
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
12622
12862
|
}
|
|
12623
12863
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
@@ -12629,6 +12869,7 @@ ul.pf-v6-c-list {
|
|
|
12629
12869
|
position: sticky;
|
|
12630
12870
|
inset-block-start: 0;
|
|
12631
12871
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
12872
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12632
12873
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12633
12874
|
}
|
|
12634
12875
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
@@ -12640,6 +12881,7 @@ ul.pf-v6-c-list {
|
|
|
12640
12881
|
position: sticky;
|
|
12641
12882
|
inset-block-end: 0;
|
|
12642
12883
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
12884
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12643
12885
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12644
12886
|
}
|
|
12645
12887
|
@media (min-height: 0) {
|
|
@@ -12652,6 +12894,7 @@ ul.pf-v6-c-list {
|
|
|
12652
12894
|
position: sticky;
|
|
12653
12895
|
inset-block-start: 0;
|
|
12654
12896
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
12897
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12655
12898
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12656
12899
|
}
|
|
12657
12900
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -12663,6 +12906,7 @@ ul.pf-v6-c-list {
|
|
|
12663
12906
|
position: sticky;
|
|
12664
12907
|
inset-block-end: 0;
|
|
12665
12908
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
12909
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12666
12910
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12667
12911
|
}
|
|
12668
12912
|
}
|
|
@@ -12676,6 +12920,7 @@ ul.pf-v6-c-list {
|
|
|
12676
12920
|
position: sticky;
|
|
12677
12921
|
inset-block-start: 0;
|
|
12678
12922
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
12923
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12679
12924
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12680
12925
|
}
|
|
12681
12926
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
@@ -12687,6 +12932,7 @@ ul.pf-v6-c-list {
|
|
|
12687
12932
|
position: sticky;
|
|
12688
12933
|
inset-block-end: 0;
|
|
12689
12934
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
12935
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12690
12936
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12691
12937
|
}
|
|
12692
12938
|
}
|
|
@@ -12700,6 +12946,7 @@ ul.pf-v6-c-list {
|
|
|
12700
12946
|
position: sticky;
|
|
12701
12947
|
inset-block-start: 0;
|
|
12702
12948
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
12949
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12703
12950
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12704
12951
|
}
|
|
12705
12952
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -12711,6 +12958,7 @@ ul.pf-v6-c-list {
|
|
|
12711
12958
|
position: sticky;
|
|
12712
12959
|
inset-block-end: 0;
|
|
12713
12960
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
12961
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12714
12962
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12715
12963
|
}
|
|
12716
12964
|
}
|
|
@@ -12724,6 +12972,7 @@ ul.pf-v6-c-list {
|
|
|
12724
12972
|
position: sticky;
|
|
12725
12973
|
inset-block-start: 0;
|
|
12726
12974
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
12975
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12727
12976
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12728
12977
|
}
|
|
12729
12978
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -12735,6 +12984,7 @@ ul.pf-v6-c-list {
|
|
|
12735
12984
|
position: sticky;
|
|
12736
12985
|
inset-block-end: 0;
|
|
12737
12986
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
12987
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12738
12988
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12739
12989
|
}
|
|
12740
12990
|
}
|
|
@@ -12748,6 +12998,7 @@ ul.pf-v6-c-list {
|
|
|
12748
12998
|
position: sticky;
|
|
12749
12999
|
inset-block-start: 0;
|
|
12750
13000
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
|
13001
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
|
12751
13002
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12752
13003
|
}
|
|
12753
13004
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -12759,6 +13010,7 @@ ul.pf-v6-c-list {
|
|
|
12759
13010
|
position: sticky;
|
|
12760
13011
|
inset-block-end: 0;
|
|
12761
13012
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
|
13013
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
|
12762
13014
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12763
13015
|
}
|
|
12764
13016
|
}
|
|
@@ -12771,14 +13023,16 @@ ul.pf-v6-c-list {
|
|
|
12771
13023
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
12772
13024
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
12773
13025
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
12774
|
-
border:
|
|
13026
|
+
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
13027
|
+
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
13028
|
+
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
13029
|
+
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
13030
|
+
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
12775
13031
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
12776
13032
|
}
|
|
12777
13033
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
12778
13034
|
.pf-v6-c-page__main-container {
|
|
12779
13035
|
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
12780
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
12781
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12782
13036
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
12783
13037
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
12784
13038
|
}
|
|
@@ -12901,8 +13155,8 @@ ul.pf-v6-c-list {
|
|
|
12901
13155
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
|
12902
13156
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12903
13157
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12904
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12905
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13158
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13159
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12906
13160
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
|
12907
13161
|
}
|
|
12908
13162
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
@@ -12911,8 +13165,8 @@ ul.pf-v6-c-list {
|
|
|
12911
13165
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
12912
13166
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12913
13167
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12914
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12915
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13168
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13169
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12916
13170
|
}
|
|
12917
13171
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
12918
13172
|
padding: 0;
|
|
@@ -12921,8 +13175,8 @@ ul.pf-v6-c-list {
|
|
|
12921
13175
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
12922
13176
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12923
13177
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12924
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12925
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13178
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13179
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12926
13180
|
}
|
|
12927
13181
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
12928
13182
|
padding: 0;
|
|
@@ -12932,8 +13186,8 @@ ul.pf-v6-c-list {
|
|
|
12932
13186
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
12933
13187
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12934
13188
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12935
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12936
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13189
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13190
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12937
13191
|
}
|
|
12938
13192
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
12939
13193
|
padding: 0;
|
|
@@ -12943,8 +13197,8 @@ ul.pf-v6-c-list {
|
|
|
12943
13197
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
12944
13198
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12945
13199
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12946
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12947
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13200
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13201
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12948
13202
|
}
|
|
12949
13203
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
12950
13204
|
padding: 0;
|
|
@@ -12954,8 +13208,8 @@ ul.pf-v6-c-list {
|
|
|
12954
13208
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
12955
13209
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12956
13210
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12957
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12958
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13211
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13212
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12959
13213
|
}
|
|
12960
13214
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12961
13215
|
padding: 0;
|
|
@@ -12965,8 +13219,8 @@ ul.pf-v6-c-list {
|
|
|
12965
13219
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
12966
13220
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12967
13221
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12968
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12969
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
|
13222
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
|
13223
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
|
12970
13224
|
}
|
|
12971
13225
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
12972
13226
|
padding: 0;
|
|
@@ -12991,6 +13245,9 @@ ul.pf-v6-c-list {
|
|
|
12991
13245
|
flex-shrink: 0;
|
|
12992
13246
|
}
|
|
12993
13247
|
|
|
13248
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13249
|
+
border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
|
|
13250
|
+
}
|
|
12994
13251
|
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
12995
13252
|
align-self: revert;
|
|
12996
13253
|
}
|
|
@@ -13001,7 +13258,10 @@ ul.pf-v6-c-list {
|
|
|
13001
13258
|
.pf-v6-c-pagination {
|
|
13002
13259
|
--pf-v6-c-pagination--inset: 0;
|
|
13003
13260
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
13004
|
-
--pf-v6-c-pagination--
|
|
13261
|
+
--pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13262
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: 0;
|
|
13263
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: 0;
|
|
13264
|
+
--pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
13005
13265
|
--pf-v6-c-pagination__nav--Display: none;
|
|
13006
13266
|
--pf-v6-c-pagination--m-display-summary__nav--Display: none;
|
|
13007
13267
|
--pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
@@ -13022,14 +13282,17 @@ ul.pf-v6-c-list {
|
|
|
13022
13282
|
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13023
13283
|
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
13024
13284
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
13285
|
+
--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13025
13286
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13026
13287
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
13027
13288
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
13028
13289
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
13290
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13029
13291
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13030
13292
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13031
13293
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
13032
13294
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13295
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13033
13296
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
13034
13297
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
13035
13298
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13044,6 +13307,7 @@ ul.pf-v6-c-list {
|
|
|
13044
13307
|
@media screen and (min-width: 48rem) {
|
|
13045
13308
|
.pf-v6-c-pagination {
|
|
13046
13309
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
13310
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
13047
13311
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
13048
13312
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
|
13049
13313
|
--pf-v6-c-pagination__total-items--Display: none;
|
|
@@ -13063,6 +13327,9 @@ ul.pf-v6-c-list {
|
|
|
13063
13327
|
justify-content: flex-end;
|
|
13064
13328
|
padding-inline-start: var(--pf-v6-c-pagination--inset);
|
|
13065
13329
|
padding-inline-end: var(--pf-v6-c-pagination--inset);
|
|
13330
|
+
border: 0 solid var(--pf-v6-c-pagination--BorderColor);
|
|
13331
|
+
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
13332
|
+
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
13066
13333
|
}
|
|
13067
13334
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
13068
13335
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
@@ -13070,6 +13337,7 @@ ul.pf-v6-c-list {
|
|
|
13070
13337
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
13071
13338
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
13072
13339
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
|
|
13340
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
|
|
13073
13341
|
position: sticky;
|
|
13074
13342
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
13075
13343
|
justify-content: center;
|
|
@@ -13096,7 +13364,6 @@ ul.pf-v6-c-list {
|
|
|
13096
13364
|
}
|
|
13097
13365
|
@media screen and (min-width: 48rem) {
|
|
13098
13366
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
13099
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
13100
13367
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
13101
13368
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
13102
13369
|
position: relative;
|
|
@@ -13128,10 +13395,13 @@ ul.pf-v6-c-list {
|
|
|
13128
13395
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
13129
13396
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
13130
13397
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
13398
|
+
border: 0;
|
|
13131
13399
|
box-shadow: none;
|
|
13132
13400
|
}
|
|
13133
13401
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
13134
13402
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
13403
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
|
|
13404
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
13135
13405
|
position: sticky;
|
|
13136
13406
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
13137
13407
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
@@ -13367,11 +13637,14 @@ ul.pf-v6-c-list {
|
|
|
13367
13637
|
--pf-v6-c-panel--BoxShadow: none;
|
|
13368
13638
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
13369
13639
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
13370
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
|
13640
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13371
13641
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13642
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13372
13643
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13644
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
13373
13645
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
13374
13646
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13647
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13375
13648
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13376
13649
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13377
13650
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13387,11 +13660,15 @@ ul.pf-v6-c-list {
|
|
|
13387
13660
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13388
13661
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13389
13662
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
13663
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
13664
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
13390
13665
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
13391
13666
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
13392
13667
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13393
13668
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13394
13669
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
13670
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13671
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13395
13672
|
}
|
|
13396
13673
|
|
|
13397
13674
|
.pf-v6-c-panel {
|
|
@@ -13413,13 +13690,16 @@ ul.pf-v6-c-list {
|
|
|
13413
13690
|
}
|
|
13414
13691
|
.pf-v6-c-panel.pf-m-bordered {
|
|
13415
13692
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
|
13693
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
|
13416
13694
|
}
|
|
13417
13695
|
.pf-v6-c-panel.pf-m-secondary {
|
|
13418
13696
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
|
13697
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
|
13419
13698
|
}
|
|
13420
13699
|
.pf-v6-c-panel.pf-m-raised {
|
|
13421
13700
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
13422
13701
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
|
13702
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
|
13423
13703
|
}
|
|
13424
13704
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
13425
13705
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -13427,6 +13707,8 @@ ul.pf-v6-c-list {
|
|
|
13427
13707
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
13428
13708
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
13429
13709
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
13710
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
13711
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
13430
13712
|
}
|
|
13431
13713
|
|
|
13432
13714
|
.pf-v6-c-panel__header {
|
|
@@ -13453,6 +13735,7 @@ ul.pf-v6-c-list {
|
|
|
13453
13735
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
13454
13736
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
13455
13737
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
13738
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
13456
13739
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
13457
13740
|
}
|
|
13458
13741
|
|
|
@@ -13461,6 +13744,8 @@ ul.pf-v6-c-list {
|
|
|
13461
13744
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13462
13745
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13463
13746
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
13747
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13748
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13464
13749
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13465
13750
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13466
13751
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -13511,6 +13796,7 @@ ul.pf-v6-c-list {
|
|
|
13511
13796
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
13512
13797
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
13513
13798
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
13799
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
13514
13800
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
13515
13801
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
13516
13802
|
}
|
|
@@ -13625,6 +13911,7 @@ ul.pf-v6-c-list {
|
|
|
13625
13911
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
13626
13912
|
pointer-events: none;
|
|
13627
13913
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
|
13914
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
13628
13915
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
13629
13916
|
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
|
13630
13917
|
}
|
|
@@ -13665,11 +13952,15 @@ ul.pf-v6-c-list {
|
|
|
13665
13952
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13666
13953
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13667
13954
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13955
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13956
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13668
13957
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13669
13958
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13670
13959
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13671
13960
|
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13672
13961
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13962
|
+
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
13963
|
+
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
13673
13964
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13674
13965
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13675
13966
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -13826,12 +14117,27 @@ ul.pf-v6-c-list {
|
|
|
13826
14117
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13827
14118
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
13828
14119
|
}
|
|
14120
|
+
.pf-v6-c-progress__bar::before {
|
|
14121
|
+
position: absolute;
|
|
14122
|
+
inset: 0;
|
|
14123
|
+
pointer-events: none;
|
|
14124
|
+
content: "";
|
|
14125
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
|
14126
|
+
border-radius: inherit;
|
|
14127
|
+
}
|
|
13829
14128
|
|
|
13830
14129
|
.pf-v6-c-progress__indicator {
|
|
13831
14130
|
position: absolute;
|
|
13832
14131
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
13833
14132
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
13834
14133
|
}
|
|
14134
|
+
.pf-v6-c-progress__indicator::before {
|
|
14135
|
+
position: absolute;
|
|
14136
|
+
inset: 0;
|
|
14137
|
+
content: "";
|
|
14138
|
+
border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
|
|
14139
|
+
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
14140
|
+
}
|
|
13835
14141
|
|
|
13836
14142
|
.pf-v6-c-progress__helper-text {
|
|
13837
14143
|
grid-row: 3/4;
|
|
@@ -14576,6 +14882,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14576
14882
|
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
14577
14883
|
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
14578
14884
|
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
14885
|
+
--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14579
14886
|
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
14580
14887
|
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
14581
14888
|
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
@@ -14584,6 +14891,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14584
14891
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
14585
14892
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
14586
14893
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
14894
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
14895
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14587
14896
|
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
14588
14897
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
14589
14898
|
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
@@ -14612,6 +14921,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14612
14921
|
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
14613
14922
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
14614
14923
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
14924
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
14615
14925
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
14616
14926
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
14617
14927
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
@@ -14641,6 +14951,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14641
14951
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
14642
14952
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
14643
14953
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
14954
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
|
|
14644
14955
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
14645
14956
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
14646
14957
|
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
@@ -14651,6 +14962,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14651
14962
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
14652
14963
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
14653
14964
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
14965
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
14654
14966
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
14655
14967
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
14656
14968
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
@@ -14682,6 +14994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14682
14994
|
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
14683
14995
|
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
14684
14996
|
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
14997
|
+
border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
|
|
14685
14998
|
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
14686
14999
|
}
|
|
14687
15000
|
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
@@ -14892,6 +15205,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14892
15205
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
14893
15206
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
14894
15207
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
15208
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
15209
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15210
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
15211
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
14895
15212
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
14896
15213
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
14897
15214
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -14906,6 +15223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14906
15223
|
}
|
|
14907
15224
|
|
|
14908
15225
|
.pf-v6-c-simple-list__item-link {
|
|
15226
|
+
position: relative;
|
|
14909
15227
|
display: block;
|
|
14910
15228
|
width: 100%;
|
|
14911
15229
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -14920,6 +15238,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14920
15238
|
border: none;
|
|
14921
15239
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
14922
15240
|
}
|
|
15241
|
+
.pf-v6-c-simple-list__item-link::after {
|
|
15242
|
+
position: absolute;
|
|
15243
|
+
inset: 0;
|
|
15244
|
+
pointer-events: none;
|
|
15245
|
+
content: "";
|
|
15246
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
|
15247
|
+
border-radius: inherit;
|
|
15248
|
+
}
|
|
14923
15249
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
14924
15250
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
14925
15251
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -14928,11 +15254,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14928
15254
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
14929
15255
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
14930
15256
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
15257
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
|
14931
15258
|
text-decoration-line: none;
|
|
14932
15259
|
}
|
|
14933
15260
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14934
15261
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14935
15262
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
|
15263
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
|
14936
15264
|
}
|
|
14937
15265
|
|
|
14938
15266
|
.pf-v6-c-simple-list__title {
|
|
@@ -15158,6 +15486,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15158
15486
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
15159
15487
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15160
15488
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
15489
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15490
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
15161
15491
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
15162
15492
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
15163
15493
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -15167,6 +15497,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15167
15497
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
15168
15498
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
15169
15499
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
15500
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15501
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
15170
15502
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
15171
15503
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
15172
15504
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -15182,6 +15514,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15182
15514
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15183
15515
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
15184
15516
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
15517
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15518
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
15185
15519
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15186
15520
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
15187
15521
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -15251,6 +15585,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15251
15585
|
inset: 0;
|
|
15252
15586
|
content: "";
|
|
15253
15587
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
15588
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
15254
15589
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
15255
15590
|
}
|
|
15256
15591
|
|
|
@@ -15286,6 +15621,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15286
15621
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
15287
15622
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
15288
15623
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
15624
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
15289
15625
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
15290
15626
|
}
|
|
15291
15627
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -15311,6 +15647,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15311
15647
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
15312
15648
|
cursor: pointer;
|
|
15313
15649
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
15650
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
15314
15651
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
15315
15652
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
15316
15653
|
}
|
|
@@ -15464,11 +15801,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15464
15801
|
--pf-v6-c-switch--Height: auto;
|
|
15465
15802
|
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15466
15803
|
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15467
|
-
--pf-v6-c-switch__input--checked__toggle--
|
|
15804
|
+
--pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
|
|
15805
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15468
15806
|
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15469
15807
|
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15470
15808
|
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15471
15809
|
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15810
|
+
--pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15472
15811
|
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15473
15812
|
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15474
15813
|
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
@@ -15483,6 +15822,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15483
15822
|
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15484
15823
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15485
15824
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15825
|
+
--pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15486
15826
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15487
15827
|
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15488
15828
|
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
@@ -15524,6 +15864,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15524
15864
|
}
|
|
15525
15865
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15526
15866
|
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15867
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
|
|
15527
15868
|
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15528
15869
|
}
|
|
15529
15870
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
@@ -15549,6 +15890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15549
15890
|
}
|
|
15550
15891
|
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15551
15892
|
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15893
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
|
|
15552
15894
|
cursor: not-allowed;
|
|
15553
15895
|
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15554
15896
|
}
|
|
@@ -15573,6 +15915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15573
15915
|
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15574
15916
|
content: "";
|
|
15575
15917
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15918
|
+
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
15576
15919
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15577
15920
|
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15578
15921
|
transform: translateY(-50%);
|
|
@@ -17327,6 +17670,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17327
17670
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
17328
17671
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17329
17672
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
|
17673
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17674
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
17675
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
17330
17676
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17331
17677
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
17332
17678
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -17356,6 +17702,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17356
17702
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17357
17703
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17358
17704
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17705
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
17706
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
|
17359
17707
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17360
17708
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
17361
17709
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -17377,10 +17725,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17377
17725
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17378
17726
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17379
17727
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
17728
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
17380
17729
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
17381
17730
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17382
17731
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17383
17732
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
17733
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17384
17734
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
17385
17735
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17386
17736
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -17792,6 +18142,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17792
18142
|
}
|
|
17793
18143
|
|
|
17794
18144
|
.pf-v6-c-table__button {
|
|
18145
|
+
position: relative;
|
|
17795
18146
|
width: auto;
|
|
17796
18147
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
17797
18148
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -17810,6 +18161,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17810
18161
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
17811
18162
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
17812
18163
|
}
|
|
18164
|
+
.pf-v6-c-table__button::after {
|
|
18165
|
+
position: absolute;
|
|
18166
|
+
inset: 0;
|
|
18167
|
+
pointer-events: none;
|
|
18168
|
+
content: "";
|
|
18169
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
|
18170
|
+
border-radius: inherit;
|
|
18171
|
+
}
|
|
17813
18172
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
17814
18173
|
margin-block-end: 0;
|
|
17815
18174
|
}
|
|
@@ -17985,6 +18344,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17985
18344
|
content: "";
|
|
17986
18345
|
border: 0;
|
|
17987
18346
|
border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
|
|
18347
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
|
17988
18348
|
}
|
|
17989
18349
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
17990
18350
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -18019,6 +18379,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18019
18379
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
18020
18380
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
18021
18381
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
|
18382
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
|
18022
18383
|
}
|
|
18023
18384
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
18024
18385
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -18068,16 +18429,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18068
18429
|
border-radius: 0;
|
|
18069
18430
|
}
|
|
18070
18431
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
18432
|
+
position: relative;
|
|
18071
18433
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
18072
18434
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
18073
18435
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
18074
18436
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
18075
18437
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
18438
|
+
border: 0;
|
|
18076
18439
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
18077
18440
|
}
|
|
18078
18441
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
18079
18442
|
background-color: transparent;
|
|
18080
18443
|
}
|
|
18444
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
|
18445
|
+
position: absolute;
|
|
18446
|
+
inset: 0;
|
|
18447
|
+
pointer-events: none;
|
|
18448
|
+
content: "";
|
|
18449
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
|
18450
|
+
border-radius: inherit;
|
|
18451
|
+
}
|
|
18081
18452
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
18082
18453
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
18083
18454
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -18135,6 +18506,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18135
18506
|
vertical-align: top;
|
|
18136
18507
|
}
|
|
18137
18508
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
18509
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
|
18138
18510
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
18139
18511
|
}
|
|
18140
18512
|
|
|
@@ -19133,7 +19505,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19133
19505
|
--pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19134
19506
|
--pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
|
|
19135
19507
|
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
|
19136
|
-
--pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--
|
|
19508
|
+
--pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
19137
19509
|
--pf-v6-c-tabs--m-vertical--Width: 100%;
|
|
19138
19510
|
--pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
|
|
19139
19511
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
|
@@ -19161,6 +19533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19161
19533
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
19162
19534
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19163
19535
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19536
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
19537
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
19538
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19539
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
19164
19540
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19165
19541
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19166
19542
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -19196,11 +19572,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19196
19572
|
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
|
|
19197
19573
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
|
|
19198
19574
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
|
|
19199
|
-
--pf-v6-c-
|
|
19575
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
19576
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19577
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19578
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19200
19579
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
19201
19580
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19202
19581
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
19203
19582
|
--pf-v6-c-tabs__link--after--InsetBlockStart: auto;
|
|
19583
|
+
--pf-v6-c-tabs__link--after--InsetInlineStart: 0;
|
|
19204
19584
|
--pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
|
|
19205
19585
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
|
|
19206
19586
|
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -19356,6 +19736,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19356
19736
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
19357
19737
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
19358
19738
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
19739
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
19740
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
19741
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
19742
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
|
|
19359
19743
|
}
|
|
19360
19744
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
|
|
19361
19745
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
@@ -19363,9 +19747,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19363
19747
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
|
|
19364
19748
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
19365
19749
|
}
|
|
19366
|
-
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
|
|
19367
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
19368
|
-
}
|
|
19369
19750
|
.pf-v6-c-tabs.pf-m-box.pf-m-secondary {
|
|
19370
19751
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
|
|
19371
19752
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
|
|
@@ -19383,7 +19764,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19383
19764
|
--pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
|
|
19384
19765
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
|
|
19385
19766
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
|
|
19386
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
19387
19767
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
|
|
19388
19768
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19389
19769
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
@@ -19660,6 +20040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19660
20040
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
19661
20041
|
text-decoration-line: none;
|
|
19662
20042
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
20043
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
|
19663
20044
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
19664
20045
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
19665
20046
|
}
|
|
@@ -19682,7 +20063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19682
20063
|
.pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
|
|
19683
20064
|
inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
|
|
19684
20065
|
inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
|
|
19685
|
-
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
|
|
20066
|
+
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
|
|
19686
20067
|
inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
|
|
19687
20068
|
border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
|
|
19688
20069
|
border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
|
|
@@ -19693,6 +20074,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19693
20074
|
|
|
19694
20075
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
19695
20076
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
|
20077
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
|
19696
20078
|
}
|
|
19697
20079
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
19698
20080
|
pointer-events: none;
|
|
@@ -19707,6 +20089,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19707
20089
|
|
|
19708
20090
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
19709
20091
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
20092
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
|
19710
20093
|
}
|
|
19711
20094
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
19712
20095
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -20133,6 +20516,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20133
20516
|
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
20134
20517
|
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
|
|
20135
20518
|
}
|
|
20519
|
+
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
|
|
20520
|
+
--pf-v6-c-text-input-group__text--Position: relative;
|
|
20521
|
+
}
|
|
20136
20522
|
.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
|
|
20137
20523
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
|
|
20138
20524
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
|
|
@@ -20485,6 +20871,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20485
20871
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20486
20872
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20487
20873
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20874
|
+
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20488
20875
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
20489
20876
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20490
20877
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
@@ -20496,12 +20883,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20496
20883
|
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20497
20884
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20498
20885
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20499
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
20886
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
20500
20887
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20888
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
20501
20889
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20502
20890
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20503
20891
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
20504
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
20892
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
|
|
20505
20893
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20506
20894
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
20507
20895
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -20524,11 +20912,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20524
20912
|
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
20525
20913
|
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
20526
20914
|
}
|
|
20527
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button
|
|
20915
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
|
|
20528
20916
|
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
20529
20917
|
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
20530
20918
|
}
|
|
20531
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button
|
|
20919
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
|
|
20532
20920
|
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
20533
20921
|
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
20534
20922
|
}
|
|
@@ -20547,25 +20935,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20547
20935
|
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
20548
20936
|
border: 0;
|
|
20549
20937
|
}
|
|
20550
|
-
.pf-v6-c-toggle-group__button::before {
|
|
20938
|
+
.pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
|
|
20551
20939
|
position: absolute;
|
|
20552
|
-
inset
|
|
20553
|
-
inset-block-end: 0;
|
|
20554
|
-
inset-inline-start: 0;
|
|
20555
|
-
inset-inline-end: 0;
|
|
20940
|
+
inset: 0;
|
|
20556
20941
|
pointer-events: none;
|
|
20557
20942
|
content: "";
|
|
20558
20943
|
border-style: solid;
|
|
20944
|
+
border-radius: inherit;
|
|
20945
|
+
}
|
|
20946
|
+
.pf-v6-c-toggle-group__button::before {
|
|
20559
20947
|
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
20560
20948
|
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20561
20949
|
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20562
20950
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20563
20951
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20564
20952
|
}
|
|
20953
|
+
.pf-v6-c-toggle-group__button::after {
|
|
20954
|
+
inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
20955
|
+
border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
|
|
20956
|
+
border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
|
|
20957
|
+
}
|
|
20565
20958
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
20566
20959
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
20567
20960
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
20568
20961
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
20962
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
20569
20963
|
text-decoration-line: none;
|
|
20570
20964
|
}
|
|
20571
20965
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -20573,6 +20967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20573
20967
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
20574
20968
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
20575
20969
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
20970
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
20576
20971
|
}
|
|
20577
20972
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
20578
20973
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
@@ -20628,11 +21023,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20628
21023
|
--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20629
21024
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
20630
21025
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
21026
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21027
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20631
21028
|
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20632
21029
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20633
21030
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20634
21031
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
20635
21032
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
21033
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21034
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20636
21035
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
20637
21036
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
20638
21037
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -20803,6 +21202,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20803
21202
|
z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
|
|
20804
21203
|
padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
|
|
20805
21204
|
padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
|
|
21205
|
+
border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
|
|
20806
21206
|
box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
|
|
20807
21207
|
}
|
|
20808
21208
|
.pf-v6-c-toolbar.pf-m-static,
|
|
@@ -20949,12 +21349,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20949
21349
|
padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
|
|
20950
21350
|
padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
|
|
20951
21351
|
background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
|
|
21352
|
+
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
20952
21353
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
20953
21354
|
}
|
|
20954
21355
|
@media screen and (min-width: 62rem) {
|
|
20955
21356
|
.pf-v6-c-toolbar__expandable-content {
|
|
20956
21357
|
position: static;
|
|
20957
21358
|
padding: 0;
|
|
21359
|
+
border-block-end: 0;
|
|
20958
21360
|
box-shadow: none;
|
|
20959
21361
|
}
|
|
20960
21362
|
}
|
|
@@ -22728,6 +23130,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22728
23130
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
22729
23131
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
22730
23132
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
23133
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
|
23134
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23135
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
23136
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
23137
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
22731
23138
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
22732
23139
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
22733
23140
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -23013,8 +23420,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23013
23420
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
23014
23421
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
23015
23422
|
}
|
|
23423
|
+
.pf-v6-c-tree-view__node::after {
|
|
23424
|
+
position: absolute;
|
|
23425
|
+
inset: 0;
|
|
23426
|
+
pointer-events: none;
|
|
23427
|
+
content: "";
|
|
23428
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
|
23429
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
|
23430
|
+
}
|
|
23016
23431
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
23017
23432
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
|
23433
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
|
23018
23434
|
}
|
|
23019
23435
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
23020
23436
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -23112,6 +23528,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23112
23528
|
|
|
23113
23529
|
.pf-v6-c-tree-view__content:hover,
|
|
23114
23530
|
.pf-v6-c-tree-view__content:focus-within {
|
|
23531
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
|
23115
23532
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
23116
23533
|
}
|
|
23117
23534
|
|
|
@@ -23248,6 +23665,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23248
23665
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23249
23666
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
23250
23667
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
23668
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23669
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
23670
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
23671
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
23251
23672
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23252
23673
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
23253
23674
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -23259,15 +23680,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23259
23680
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
23260
23681
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
23261
23682
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23683
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
23684
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
23262
23685
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
23263
23686
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
23264
23687
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23265
23688
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
23266
23689
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
23690
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
|
23267
23691
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
23268
23692
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
23693
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
|
23269
23694
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
23270
23695
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
23696
|
+
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
23271
23697
|
--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
23272
23698
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
|
23273
23699
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -23286,6 +23712,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23286
23712
|
--pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
|
|
23287
23713
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
23288
23714
|
--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
23715
|
+
--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
23289
23716
|
--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
23290
23717
|
--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
|
|
23291
23718
|
--pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
@@ -23296,6 +23723,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23296
23723
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
23297
23724
|
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23298
23725
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
23726
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23727
|
+
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
23299
23728
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
23300
23729
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
23301
23730
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
@@ -23329,6 +23758,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23329
23758
|
.pf-v6-c-wizard {
|
|
23330
23759
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
23331
23760
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
23761
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
23332
23762
|
}
|
|
23333
23763
|
}
|
|
23334
23764
|
|
|
@@ -23446,6 +23876,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23446
23876
|
.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
|
|
23447
23877
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
|
|
23448
23878
|
}
|
|
23879
|
+
.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
|
|
23880
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
|
|
23881
|
+
}
|
|
23449
23882
|
.pf-v6-c-wizard__toggle-list-item.pf-m-success {
|
|
23450
23883
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
|
|
23451
23884
|
}
|
|
@@ -23512,6 +23945,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23512
23945
|
overflow-y: auto;
|
|
23513
23946
|
-webkit-overflow-scrolling: touch;
|
|
23514
23947
|
background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
|
|
23948
|
+
border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
|
|
23515
23949
|
box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
|
|
23516
23950
|
}
|
|
23517
23951
|
.pf-v6-c-wizard__nav.pf-m-expanded {
|
|
@@ -23579,6 +24013,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23579
24013
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
|
|
23580
24014
|
position: relative;
|
|
23581
24015
|
display: inline-flex;
|
|
24016
|
+
flex-shrink: 0;
|
|
23582
24017
|
align-items: center;
|
|
23583
24018
|
justify-content: center;
|
|
23584
24019
|
width: var(--pf-v6-c-wizard__nav-link--before--Width);
|
|
@@ -23593,28 +24028,35 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23593
24028
|
.pf-v6-c-wizard__nav-link::before {
|
|
23594
24029
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
23595
24030
|
content: counter(wizard-nav-count);
|
|
24031
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
|
23596
24032
|
}
|
|
23597
24033
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
23598
24034
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
23599
24035
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
|
24036
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
|
23600
24037
|
}
|
|
23601
24038
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
23602
24039
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
23603
24040
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
|
24041
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
|
23604
24042
|
}
|
|
23605
24043
|
|
|
23606
|
-
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
|
|
24044
|
+
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
23607
24045
|
display: none;
|
|
23608
24046
|
}
|
|
23609
24047
|
.pf-v6-c-wizard__nav-link.pf-m-success {
|
|
23610
24048
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
|
|
23611
24049
|
}
|
|
24050
|
+
.pf-v6-c-wizard__nav-link.pf-m-warning {
|
|
24051
|
+
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
|
|
24052
|
+
}
|
|
23612
24053
|
.pf-v6-c-wizard__nav-link.pf-m-danger {
|
|
23613
24054
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
|
|
23614
24055
|
}
|
|
23615
24056
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
23616
24057
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
23617
24058
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
|
24059
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
|
23618
24060
|
}
|
|
23619
24061
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
23620
24062
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -23624,23 +24066,29 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23624
24066
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
23625
24067
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
23626
24068
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
23627
|
-
|
|
23628
|
-
|
|
23629
|
-
.pf-v6-c-wizard__nav-link-text {
|
|
23630
|
-
flex-grow: 1;
|
|
24069
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
23631
24070
|
}
|
|
23632
24071
|
|
|
23633
24072
|
.pf-v6-c-wizard__nav-link-main {
|
|
24073
|
+
position: relative;
|
|
23634
24074
|
display: flex;
|
|
24075
|
+
flex-grow: 1;
|
|
23635
24076
|
justify-content: space-between;
|
|
23636
24077
|
padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
|
|
23637
24078
|
padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
|
|
23638
24079
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
23639
24080
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
23640
24081
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
23641
|
-
border: none;
|
|
23642
24082
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
23643
24083
|
}
|
|
24084
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
|
24085
|
+
position: absolute;
|
|
24086
|
+
inset: 0;
|
|
24087
|
+
pointer-events: none;
|
|
24088
|
+
content: "";
|
|
24089
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
|
24090
|
+
border-radius: inherit;
|
|
24091
|
+
}
|
|
23644
24092
|
|
|
23645
24093
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
23646
24094
|
position: relative;
|