@patternfly/react-styles 6.3.1-prerelease.0 → 6.3.1-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/CHANGELOG.md +4 -0
- package/css/components/Accordion/accordion.css +4 -2
- package/css/components/Alert/alert-group.css +4 -15
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Button/button.css +2 -2
- package/css/components/CalendarMonth/calendar-month.css +35 -4
- package/css/components/Card/card.css +2 -0
- package/css/components/CodeBlock/code-block.css +1 -1
- package/css/components/DatePicker/date-picker.css +3 -0
- package/css/components/Divider/divider.css +2 -0
- package/css/components/Drawer/drawer.css +5 -3
- package/css/components/DualListSelector/dual-list-selector.css +4 -5
- package/css/components/ExpandableSection/expandable-section.css +6 -2
- package/css/components/FormControl/form-control.css +6 -7
- package/css/components/Label/label.css +3 -3
- package/css/components/Login/login.css +1 -1
- package/css/components/Menu/menu.css +8 -1
- package/css/components/MenuToggle/menu-toggle.css +1 -1
- package/css/components/ModalBox/modal-box.css +1 -1
- package/css/components/Page/page.css +14 -5
- package/css/components/Page/page.d.ts +3 -0
- package/css/components/Page/page.js +3 -0
- package/css/components/Page/page.mjs +3 -0
- package/css/components/Pagination/pagination.css +15 -2
- package/css/components/Panel/panel.css +9 -2
- package/css/components/Popover/popover.css +1 -1
- package/css/components/Progress/progress.css +10 -1
- package/css/components/Sidebar/sidebar.css +7 -0
- package/css/components/Slider/slider.css +9 -0
- package/css/components/Switch/switch.css +7 -1
- package/css/components/Table/table.css +1 -1
- package/css/components/Tabs/tabs.css +11 -7
- package/css/components/ToggleGroup/toggle-group.css +18 -9
- package/css/components/Toolbar/toolbar.css +7 -0
- package/css/components/Wizard/wizard.css +4 -0
- package/css/components/_index.css +202 -78
- package/package.json +3 -3
|
@@ -271,9 +271,10 @@
|
|
|
271
271
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
272
272
|
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
273
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--high-contrast--
|
|
275
|
-
--pf-v6-c-accordion__expandable-content--BorderWidth:
|
|
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
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);
|
|
277
278
|
}
|
|
278
279
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
279
280
|
.pf-v6-c-accordion {
|
|
@@ -352,6 +353,7 @@
|
|
|
352
353
|
--pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
|
|
353
354
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
354
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);
|
|
355
357
|
}
|
|
356
358
|
|
|
357
359
|
.pf-v6-c-accordion__toggle {
|
|
@@ -730,7 +732,7 @@
|
|
|
730
732
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
731
733
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
732
734
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
733
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--
|
|
735
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
734
736
|
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
735
737
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
736
738
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -740,7 +742,7 @@
|
|
|
740
742
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
741
743
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
742
744
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
743
|
-
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--
|
|
745
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
744
746
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
745
747
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
746
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);
|
|
@@ -785,6 +787,8 @@
|
|
|
785
787
|
}
|
|
786
788
|
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
|
787
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);
|
|
788
792
|
}
|
|
789
793
|
|
|
790
794
|
.pf-v6-c-alert-group__item {
|
|
@@ -841,19 +845,6 @@
|
|
|
841
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));
|
|
842
846
|
}
|
|
843
847
|
}
|
|
844
|
-
.pf-v6-c-alert-group__item:hover {
|
|
845
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
|
|
846
|
-
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
|
|
847
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
|
|
848
|
-
}
|
|
849
|
-
.pf-v6-c-alert-group__item:focus {
|
|
850
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
|
|
851
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
|
|
852
|
-
}
|
|
853
|
-
.pf-v6-c-alert-group__item:active {
|
|
854
|
-
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
|
|
855
|
-
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
|
|
856
|
-
}
|
|
857
848
|
|
|
858
849
|
.pf-v6-c-avatar {
|
|
859
850
|
--pf-v6-c-avatar--BorderColor: transparent;
|
|
@@ -1262,7 +1253,7 @@
|
|
|
1262
1253
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1263
1254
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1264
1255
|
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1265
|
-
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--
|
|
1256
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
1266
1257
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1267
1258
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1268
1259
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -1594,7 +1585,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1594
1585
|
--pf-v6-c-button--TransitionDelay: 0s;
|
|
1595
1586
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
1596
1587
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
1597
|
-
--pf-v6-c-button--TransitionProperty: color, background, border-
|
|
1588
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-color;
|
|
1598
1589
|
--pf-v6-c-button--ScaleX: 1;
|
|
1599
1590
|
--pf-v6-c-button--ScaleY: 1;
|
|
1600
1591
|
--pf-v6-c-button--border--offset: 0;
|
|
@@ -1720,7 +1711,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1720
1711
|
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
1721
1712
|
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
1722
1713
|
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
1723
|
-
--pf-v6-c-button--m-plain--BorderColor:
|
|
1714
|
+
--pf-v6-c-button--m-plain--BorderColor: transparent;
|
|
1724
1715
|
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1725
1716
|
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
1726
1717
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
@@ -2452,6 +2443,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2452
2443
|
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2453
2444
|
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2454
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;
|
|
2455
2449
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2456
2450
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2457
2451
|
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
@@ -2459,15 +2453,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2459
2453
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2460
2454
|
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2461
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);
|
|
2462
2458
|
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2463
2459
|
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2464
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;
|
|
2465
2463
|
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2466
2464
|
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2467
2465
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2468
2466
|
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2469
2467
|
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2470
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth:
|
|
2468
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: 0;
|
|
2471
2469
|
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2472
2470
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2473
2471
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -2476,7 +2474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2476
2474
|
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2477
2475
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2478
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);
|
|
2479
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;
|
|
2480
2483
|
}
|
|
2481
2484
|
|
|
2482
2485
|
.pf-v6-c-calendar-month {
|
|
@@ -2549,13 +2552,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2549
2552
|
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2550
2553
|
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2551
2554
|
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2555
|
+
pointer-events: none;
|
|
2552
2556
|
content: "";
|
|
2553
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);
|
|
2554
2560
|
}
|
|
2555
2561
|
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2556
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);
|
|
2557
2565
|
}
|
|
2558
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);
|
|
2559
2569
|
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2560
2570
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2561
2571
|
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
@@ -2574,14 +2584,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2574
2584
|
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2575
2585
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2576
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);
|
|
2577
2589
|
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2578
|
-
--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);
|
|
2579
2591
|
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2580
2592
|
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2581
2593
|
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2582
2594
|
}
|
|
2583
2595
|
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2584
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;
|
|
2585
2599
|
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2586
2600
|
}
|
|
2587
2601
|
|
|
@@ -2597,6 +2611,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2597
2611
|
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2598
2612
|
border: 0;
|
|
2599
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
|
+
}
|
|
2600
2620
|
.pf-v6-c-calendar-month__date::after {
|
|
2601
2621
|
position: absolute;
|
|
2602
2622
|
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
@@ -2606,15 +2626,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2606
2626
|
content: "";
|
|
2607
2627
|
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2608
2628
|
}
|
|
2609
|
-
.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 {
|
|
2610
2630
|
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
2611
2631
|
}
|
|
2612
2632
|
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2613
2633
|
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2614
|
-
|
|
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);
|
|
2615
2636
|
}
|
|
2616
2637
|
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2617
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);
|
|
2618
2640
|
outline: 0;
|
|
2619
2641
|
}
|
|
2620
2642
|
.pf-v6-c-calendar-month__date:disabled {
|
|
@@ -2697,6 +2719,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2697
2719
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2698
2720
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2699
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);
|
|
2700
2723
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2701
2724
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2702
2725
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -2783,6 +2806,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2783
2806
|
}
|
|
2784
2807
|
.pf-v6-c-card.pf-m-secondary {
|
|
2785
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);
|
|
2786
2810
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
2787
2811
|
}
|
|
2788
2812
|
.pf-v6-c-card.pf-m-plain {
|
|
@@ -3162,7 +3186,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3162
3186
|
|
|
3163
3187
|
.pf-v6-c-code-block {
|
|
3164
3188
|
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
3165
|
-
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--
|
|
3189
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
3166
3190
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3167
3191
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
3168
3192
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -5152,14 +5176,13 @@ ul) {
|
|
|
5152
5176
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
5153
5177
|
font-weight: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
|
|
5154
5178
|
}
|
|
5155
|
-
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
5179
|
+
.pf-v6-c-dual-list-selector__list-item-row:hover, .pf-v6-c-dual-list-selector__list-item-row:focus-within {
|
|
5156
5180
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
5157
5181
|
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
|
5158
5182
|
}
|
|
5159
5183
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
5160
5184
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
|
5161
|
-
--pf-v6-c-dual-list-selector__list-item-row--m-selected--
|
|
5162
|
-
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
|
|
5185
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: 0;
|
|
5163
5186
|
}
|
|
5164
5187
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
5165
5188
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -5173,7 +5196,7 @@ ul) {
|
|
|
5173
5196
|
|
|
5174
5197
|
.pf-v6-c-dual-list-selector__item,
|
|
5175
5198
|
.pf-v6-c-dual-list-selector__item-main {
|
|
5176
|
-
flex-
|
|
5199
|
+
flex-grow: 1;
|
|
5177
5200
|
}
|
|
5178
5201
|
|
|
5179
5202
|
.pf-v6-c-dual-list-selector__draggable {
|
|
@@ -5192,7 +5215,7 @@ ul) {
|
|
|
5192
5215
|
|
|
5193
5216
|
.pf-v6-c-dual-list-selector__item {
|
|
5194
5217
|
position: relative;
|
|
5195
|
-
width:
|
|
5218
|
+
min-width: 0;
|
|
5196
5219
|
padding-block-start: var(--pf-v6-c-dual-list-selector__item--PaddingBlockStart);
|
|
5197
5220
|
padding-block-end: var(--pf-v6-c-dual-list-selector__item--PaddingBlockEnd);
|
|
5198
5221
|
padding-inline-start: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
|
|
@@ -5312,6 +5335,8 @@ ul) {
|
|
|
5312
5335
|
--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));
|
|
5313
5336
|
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
5314
5337
|
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
5338
|
+
--pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5339
|
+
--pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
5315
5340
|
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
5316
5341
|
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5317
5342
|
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -5342,6 +5367,7 @@ ul) {
|
|
|
5342
5367
|
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
5343
5368
|
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
5344
5369
|
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
5370
|
+
border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
|
|
5345
5371
|
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
5346
5372
|
}
|
|
5347
5373
|
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
@@ -5431,6 +5457,8 @@ ul) {
|
|
|
5431
5457
|
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
5432
5458
|
content: "";
|
|
5433
5459
|
background-color: var(--pf-v6-c-divider--Color);
|
|
5460
|
+
border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
5461
|
+
border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
|
|
5434
5462
|
}
|
|
5435
5463
|
.pf-v6-c-divider.pf-m-horizontal {
|
|
5436
5464
|
flex-direction: row;
|
|
@@ -5780,9 +5808,10 @@ ul) {
|
|
|
5780
5808
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
5781
5809
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
5782
5810
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
5783
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--
|
|
5784
|
-
--pf-v6-c-drawer--m-inline__panel--after--Width:
|
|
5785
|
-
--pf-v6-c-drawer--m-
|
|
5811
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5812
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: 0;
|
|
5813
|
+
--pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
|
|
5814
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
|
|
5786
5815
|
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
|
5787
5816
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
5788
5817
|
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
|
@@ -6089,6 +6118,7 @@ ul) {
|
|
|
6089
6118
|
|
|
6090
6119
|
@media screen and (min-width: 48rem) {
|
|
6091
6120
|
.pf-v6-c-drawer {
|
|
6121
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6092
6122
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6093
6123
|
}
|
|
6094
6124
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -6685,6 +6715,7 @@ ul) {
|
|
|
6685
6715
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
6686
6716
|
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
6687
6717
|
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
6718
|
+
--pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
|
|
6688
6719
|
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
|
6689
6720
|
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
|
6690
6721
|
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
@@ -6732,6 +6763,7 @@ ul) {
|
|
|
6732
6763
|
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
6733
6764
|
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
6734
6765
|
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
6766
|
+
--pf-v6-c-expandable-section__content--Overflow: visible;
|
|
6735
6767
|
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
6736
6768
|
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6737
6769
|
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
@@ -6767,6 +6799,7 @@ ul) {
|
|
|
6767
6799
|
}
|
|
6768
6800
|
.pf-v6-c-expandable-section.pf-m-truncate {
|
|
6769
6801
|
--pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
|
|
6802
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
6770
6803
|
}
|
|
6771
6804
|
.pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
|
|
6772
6805
|
display: -webkit-box;
|
|
@@ -6793,13 +6826,14 @@ ul) {
|
|
|
6793
6826
|
.pf-v6-c-expandable-section__content {
|
|
6794
6827
|
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
6795
6828
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
6796
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart
|
|
6829
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
6797
6830
|
}
|
|
6798
6831
|
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
6799
6832
|
display: revert;
|
|
6800
6833
|
}
|
|
6801
|
-
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
6834
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
6802
6835
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
6836
|
+
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
6803
6837
|
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
6804
6838
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
6805
6839
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
@@ -7578,6 +7612,12 @@ ul) {
|
|
|
7578
7612
|
.pf-v6-c-form-control > :is(input, select) {
|
|
7579
7613
|
text-overflow: ellipsis;
|
|
7580
7614
|
}
|
|
7615
|
+
.pf-v6-c-form-control > select {
|
|
7616
|
+
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7617
|
+
}
|
|
7618
|
+
.pf-v6-c-form-control > select * {
|
|
7619
|
+
color: var(--pf-v6-c-form-control--Color);
|
|
7620
|
+
}
|
|
7581
7621
|
.pf-v6-c-form-control:has(input) {
|
|
7582
7622
|
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
7583
7623
|
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
@@ -7723,17 +7763,10 @@ ul) {
|
|
|
7723
7763
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
7724
7764
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
7725
7765
|
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7726
|
-
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7727
7766
|
}
|
|
7728
7767
|
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
7729
7768
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7730
7769
|
}
|
|
7731
|
-
@-moz-document url-prefix() {
|
|
7732
|
-
.pf-v6-c-form-control:has(select) {
|
|
7733
|
-
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
7734
|
-
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
7735
|
-
}
|
|
7736
|
-
}
|
|
7737
7770
|
.pf-v6-c-form-control.pf-m-placeholder > select {
|
|
7738
7771
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
7739
7772
|
}
|
|
@@ -8698,7 +8731,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8698
8731
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8699
8732
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
8700
8733
|
--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)));
|
|
8701
|
-
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8734
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
8702
8735
|
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
8703
8736
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
8704
8737
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
@@ -8839,10 +8872,10 @@ label.pf-v6-c-input-group__text {
|
|
|
8839
8872
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8840
8873
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
8841
8874
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
8842
|
-
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
8875
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
8843
8876
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8844
8877
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
8845
|
-
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
8878
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
8846
8879
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
8847
8880
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
8848
8881
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -9437,7 +9470,7 @@ ul.pf-v6-c-list {
|
|
|
9437
9470
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9438
9471
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9439
9472
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
9440
|
-
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--
|
|
9473
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
9441
9474
|
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
9442
9475
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9443
9476
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
@@ -10217,7 +10250,7 @@ ul.pf-v6-c-list {
|
|
|
10217
10250
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10218
10251
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10219
10252
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
10220
|
-
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--
|
|
10253
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10221
10254
|
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10222
10255
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10223
10256
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
@@ -10236,7 +10269,11 @@ ul.pf-v6-c-list {
|
|
|
10236
10269
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10237
10270
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10238
10271
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
10272
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
10273
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
10239
10274
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
10275
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10276
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10240
10277
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
10241
10278
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10242
10279
|
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -10556,6 +10593,8 @@ ul.pf-v6-c-list {
|
|
|
10556
10593
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
10557
10594
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
10558
10595
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
10596
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
10597
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
10559
10598
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10560
10599
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10561
10600
|
overflow: hidden;
|
|
@@ -10597,6 +10636,7 @@ ul.pf-v6-c-list {
|
|
|
10597
10636
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
10598
10637
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
10599
10638
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
10639
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
10600
10640
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
10601
10641
|
}
|
|
10602
10642
|
|
|
@@ -10926,7 +10966,7 @@ ul.pf-v6-c-list {
|
|
|
10926
10966
|
--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10927
10967
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
10928
10968
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
10929
|
-
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
10969
|
+
--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
10930
10970
|
--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
10931
10971
|
--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
|
|
10932
10972
|
--pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
|
|
@@ -11355,7 +11395,7 @@ ul.pf-v6-c-list {
|
|
|
11355
11395
|
.pf-v6-c-modal-box {
|
|
11356
11396
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11357
11397
|
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
11358
|
-
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--
|
|
11398
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
11359
11399
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
11360
11400
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
11361
11401
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -12562,6 +12602,8 @@ ul.pf-v6-c-list {
|
|
|
12562
12602
|
--pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12563
12603
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
12564
12604
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
12605
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
12606
|
+
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
12565
12607
|
}
|
|
12566
12608
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12567
12609
|
.pf-v6-c-page {
|
|
@@ -12577,6 +12619,15 @@ ul.pf-v6-c-list {
|
|
|
12577
12619
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
12578
12620
|
}
|
|
12579
12621
|
}
|
|
12622
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
12623
|
+
.pf-v6-c-page {
|
|
12624
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
12625
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12626
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
12627
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
12628
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
12629
|
+
}
|
|
12630
|
+
}
|
|
12580
12631
|
|
|
12581
12632
|
.pf-v6-c-page {
|
|
12582
12633
|
display: grid;
|
|
@@ -12967,13 +13018,8 @@ ul.pf-v6-c-list {
|
|
|
12967
13018
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
12968
13019
|
.pf-v6-c-page__main-container {
|
|
12969
13020
|
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
12970
|
-
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
12971
|
-
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12972
13021
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
12973
13022
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
12974
|
-
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
|
12975
|
-
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
|
12976
|
-
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
|
12977
13023
|
}
|
|
12978
13024
|
}
|
|
12979
13025
|
|
|
@@ -13184,6 +13230,9 @@ ul.pf-v6-c-list {
|
|
|
13184
13230
|
flex-shrink: 0;
|
|
13185
13231
|
}
|
|
13186
13232
|
|
|
13233
|
+
.pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13234
|
+
border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
|
|
13235
|
+
}
|
|
13187
13236
|
.pf-v6-c-page__drawer .pf-v6-c-page__main-container {
|
|
13188
13237
|
align-self: revert;
|
|
13189
13238
|
}
|
|
@@ -13194,7 +13243,10 @@ ul.pf-v6-c-list {
|
|
|
13194
13243
|
.pf-v6-c-pagination {
|
|
13195
13244
|
--pf-v6-c-pagination--inset: 0;
|
|
13196
13245
|
--pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
13197
|
-
--pf-v6-c-pagination--
|
|
13246
|
+
--pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13247
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: 0;
|
|
13248
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: 0;
|
|
13249
|
+
--pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
13198
13250
|
--pf-v6-c-pagination__nav--Display: none;
|
|
13199
13251
|
--pf-v6-c-pagination--m-display-summary__nav--Display: none;
|
|
13200
13252
|
--pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
|
|
@@ -13215,14 +13267,17 @@ ul.pf-v6-c-list {
|
|
|
13215
13267
|
--pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13216
13268
|
--pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
13217
13269
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
|
|
13270
|
+
--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13218
13271
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13219
13272
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
13220
13273
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
13221
13274
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
13275
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13222
13276
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
13223
13277
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13224
13278
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
13225
13279
|
--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
13280
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13226
13281
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
|
|
13227
13282
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
13228
13283
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13237,6 +13292,7 @@ ul.pf-v6-c-list {
|
|
|
13237
13292
|
@media screen and (min-width: 48rem) {
|
|
13238
13293
|
.pf-v6-c-pagination {
|
|
13239
13294
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
13295
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
13240
13296
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
13241
13297
|
--pf-v6-c-pagination__nav--Display: inline-flex;
|
|
13242
13298
|
--pf-v6-c-pagination__total-items--Display: none;
|
|
@@ -13256,6 +13312,9 @@ ul.pf-v6-c-list {
|
|
|
13256
13312
|
justify-content: flex-end;
|
|
13257
13313
|
padding-inline-start: var(--pf-v6-c-pagination--inset);
|
|
13258
13314
|
padding-inline-end: var(--pf-v6-c-pagination--inset);
|
|
13315
|
+
border: 0 solid var(--pf-v6-c-pagination--BorderColor);
|
|
13316
|
+
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
13317
|
+
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
13259
13318
|
}
|
|
13260
13319
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
13261
13320
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
@@ -13263,6 +13322,7 @@ ul.pf-v6-c-list {
|
|
|
13263
13322
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
13264
13323
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
|
|
13265
13324
|
--pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
|
|
13325
|
+
--pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
|
|
13266
13326
|
position: sticky;
|
|
13267
13327
|
inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
|
|
13268
13328
|
justify-content: center;
|
|
@@ -13289,7 +13349,6 @@ ul.pf-v6-c-list {
|
|
|
13289
13349
|
}
|
|
13290
13350
|
@media screen and (min-width: 48rem) {
|
|
13291
13351
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
13292
|
-
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
13293
13352
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
13294
13353
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
13295
13354
|
position: relative;
|
|
@@ -13321,10 +13380,13 @@ ul.pf-v6-c-list {
|
|
|
13321
13380
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
13322
13381
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
13323
13382
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
13383
|
+
border: 0;
|
|
13324
13384
|
box-shadow: none;
|
|
13325
13385
|
}
|
|
13326
13386
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
13327
13387
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
13388
|
+
--pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
|
|
13389
|
+
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
13328
13390
|
position: sticky;
|
|
13329
13391
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
13330
13392
|
z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
|
|
@@ -13562,12 +13624,12 @@ ul.pf-v6-c-list {
|
|
|
13562
13624
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
13563
13625
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13564
13626
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13565
|
-
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--
|
|
13627
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13566
13628
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13567
13629
|
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
13568
13630
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
13569
13631
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13570
|
-
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--
|
|
13632
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13571
13633
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13572
13634
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13573
13635
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13583,11 +13645,15 @@ ul.pf-v6-c-list {
|
|
|
13583
13645
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13584
13646
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13585
13647
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
13648
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
13649
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
13586
13650
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
13587
13651
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
13588
13652
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13589
13653
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13590
13654
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
13655
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13656
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13591
13657
|
}
|
|
13592
13658
|
|
|
13593
13659
|
.pf-v6-c-panel {
|
|
@@ -13626,6 +13692,8 @@ ul.pf-v6-c-list {
|
|
|
13626
13692
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
13627
13693
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
13628
13694
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
13695
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
13696
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
13629
13697
|
}
|
|
13630
13698
|
|
|
13631
13699
|
.pf-v6-c-panel__header {
|
|
@@ -13652,6 +13720,7 @@ ul.pf-v6-c-list {
|
|
|
13652
13720
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
13653
13721
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
13654
13722
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
13723
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
13655
13724
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
13656
13725
|
}
|
|
13657
13726
|
|
|
@@ -13660,7 +13729,7 @@ ul.pf-v6-c-list {
|
|
|
13660
13729
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13661
13730
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13662
13731
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
13663
|
-
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--
|
|
13732
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13664
13733
|
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13665
13734
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13666
13735
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
@@ -13869,12 +13938,14 @@ ul.pf-v6-c-list {
|
|
|
13869
13938
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13870
13939
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13871
13940
|
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13872
|
-
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
13941
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13873
13942
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13874
13943
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13875
13944
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
13876
13945
|
--pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
|
|
13877
13946
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
13947
|
+
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
13948
|
+
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
13878
13949
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
13879
13950
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
13880
13951
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -14045,6 +14116,13 @@ ul.pf-v6-c-list {
|
|
|
14045
14116
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
14046
14117
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
14047
14118
|
}
|
|
14119
|
+
.pf-v6-c-progress__indicator::before {
|
|
14120
|
+
position: absolute;
|
|
14121
|
+
inset: 0;
|
|
14122
|
+
content: "";
|
|
14123
|
+
border: var(--pf-v6-c-progress__indicator--BorderWidth) solid var(--pf-v6-c-progress__indicator--BorderColor);
|
|
14124
|
+
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
14125
|
+
}
|
|
14048
14126
|
|
|
14049
14127
|
.pf-v6-c-progress__helper-text {
|
|
14050
14128
|
grid-row: 3/4;
|
|
@@ -14789,6 +14867,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14789
14867
|
--pf-v6-c-sidebar--m-stack__panel--Position: sticky;
|
|
14790
14868
|
--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
|
|
14791
14869
|
--pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
14870
|
+
--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14792
14871
|
--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
|
|
14793
14872
|
--pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
|
|
14794
14873
|
--pf-v6-c-sidebar--m-split__main--FlexDirection: row;
|
|
@@ -14797,6 +14876,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14797
14876
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
14798
14877
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
14799
14878
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
14879
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
14880
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14800
14881
|
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
14801
14882
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
14802
14883
|
--pf-v6-c-sidebar__panel--InsetBlockStart: 0;
|
|
@@ -14825,6 +14906,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14825
14906
|
--pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
|
|
14826
14907
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
|
|
14827
14908
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
|
|
14909
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
14828
14910
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
14829
14911
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
|
|
14830
14912
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
|
|
@@ -14854,6 +14936,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14854
14936
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
|
|
14855
14937
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
|
|
14856
14938
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
|
|
14939
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: var(--pf-v6-c-sidebar--m-stack__panel--BorderBlockEndWidth);
|
|
14857
14940
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
|
|
14858
14941
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
|
|
14859
14942
|
--pf-v6-c-sidebar__main--m-border--before--Display: none;
|
|
@@ -14864,6 +14947,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14864
14947
|
--pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
|
|
14865
14948
|
--pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
|
|
14866
14949
|
--pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
|
|
14950
|
+
--pf-v6-c-sidebar__panel--BorderBlockEndWidth: 0;
|
|
14867
14951
|
--pf-v6-c-sidebar__panel--BoxShadow: none;
|
|
14868
14952
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
|
|
14869
14953
|
--pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
|
|
@@ -14895,6 +14979,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14895
14979
|
padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
|
|
14896
14980
|
padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
|
|
14897
14981
|
background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
|
|
14982
|
+
border-block-end: var(--pf-v6-c-sidebar__panel--BorderBlockEndWidth) solid var(--pf-v6-c-sidebar__panel--BorderBlockEndColor);
|
|
14898
14983
|
box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
|
|
14899
14984
|
}
|
|
14900
14985
|
.pf-v6-c-sidebar__panel.pf-m-padding {
|
|
@@ -15386,6 +15471,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15386
15471
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
15387
15472
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15388
15473
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
15474
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15475
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
15389
15476
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
15390
15477
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
15391
15478
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -15395,6 +15482,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15395
15482
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
15396
15483
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
15397
15484
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
15485
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15486
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
15398
15487
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
15399
15488
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
15400
15489
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -15410,6 +15499,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15410
15499
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15411
15500
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
15412
15501
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
15502
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15503
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
15413
15504
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15414
15505
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
15415
15506
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -15479,6 +15570,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15479
15570
|
inset: 0;
|
|
15480
15571
|
content: "";
|
|
15481
15572
|
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));
|
|
15573
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
15482
15574
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
15483
15575
|
}
|
|
15484
15576
|
|
|
@@ -15514,6 +15606,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15514
15606
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
15515
15607
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
15516
15608
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
15609
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
15517
15610
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
15518
15611
|
}
|
|
15519
15612
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -15539,6 +15632,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15539
15632
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
15540
15633
|
cursor: pointer;
|
|
15541
15634
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
15635
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
15542
15636
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
15543
15637
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
15544
15638
|
}
|
|
@@ -15692,11 +15786,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15692
15786
|
--pf-v6-c-switch--Height: auto;
|
|
15693
15787
|
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15694
15788
|
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15695
|
-
--pf-v6-c-switch__input--checked__toggle--
|
|
15789
|
+
--pf-v6-c-switch__input--checked__toggle--BorderColor: transparent;
|
|
15790
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15696
15791
|
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15697
15792
|
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15698
15793
|
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15699
15794
|
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15795
|
+
--pf-v6-c-switch__input--disabled__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15700
15796
|
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15701
15797
|
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15702
15798
|
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
@@ -15711,6 +15807,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15711
15807
|
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15712
15808
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15713
15809
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15810
|
+
--pf-v6-c-switch__toggle--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15714
15811
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15715
15812
|
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15716
15813
|
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
@@ -15752,6 +15849,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15752
15849
|
}
|
|
15753
15850
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15754
15851
|
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15852
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--checked__toggle--BorderColor);
|
|
15755
15853
|
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15756
15854
|
}
|
|
15757
15855
|
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
@@ -15777,6 +15875,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15777
15875
|
}
|
|
15778
15876
|
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15779
15877
|
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15878
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-v6-c-switch__input--disabled__toggle--BorderColor);
|
|
15780
15879
|
cursor: not-allowed;
|
|
15781
15880
|
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15782
15881
|
}
|
|
@@ -15801,6 +15900,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15801
15900
|
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15802
15901
|
content: "";
|
|
15803
15902
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15903
|
+
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
15804
15904
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15805
15905
|
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15806
15906
|
transform: translateY(-50%);
|
|
@@ -17615,7 +17715,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17615
17715
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17616
17716
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17617
17717
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
17618
|
-
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--
|
|
17718
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
17619
17719
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
17620
17720
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17621
17721
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -19390,7 +19490,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19390
19490
|
--pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19391
19491
|
--pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
|
|
19392
19492
|
--pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
|
|
19393
|
-
--pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--
|
|
19493
|
+
--pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
|
|
19394
19494
|
--pf-v6-c-tabs--m-vertical--Width: 100%;
|
|
19395
19495
|
--pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
|
|
19396
19496
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
|
|
@@ -19457,11 +19557,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19457
19557
|
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
|
|
19458
19558
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
|
|
19459
19559
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
|
|
19460
|
-
--pf-v6-c-
|
|
19560
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
19561
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19562
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
19563
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19461
19564
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
19462
19565
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19463
19566
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
19464
19567
|
--pf-v6-c-tabs__link--after--InsetBlockStart: auto;
|
|
19568
|
+
--pf-v6-c-tabs__link--after--InsetInlineStart: 0;
|
|
19465
19569
|
--pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
|
|
19466
19570
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
|
|
19467
19571
|
--pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -19617,6 +19721,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19617
19721
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
19618
19722
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
19619
19723
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
19724
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
19725
|
+
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
19726
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
19727
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
|
|
19620
19728
|
}
|
|
19621
19729
|
.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 {
|
|
19622
19730
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
@@ -19624,9 +19732,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19624
19732
|
.pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
|
|
19625
19733
|
inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
|
|
19626
19734
|
}
|
|
19627
|
-
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
|
|
19628
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
19629
|
-
}
|
|
19630
19735
|
.pf-v6-c-tabs.pf-m-box.pf-m-secondary {
|
|
19631
19736
|
--pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
|
|
19632
19737
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
|
|
@@ -19644,7 +19749,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19644
19749
|
--pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
|
|
19645
19750
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
|
|
19646
19751
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
|
|
19647
|
-
--pf-v6-c-tabs__link--before--InsetInlineStart: 0;
|
|
19648
19752
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
|
|
19649
19753
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
19650
19754
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
@@ -19944,7 +20048,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19944
20048
|
.pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
|
|
19945
20049
|
inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
|
|
19946
20050
|
inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
|
|
19947
|
-
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
|
|
20051
|
+
inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
|
|
19948
20052
|
inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
|
|
19949
20053
|
border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
|
|
19950
20054
|
border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
|
|
@@ -20752,6 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20752
20856
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
20753
20857
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20754
20858
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20859
|
+
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20755
20860
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
20756
20861
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
20757
20862
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
@@ -20763,12 +20868,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20763
20868
|
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20764
20869
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20765
20870
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20766
|
-
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
20871
|
+
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
|
|
20767
20872
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20873
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
20768
20874
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20769
20875
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20770
20876
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
20771
|
-
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--
|
|
20877
|
+
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--disabled);
|
|
20772
20878
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20773
20879
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
20774
20880
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -20791,11 +20897,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20791
20897
|
.pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
|
|
20792
20898
|
margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
|
|
20793
20899
|
}
|
|
20794
|
-
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button
|
|
20900
|
+
.pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button {
|
|
20795
20901
|
border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
|
|
20796
20902
|
border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
|
|
20797
20903
|
}
|
|
20798
|
-
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button
|
|
20904
|
+
.pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button {
|
|
20799
20905
|
border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
|
|
20800
20906
|
border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
|
|
20801
20907
|
}
|
|
@@ -20814,25 +20920,31 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20814
20920
|
background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
|
|
20815
20921
|
border: 0;
|
|
20816
20922
|
}
|
|
20817
|
-
.pf-v6-c-toggle-group__button::before {
|
|
20923
|
+
.pf-v6-c-toggle-group__button::before, .pf-v6-c-toggle-group__button::after {
|
|
20818
20924
|
position: absolute;
|
|
20819
|
-
inset
|
|
20820
|
-
inset-block-end: 0;
|
|
20821
|
-
inset-inline-start: 0;
|
|
20822
|
-
inset-inline-end: 0;
|
|
20925
|
+
inset: 0;
|
|
20823
20926
|
pointer-events: none;
|
|
20824
20927
|
content: "";
|
|
20825
20928
|
border-style: solid;
|
|
20929
|
+
border-radius: inherit;
|
|
20930
|
+
}
|
|
20931
|
+
.pf-v6-c-toggle-group__button::before {
|
|
20826
20932
|
border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
20827
20933
|
border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20828
20934
|
border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20829
20935
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20830
20936
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
20831
20937
|
}
|
|
20938
|
+
.pf-v6-c-toggle-group__button::after {
|
|
20939
|
+
inset: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
|
|
20940
|
+
border-color: var(--pf-v6-c-toggle-group__button--after--BorderColor, transparent);
|
|
20941
|
+
border-width: var(--pf-v6-c-toggle-group__button--after--BorderWidth, 0);
|
|
20942
|
+
}
|
|
20832
20943
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
20833
20944
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
20834
20945
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
20835
20946
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
20947
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
20836
20948
|
text-decoration-line: none;
|
|
20837
20949
|
}
|
|
20838
20950
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -20840,6 +20952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20840
20952
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
20841
20953
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
20842
20954
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
20955
|
+
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
20843
20956
|
}
|
|
20844
20957
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
20845
20958
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
@@ -20895,11 +21008,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20895
21008
|
--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20896
21009
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
20897
21010
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
21011
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21012
|
+
--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20898
21013
|
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20899
21014
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
20900
21015
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
20901
21016
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
20902
21017
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
21018
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21019
|
+
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20903
21020
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
20904
21021
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
20905
21022
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -21070,6 +21187,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21070
21187
|
z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
|
|
21071
21188
|
padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
|
|
21072
21189
|
padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
|
|
21190
|
+
border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
|
|
21073
21191
|
box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
|
|
21074
21192
|
}
|
|
21075
21193
|
.pf-v6-c-toolbar.pf-m-static,
|
|
@@ -21216,12 +21334,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21216
21334
|
padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
|
|
21217
21335
|
padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
|
|
21218
21336
|
background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
|
|
21337
|
+
border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
|
|
21219
21338
|
box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
|
|
21220
21339
|
}
|
|
21221
21340
|
@media screen and (min-width: 62rem) {
|
|
21222
21341
|
.pf-v6-c-toolbar__expandable-content {
|
|
21223
21342
|
position: static;
|
|
21224
21343
|
padding: 0;
|
|
21344
|
+
border-block-end: 0;
|
|
21225
21345
|
box-shadow: none;
|
|
21226
21346
|
}
|
|
21227
21347
|
}
|
|
@@ -23588,6 +23708,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23588
23708
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
23589
23709
|
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23590
23710
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
23711
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23712
|
+
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
23591
23713
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
23592
23714
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
23593
23715
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
@@ -23621,6 +23743,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23621
23743
|
.pf-v6-c-wizard {
|
|
23622
23744
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
23623
23745
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
23746
|
+
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
23624
23747
|
}
|
|
23625
23748
|
}
|
|
23626
23749
|
|
|
@@ -23807,6 +23930,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23807
23930
|
overflow-y: auto;
|
|
23808
23931
|
-webkit-overflow-scrolling: touch;
|
|
23809
23932
|
background-color: var(--pf-v6-c-wizard__nav--BackgroundColor);
|
|
23933
|
+
border-block-end: var(--pf-v6-c-wizard__nav--BorderBlockEndWidth) solid var(--pf-v6-c-wizard__nav--BorderBlockEndColor);
|
|
23810
23934
|
box-shadow: var(--pf-v6-c-wizard__nav--BoxShadow);
|
|
23811
23935
|
}
|
|
23812
23936
|
.pf-v6-c-wizard__nav.pf-m-expanded {
|