@patternfly/patternfly 6.0.0-alpha.114 → 6.0.0-alpha.116
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/assets/images/pf_logo.svg +11 -11
- package/assets/images/pf_logo_white.svg +2 -2
- package/base/_chart-globals.scss +320 -320
- package/base/_fa-icons.scss +2 -2
- package/base/_fonts.scss +16 -16
- package/base/_globals.scss +4 -11
- package/base/_variables.scss +221 -221
- package/base/patternfly-globals.css +2 -6
- package/base/patternfly-variables.css +25 -21
- package/base/themes/dark/_chart-globals.scss +25 -25
- package/base/tokens/_tokens-charts.scss +1 -1
- package/base/tokens/_tokens-dark.scss +1 -1
- package/base/tokens/_tokens-default.scss +13 -13
- package/base/tokens/_tokens-font.scss +8 -0
- package/base/tokens/_tokens-palette.scss +1 -1
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +1 -1
- package/components/Alert/alert.scss +1 -1
- package/components/AppLauncher/app-launcher.css +1 -1
- package/components/AppLauncher/app-launcher.scss +1 -1
- package/components/Backdrop/backdrop.css +1 -1
- package/components/Backdrop/backdrop.scss +1 -1
- package/components/Banner/banner.css +1 -1
- package/components/Banner/banner.scss +1 -1
- package/components/Button/button.css +3 -3
- package/components/Button/button.scss +3 -3
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Content/content.css +1 -1
- package/components/Content/content.scss +1 -1
- package/components/ContextSelector/context-selector.css +1 -1
- package/components/ContextSelector/context-selector.scss +1 -1
- package/components/DatePicker/date-picker.css +1 -1
- package/components/DatePicker/date-picker.scss +1 -1
- package/components/Drawer/drawer.css +4 -4
- package/components/Drawer/drawer.scss +4 -4
- package/components/Dropdown/dropdown.css +2 -2
- package/components/Dropdown/dropdown.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +3 -3
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/List/list.css +1 -1
- package/components/List/list.scss +1 -1
- package/components/Menu/menu.css +7 -7
- package/components/Menu/menu.scss +7 -7
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +2 -2
- package/components/NotificationDrawer/notification-drawer.scss +2 -2
- package/components/OptionsMenu/options-menu.css +1 -1
- package/components/OptionsMenu/options-menu.scss +1 -1
- package/components/Page/page.css +8 -8
- package/components/Page/page.scss +14 -14
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +2 -2
- package/components/ProgressStepper/progress-stepper.scss +2 -2
- package/components/Select/select.css +1 -1
- package/components/Select/select.scss +1 -1
- package/components/Sidebar/sidebar.css +2 -2
- package/components/Sidebar/sidebar.scss +2 -2
- package/components/SkipToContent/skip-to-content.css +1 -1
- package/components/SkipToContent/skip-to-content.scss +1 -1
- package/components/Slider/slider.css +1 -1
- package/components/Slider/slider.scss +1 -1
- package/components/Table/table-scrollable.css +1 -1
- package/components/Table/table-scrollable.scss +1 -1
- package/components/Table/table.css +4 -4
- package/components/Table/table.scss +4 -4
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -1
- package/components/ToggleGroup/toggle-group.css +3 -3
- package/components/ToggleGroup/toggle-group.scss +3 -3
- package/components/Toolbar/toolbar.css +3 -3
- package/components/Toolbar/toolbar.scss +3 -3
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +3 -3
- package/components/Wizard/wizard.css +4 -4
- package/components/Wizard/wizard.scss +4 -4
- package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
- package/docs/components/Table/examples/Table.md +2 -2
- package/docs/components/Tabs/examples/Tabs.md +102 -102
- package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
- package/docs/demos/Card/examples/Card.md +152 -115
- package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
- package/docs/demos/Table/examples/Table.md +2 -2
- package/docs/demos/Toolbar/examples/Toolbar.css +3 -3
- package/docs/utilities/Text/examples/Text.md +0 -1
- package/package.json +1 -1
- package/patternfly-base-no-globals-theme-dark-unversioned.css +25 -81
- package/patternfly-base-no-globals-theme-dark-unversioned.scss +2 -2
- package/patternfly-base-no-globals.css +25 -81
- package/patternfly-base-no-globals.scss +2 -2
- package/patternfly-base-theme-dark-unversioned.css +27 -83
- package/patternfly-base.css +27 -83
- package/patternfly-base.scss +0 -1
- package/patternfly-charts.scss +319 -319
- package/patternfly-no-globals.css +100 -129
- package/patternfly-no-globals.scss +2 -2
- package/patternfly-theme-dark-unversioned.css +124 -153
- package/patternfly-theme-dark-unversioned.scss +1 -1
- package/patternfly.css +102 -131
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/_init.scss +3 -3
- package/sass-utilities/colors.scss +81 -81
- package/sass-utilities/functions.scss +2 -2
- package/sass-utilities/mixins.scss +1 -1
- package/sass-utilities/scss-variables.scss +149 -149
- package/sass-utilities/themes/dark/colors.scss +15 -15
- package/sass-utilities/themes/dark/scss-variables.scss +74 -74
- package/themes/dark/_patternfly-charts-theme-dark.scss +25 -25
- package/base/_themes.scss +0 -43
- package/base/patternfly-themes.css +0 -82
- package/base/patternfly-themes.scss +0 -2
- package/base/themes/dark/_globals.scss +0 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip
|
|
2
|
+
.pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip {
|
|
3
3
|
--pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
|
|
4
4
|
--pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
|
|
5
5
|
--pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main
|
|
14
|
+
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
|
|
15
15
|
--pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
|
|
16
16
|
--pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
|
|
17
17
|
--pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
|
|
23
23
|
--pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
|
|
24
24
|
}
|
|
25
|
-
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button
|
|
25
|
+
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
|
|
26
26
|
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -282,12 +282,12 @@
|
|
|
282
282
|
--pf-v6-global--spacer--form-element: 0.375rem;
|
|
283
283
|
--pf-v6-global--gutter: 1rem;
|
|
284
284
|
--pf-v6-global--gutter--md: 1.5rem;
|
|
285
|
-
--pf-
|
|
286
|
-
--pf-
|
|
287
|
-
--pf-
|
|
288
|
-
--pf-
|
|
289
|
-
--pf-
|
|
290
|
-
--pf-
|
|
285
|
+
--pf-t--global--z-index--xs: 100;
|
|
286
|
+
--pf-t--global--z-index--sm: 200;
|
|
287
|
+
--pf-t--global--z-index--md: 300;
|
|
288
|
+
--pf-t--global--z-index--lg: 400;
|
|
289
|
+
--pf-t--global--z-index--xl: 500;
|
|
290
|
+
--pf-t--global--z-index--2xl: 600;
|
|
291
291
|
--pf-v6-global--breakpoint--xs: 0;
|
|
292
292
|
--pf-v6-global--breakpoint--sm: 576px;
|
|
293
293
|
--pf-v6-global--breakpoint--md: 768px;
|
|
@@ -348,9 +348,9 @@
|
|
|
348
348
|
--pf-v6-global--LineHeight--sm: 1.3;
|
|
349
349
|
--pf-v6-global--LineHeight--md: 1.5;
|
|
350
350
|
--pf-v6-global--ListStyle: disc outside;
|
|
351
|
-
--pf-
|
|
352
|
-
--pf-
|
|
353
|
-
--pf-
|
|
351
|
+
--pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
|
|
352
|
+
--pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
353
|
+
--pf-t--global--transitionDuration: 250ms;
|
|
354
354
|
--pf-v6-global--arrow--width: 0.9375rem;
|
|
355
355
|
--pf-v6-global--arrow--width-lg: 1.5625rem;
|
|
356
356
|
--pf-v6-global--target-size--MinWidth: 44px;
|
|
@@ -492,6 +492,10 @@ html .ws-preview {
|
|
|
492
492
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
493
493
|
var(--pf-t--global--box-shadow--spread--lg)
|
|
494
494
|
var(--pf-t--global--box-shadow--color--lg);
|
|
495
|
+
--pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
|
|
496
|
+
--pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
|
|
497
|
+
--pf-t--global--transition--duration: 250ms;
|
|
498
|
+
--pf-t--global--list-style: disc outside;
|
|
495
499
|
}
|
|
496
500
|
|
|
497
501
|
:root {
|
|
@@ -589,12 +593,12 @@ html .ws-preview {
|
|
|
589
593
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
590
594
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
591
595
|
--pf-t--global--box-shadow--X--100: -8px;
|
|
592
|
-
--pf-t--global--
|
|
593
|
-
--pf-t--global--
|
|
594
|
-
--pf-t--global--
|
|
595
|
-
--pf-t--global--
|
|
596
|
-
--pf-t--global--
|
|
597
|
-
--pf-t--global--
|
|
596
|
+
--pf-t--global--z-index--600: 600;
|
|
597
|
+
--pf-t--global--z-index--500: 500;
|
|
598
|
+
--pf-t--global--z-index--400: 400;
|
|
599
|
+
--pf-t--global--z-index--300: 300;
|
|
600
|
+
--pf-t--global--z-index--200: 200;
|
|
601
|
+
--pf-t--global--z-index--100: 100;
|
|
598
602
|
--pf-t--global--font--size--800: 36px;
|
|
599
603
|
--pf-t--global--font--size--700: 28px;
|
|
600
604
|
--pf-t--global--font--size--600: 22px;
|
|
@@ -728,12 +732,12 @@ html .ws-preview {
|
|
|
728
732
|
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
729
733
|
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
730
734
|
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
731
|
-
--pf-t--global--
|
|
732
|
-
--pf-t--global--
|
|
733
|
-
--pf-t--global--
|
|
734
|
-
--pf-t--global--
|
|
735
|
-
--pf-t--global--
|
|
736
|
-
--pf-t--global--
|
|
735
|
+
--pf-t--global--z-index--2xl: 600;
|
|
736
|
+
--pf-t--global--z-index--xl: 500;
|
|
737
|
+
--pf-t--global--z-index--lg: 400;
|
|
738
|
+
--pf-t--global--z-index--md: 300;
|
|
739
|
+
--pf-t--global--z-index--sm: 200;
|
|
740
|
+
--pf-t--global--z-index--xs: 100;
|
|
737
741
|
--pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
|
|
738
742
|
--pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
|
|
739
743
|
--pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
|
|
@@ -1618,39 +1622,6 @@ html .ws-preview {
|
|
|
1618
1622
|
scale: -1 1;
|
|
1619
1623
|
}
|
|
1620
1624
|
|
|
1621
|
-
:where(.pf-v6-theme-dark) {
|
|
1622
|
-
color-scheme: dark;
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
|
-
.pf-v6-t-dark.pf-m-transparent {
|
|
1626
|
-
background-color: transparent;
|
|
1627
|
-
}
|
|
1628
|
-
.pf-v6-t-dark.pf-m-transparent-100 {
|
|
1629
|
-
background-color: rgba(3, 3, 3, 0.42);
|
|
1630
|
-
}
|
|
1631
|
-
.pf-v6-t-dark.pf-m-transparent-200 {
|
|
1632
|
-
background-color: rgba(3, 3, 3, 0.6);
|
|
1633
|
-
}
|
|
1634
|
-
.pf-v6-t-dark.pf-m-opaque-100 {
|
|
1635
|
-
background-color: #3c3f42;
|
|
1636
|
-
}
|
|
1637
|
-
.pf-v6-t-dark.pf-m-opaque-200 {
|
|
1638
|
-
background-color: #151515;
|
|
1639
|
-
}
|
|
1640
|
-
|
|
1641
|
-
.pf-v6-t-light.pf-m-transparent {
|
|
1642
|
-
background-color: transparent;
|
|
1643
|
-
}
|
|
1644
|
-
.pf-v6-t-light.pf-m-opaque-100 {
|
|
1645
|
-
background-color: #fff;
|
|
1646
|
-
}
|
|
1647
|
-
.pf-v6-t-light.pf-m-opaque-200 {
|
|
1648
|
-
background-color: #fafafa;
|
|
1649
|
-
}
|
|
1650
|
-
.pf-v6-t-light.pf-m-opaque-300 {
|
|
1651
|
-
background-color: #f0f0f0;
|
|
1652
|
-
}
|
|
1653
|
-
|
|
1654
1625
|
* .fa,
|
|
1655
1626
|
* .fas,
|
|
1656
1627
|
* .far,
|
|
@@ -6401,7 +6372,7 @@ html .ws-preview {
|
|
|
6401
6372
|
--pf-v6-c-about-modal-box__brand--sm--PaddingRight: var(--pf-t--global--spacer--3xl);
|
|
6402
6373
|
--pf-v6-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-t--global--spacer--3xl);
|
|
6403
6374
|
--pf-v6-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-t--global--spacer--3xl);
|
|
6404
|
-
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-
|
|
6375
|
+
--pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
6405
6376
|
--pf-v6-c-about-modal-box__close--PaddingTop: var(--pf-t--global--spacer--2xl);
|
|
6406
6377
|
--pf-v6-c-about-modal-box__close--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
6407
6378
|
--pf-v6-c-about-modal-box__close--PaddingBottom: var(--pf-t--global--spacer--xl);
|
|
@@ -6776,7 +6747,7 @@ html .ws-preview {
|
|
|
6776
6747
|
--pf-v6-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
|
|
6777
6748
|
--pf-v6-c-alert__toggle--MarginRight: var(--pf-t--global--spacer--sm);
|
|
6778
6749
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
6779
|
-
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-
|
|
6750
|
+
--pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
6780
6751
|
--pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6781
6752
|
--pf-v6-c-alert__icon--MarginTop: 0.25rem;
|
|
6782
6753
|
--pf-v6-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
@@ -6968,7 +6939,7 @@ html .ws-preview {
|
|
|
6968
6939
|
--pf-v6-c-alert-group--m-toast--Top: var(--pf-t--global--spacer--2xl);
|
|
6969
6940
|
--pf-v6-c-alert-group--m-toast--Right: var(--pf-t--global--spacer--xl);
|
|
6970
6941
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
6971
|
-
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-
|
|
6942
|
+
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
6972
6943
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
6973
6944
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
6974
6945
|
--pf-v6-c-alert-group__overflow-button--PaddingTop: var(--pf-t--global--spacer--md);
|
|
@@ -7031,7 +7002,7 @@ html .ws-preview {
|
|
|
7031
7002
|
--pf-v6-c-app-launcher__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
|
|
7032
7003
|
--pf-v6-c-app-launcher__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
|
|
7033
7004
|
--pf-v6-c-app-launcher__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
7034
|
-
--pf-v6-c-app-launcher__menu--ZIndex: var(--pf-
|
|
7005
|
+
--pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
7035
7006
|
--pf-v6-c-app-launcher--m-top__menu--Top: 0;
|
|
7036
7007
|
--pf-v6-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
|
|
7037
7008
|
--pf-v6-c-app-launcher__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
|
|
@@ -7522,7 +7493,7 @@ html .ws-preview {
|
|
|
7522
7493
|
:root,
|
|
7523
7494
|
.pf-v6-c-backdrop {
|
|
7524
7495
|
--pf-v6-c-backdrop--Position: fixed;
|
|
7525
|
-
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--
|
|
7496
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
7526
7497
|
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
7527
7498
|
}
|
|
7528
7499
|
|
|
@@ -7665,7 +7636,7 @@ html .ws-preview {
|
|
|
7665
7636
|
--pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7666
7637
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
|
|
7667
7638
|
--pf-v6-c-banner--link--disabled--TextDecoration: none;
|
|
7668
|
-
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-
|
|
7639
|
+
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
7669
7640
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
7670
7641
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
7671
7642
|
--pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
|
|
@@ -8172,7 +8143,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8172
8143
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8173
8144
|
--pf-v6-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
|
|
8174
8145
|
--pf-v6-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
|
|
8175
|
-
--pf-v6-c-button__progress--width: calc(var(--pf-v6-
|
|
8146
|
+
--pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
|
|
8176
8147
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
8177
8148
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
8178
8149
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
@@ -8180,7 +8151,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8180
8151
|
--pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
|
|
8181
8152
|
--pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
|
|
8182
8153
|
--pf-v6-c-button--m-progress--TransitionProperty: padding;
|
|
8183
|
-
--pf-v6-c-button--m-progress--TransitionDuration: var(--pf-
|
|
8154
|
+
--pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
|
|
8184
8155
|
--pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
|
|
8185
8156
|
--pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
|
|
8186
8157
|
--pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -8188,7 +8159,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8188
8159
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
|
|
8189
8160
|
--pf-v6-c-button--m-in-progress--m-plain__progress--Left: 50%;
|
|
8190
8161
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
8191
|
-
--pf-v6-c-button__count--MarginLeft: var(--pf-
|
|
8162
|
+
--pf-v6-c-button__count--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
8192
8163
|
--pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
|
|
8193
8164
|
--pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
8194
8165
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -8773,7 +8744,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8773
8744
|
--pf-v6-c-card__header-toggle--MarginRight: var(--pf-t--global--spacer--xs);
|
|
8774
8745
|
--pf-v6-c-card__header-toggle--MarginBottom: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
|
|
8775
8746
|
--pf-v6-c-card__header-toggle--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
|
|
8776
|
-
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-
|
|
8747
|
+
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
8777
8748
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
8778
8749
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
8779
8750
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -9737,7 +9708,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9737
9708
|
--pf-v6-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
|
|
9738
9709
|
--pf-v6-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
|
|
9739
9710
|
--pf-v6-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
9740
|
-
--pf-v6-c-content--ul--ListStyle: var(--pf-
|
|
9711
|
+
--pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
|
|
9741
9712
|
--pf-v6-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
|
|
9742
9713
|
--pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
|
9743
9714
|
--pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
|
@@ -9968,7 +9939,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9968
9939
|
--pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
|
|
9969
9940
|
--pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-v6-global--Color--100);
|
|
9970
9941
|
--pf-v6-c-context-selector__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
9971
|
-
--pf-v6-c-context-selector__menu--ZIndex: var(--pf-
|
|
9942
|
+
--pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
9972
9943
|
--pf-v6-c-context-selector__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
|
|
9973
9944
|
--pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
|
|
9974
9945
|
--pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
|
|
@@ -11507,7 +11478,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11507
11478
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
11508
11479
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
11509
11480
|
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
11510
|
-
--pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-
|
|
11481
|
+
--pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
11511
11482
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
11512
11483
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
11513
11484
|
}
|
|
@@ -11795,15 +11766,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11795
11766
|
--pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
|
|
11796
11767
|
--pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
11797
11768
|
--pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
|
|
11798
|
-
--pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--
|
|
11769
|
+
--pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11799
11770
|
--pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
11800
11771
|
--pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
11801
|
-
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--
|
|
11772
|
+
--pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
|
|
11802
11773
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
11803
11774
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11804
11775
|
--pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
|
|
11805
11776
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
11806
|
-
--pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-
|
|
11777
|
+
--pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
|
|
11807
11778
|
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
11808
11779
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
11809
11780
|
--pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
@@ -14514,7 +14485,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14514
14485
|
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
14515
14486
|
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
14516
14487
|
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14517
|
-
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--
|
|
14488
|
+
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14518
14489
|
--pf-v6-c-date-picker__calendar--Top: calc(100% + var(--pf-t--global--spacer--xs));
|
|
14519
14490
|
--pf-v6-c-date-picker__calendar--Right: auto;
|
|
14520
14491
|
--pf-v6-c-date-picker__calendar--Left: 0;
|
|
@@ -14831,10 +14802,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14831
14802
|
--pf-v6-c-drawer__content--BackgroundColor: transparent;
|
|
14832
14803
|
--pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14833
14804
|
--pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14834
|
-
--pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--
|
|
14805
|
+
--pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--z-index--xs);
|
|
14835
14806
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
14836
14807
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
14837
|
-
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--
|
|
14808
|
+
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
|
14838
14809
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
14839
14810
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14840
14811
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -14945,7 +14916,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14945
14916
|
|
|
14946
14917
|
.pf-v6-c-drawer {
|
|
14947
14918
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
|
|
14948
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-
|
|
14919
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
|
|
14949
14920
|
display: flex;
|
|
14950
14921
|
flex-direction: column;
|
|
14951
14922
|
height: 100%;
|
|
@@ -14956,7 +14927,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14956
14927
|
}
|
|
14957
14928
|
|
|
14958
14929
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
|
|
14959
|
-
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-
|
|
14930
|
+
--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
|
|
14960
14931
|
}
|
|
14961
14932
|
|
|
14962
14933
|
.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) {
|
|
@@ -15764,7 +15735,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
15764
15735
|
--pf-v6-c-dropdown__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
|
|
15765
15736
|
--pf-v6-c-dropdown__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
|
|
15766
15737
|
--pf-v6-c-dropdown__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
15767
|
-
--pf-v6-c-dropdown__menu--ZIndex: var(--pf-
|
|
15738
|
+
--pf-v6-c-dropdown__menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
15768
15739
|
--pf-v6-c-dropdown--m-top__menu--Top: 0;
|
|
15769
15740
|
--pf-v6-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
|
|
15770
15741
|
--pf-v6-c-dropdown__menu-item--BackgroundColor: transparent;
|
|
@@ -15801,7 +15772,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
15801
15772
|
--pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-v6-global--spacer--xs);
|
|
15802
15773
|
--pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
|
|
15803
15774
|
--pf-v6-c-dropdown--c-menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
15804
|
-
--pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-
|
|
15775
|
+
--pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
15805
15776
|
--pf-v6-c-dropdown--m-top--c-menu--Top: 0;
|
|
15806
15777
|
--pf-v6-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
|
|
15807
15778
|
--pf-v6-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
@@ -16752,7 +16723,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
16752
16723
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
16753
16724
|
--pf-v6-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v6-c-button--m-plain--PaddingTop) * -1);
|
|
16754
16725
|
--pf-v6-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v6-c-button--m-plain--PaddingBottom) * -1);
|
|
16755
|
-
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-
|
|
16726
|
+
--pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
16756
16727
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
16757
16728
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
16758
16729
|
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -18040,7 +18011,7 @@ label.pf-v6-c-input-group__text {
|
|
|
18040
18011
|
--pf-v6-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
|
|
18041
18012
|
--pf-v6-c-jump-links__toggle--Display: none;
|
|
18042
18013
|
--pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
|
|
18043
|
-
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-
|
|
18014
|
+
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
18044
18015
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
18045
18016
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18046
18017
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -18252,7 +18223,7 @@ label.pf-v6-c-input-group__text {
|
|
|
18252
18223
|
color: var(--pf-v6-c-jump-links__toggle-text--Color);
|
|
18253
18224
|
}
|
|
18254
18225
|
|
|
18255
|
-
.pf-v6-c-select, .pf-v6-
|
|
18226
|
+
.pf-v6-c-select, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
|
|
18256
18227
|
--pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
|
|
18257
18228
|
--pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
|
|
18258
18229
|
--pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
|
|
@@ -18264,7 +18235,7 @@ label.pf-v6-c-input-group__text {
|
|
|
18264
18235
|
--pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
|
|
18265
18236
|
}
|
|
18266
18237
|
|
|
18267
|
-
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main
|
|
18238
|
+
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
|
|
18268
18239
|
--pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
|
|
18269
18240
|
--pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
|
|
18270
18241
|
--pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
|
|
@@ -18275,7 +18246,7 @@ label.pf-v6-c-input-group__text {
|
|
|
18275
18246
|
--pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
|
|
18276
18247
|
--pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
|
|
18277
18248
|
}
|
|
18278
|
-
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button
|
|
18249
|
+
.pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
|
|
18279
18250
|
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
|
|
18280
18251
|
}
|
|
18281
18252
|
|
|
@@ -19008,7 +18979,7 @@ input.pf-v6-c-label__content {
|
|
|
19008
18979
|
--pf-v6-c-list--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
19009
18980
|
--pf-v6-c-list--nested--MarginTop: var(--pf-t--global--spacer--sm);
|
|
19010
18981
|
--pf-v6-c-list--nested--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
19011
|
-
--pf-v6-c-list--ul--ListStyle: var(--pf-
|
|
18982
|
+
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
19012
18983
|
--pf-v6-c-list--li--MarginTop: var(--pf-t--global--spacer--sm);
|
|
19013
18984
|
--pf-v6-c-list--m-inline--li--MarginRight: var(--pf-t--global--spacer--lg);
|
|
19014
18985
|
--pf-v6-c-list--m-bordered--li--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
@@ -19969,7 +19940,7 @@ ul.pf-v6-c-list {
|
|
|
19969
19940
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
19970
19941
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
19971
19942
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
19972
|
-
--pf-v6-c-menu--ZIndex: var(--pf-t--global--
|
|
19943
|
+
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19973
19944
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
19974
19945
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
19975
19946
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
@@ -20032,22 +20003,22 @@ ul.pf-v6-c-list {
|
|
|
20032
20003
|
--pf-v6-c-menu--m-flyout__menu--top-offset: 0px;
|
|
20033
20004
|
--pf-v6-c-menu--m-flyout__menu--left-offset: 0px;
|
|
20034
20005
|
--pf-v6-c-menu--m-flyout__menu--m-left--right-offset: 0px;
|
|
20035
|
-
--pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--
|
|
20006
|
+
--pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--z-index--sm);
|
|
20036
20007
|
--pf-v6-c-menu--m-flyout__menu--Top: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v6-c-menu--m-flyout__menu--top-offset));
|
|
20037
20008
|
--pf-v6-c-menu--m-flyout__menu--Right: auto;
|
|
20038
20009
|
--pf-v6-c-menu--m-flyout__menu--Bottom: auto;
|
|
20039
20010
|
--pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
|
|
20040
20011
|
--pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
|
|
20041
20012
|
--pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
|
20042
|
-
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-
|
|
20043
|
-
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-
|
|
20013
|
+
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
|
|
20014
|
+
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
|
|
20044
20015
|
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
20045
20016
|
--pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
|
|
20046
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-
|
|
20017
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
|
|
20047
20018
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
20048
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-
|
|
20019
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
|
|
20049
20020
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
20050
|
-
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--
|
|
20021
|
+
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20051
20022
|
}
|
|
20052
20023
|
|
|
20053
20024
|
.pf-v6-c-menu__content,
|
|
@@ -20437,7 +20408,7 @@ ul.pf-v6-c-list {
|
|
|
20437
20408
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20438
20409
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
20439
20410
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20440
|
-
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--
|
|
20411
|
+
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
20441
20412
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
20442
20413
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20443
20414
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
@@ -20835,7 +20806,7 @@ ul.pf-v6-c-list {
|
|
|
20835
20806
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20836
20807
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
20837
20808
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
20838
|
-
--pf-v6-c-modal-box--ZIndex: var(--pf-
|
|
20809
|
+
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
20839
20810
|
--pf-v6-c-modal-box--Width: 100%;
|
|
20840
20811
|
--pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
|
|
20841
20812
|
--pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
|
|
@@ -21259,7 +21230,7 @@ ul.pf-v6-c-list {
|
|
|
21259
21230
|
--pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21260
21231
|
--pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
|
|
21261
21232
|
--pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
21262
|
-
--pf-v6-c-nav--OutlineOffset: calc(var(--pf-
|
|
21233
|
+
--pf-v6-c-nav--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
21263
21234
|
--pf-v6-c-nav--BackgroundColor: transparent;
|
|
21264
21235
|
--pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
|
|
21265
21236
|
--pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
|
|
@@ -21624,7 +21595,7 @@ ul.pf-v6-c-list {
|
|
|
21624
21595
|
--pf-v6-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
21625
21596
|
--pf-v6-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
21626
21597
|
--pf-v6-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
21627
|
-
--pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--
|
|
21598
|
+
--pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21628
21599
|
--pf-v6-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
21629
21600
|
--pf-v6-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
21630
21601
|
--pf-v6-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -21633,7 +21604,7 @@ ul.pf-v6-c-list {
|
|
|
21633
21604
|
--pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21634
21605
|
--pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21635
21606
|
--pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
|
|
21636
|
-
--pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--
|
|
21607
|
+
--pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21637
21608
|
--pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
|
|
21638
21609
|
--pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
21639
21610
|
--pf-v6-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
|
|
@@ -21935,7 +21906,7 @@ ul.pf-v6-c-list {
|
|
|
21935
21906
|
--pf-v6-c-options-menu__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
|
|
21936
21907
|
--pf-v6-c-options-menu__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
|
|
21937
21908
|
--pf-v6-c-options-menu__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
21938
|
-
--pf-v6-c-options-menu__menu--ZIndex: var(--pf-
|
|
21909
|
+
--pf-v6-c-options-menu__menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
21939
21910
|
--pf-v6-c-options-menu--m-top__menu--Top: 0;
|
|
21940
21911
|
--pf-v6-c-options-menu--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
|
|
21941
21912
|
--pf-v6-c-options-menu__menu-item--BackgroundColor: transparent;
|
|
@@ -22219,7 +22190,7 @@ ul.pf-v6-c-list {
|
|
|
22219
22190
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
|
|
22220
22191
|
--pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
|
|
22221
22192
|
--pf-v6-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22222
|
-
--pf-v6-c-page__header--ZIndex: var(--pf-
|
|
22193
|
+
--pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
|
|
22223
22194
|
--pf-v6-c-page__header--MinHeight: 4.75rem;
|
|
22224
22195
|
--pf-v6-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
22225
22196
|
--pf-v6-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
|
|
@@ -22244,11 +22215,11 @@ ul.pf-v6-c-list {
|
|
|
22244
22215
|
--pf-v6-c-page__header-tools-item--Display: block;
|
|
22245
22216
|
--pf-v6-c-page__header-tools--c-button--m-selected--before--Width: auto;
|
|
22246
22217
|
--pf-v6-c-page__header-tools--c-button--m-selected--before--Height: auto;
|
|
22247
|
-
--pf-v6-c-page__sidebar--ZIndex: var(--pf-
|
|
22218
|
+
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
22248
22219
|
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
22249
22220
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22250
22221
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
22251
|
-
--pf-v6-c-page__sidebar--Transition: var(--pf-
|
|
22222
|
+
--pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
|
|
22252
22223
|
--pf-v6-c-page__sidebar--TranslateX: -100%;
|
|
22253
22224
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
22254
22225
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
@@ -22273,7 +22244,7 @@ ul.pf-v6-c-list {
|
|
|
22273
22244
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
22274
22245
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
|
|
22275
22246
|
--pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
22276
|
-
--pf-v6-c-page__main-container--ZIndex: var(--pf-
|
|
22247
|
+
--pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22277
22248
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
22278
22249
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22279
22250
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
@@ -22292,14 +22263,14 @@ ul.pf-v6-c-list {
|
|
|
22292
22263
|
--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22293
22264
|
--pf-v6-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22294
22265
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
22295
|
-
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-
|
|
22266
|
+
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
22296
22267
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
22297
|
-
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-
|
|
22268
|
+
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
22298
22269
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
22299
22270
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
22300
|
-
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-
|
|
22271
|
+
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22301
22272
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
22302
|
-
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-
|
|
22273
|
+
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
|
22303
22274
|
--pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22304
22275
|
--pf-v6-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22305
22276
|
--pf-v6-c-page__main-nav--PaddingRight: 0;
|
|
@@ -23459,7 +23430,7 @@ ul.pf-v6-c-list {
|
|
|
23459
23430
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23460
23431
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
23461
23432
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
23462
|
-
--pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--
|
|
23433
|
+
--pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23463
23434
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
23464
23435
|
--pf-v6-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
|
|
23465
23436
|
--pf-v6-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -23966,7 +23937,7 @@ ul.pf-v6-c-list {
|
|
|
23966
23937
|
--pf-v6-c-progress-stepper--m-center__step-description--MarginLeft: 0;
|
|
23967
23938
|
--pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
|
|
23968
23939
|
--pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
|
|
23969
|
-
--pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--
|
|
23940
|
+
--pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
|
|
23970
23941
|
--pf-v6-c-progress-stepper__step-icon--Width: 1.5rem;
|
|
23971
23942
|
--pf-v6-c-progress-stepper__step-icon--Height: var(--pf-v6-c-progress-stepper__step-icon--Width);
|
|
23972
23943
|
--pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
@@ -24185,7 +24156,7 @@ ul.pf-v6-c-list {
|
|
|
24185
24156
|
border: var(--pf-v6-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v6-c-progress-stepper__step-icon--BorderColor);
|
|
24186
24157
|
border-radius: 50%;
|
|
24187
24158
|
}
|
|
24188
|
-
.pf-v6-c-progress-stepper__step-icon .pf-
|
|
24159
|
+
.pf-v6-c-progress-stepper__step-icon .pf-v6-pficon {
|
|
24189
24160
|
margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginTop);
|
|
24190
24161
|
}
|
|
24191
24162
|
.pf-v6-c-progress-stepper__step-icon .fa-exclamation-triangle {
|
|
@@ -24678,7 +24649,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24678
24649
|
--pf-v6-c-select__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
|
|
24679
24650
|
--pf-v6-c-select__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
|
|
24680
24651
|
--pf-v6-c-select__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
|
|
24681
|
-
--pf-v6-c-select__menu--ZIndex: var(--pf-
|
|
24652
|
+
--pf-v6-c-select__menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
24682
24653
|
--pf-v6-c-select__menu--Width: auto;
|
|
24683
24654
|
--pf-v6-c-select__menu--MinWidth: 100%;
|
|
24684
24655
|
--pf-v6-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
|
|
@@ -25238,7 +25209,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25238
25209
|
--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
|
|
25239
25210
|
--pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
|
|
25240
25211
|
--pf-v6-c-sidebar__panel--FlexBasis--base: auto;
|
|
25241
|
-
--pf-v6-c-sidebar__panel--BoxShadow--base:
|
|
25212
|
+
--pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
|
|
25242
25213
|
--pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
|
|
25243
25214
|
--pf-v6-c-sidebar__panel--Top: 0;
|
|
25244
25215
|
--pf-v6-c-sidebar__panel--md--Top: auto;
|
|
@@ -25249,7 +25220,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25249
25220
|
--pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
|
|
25250
25221
|
--pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
|
|
25251
25222
|
--pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
|
|
25252
|
-
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--
|
|
25223
|
+
--pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
|
|
25253
25224
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25254
25225
|
--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
25255
25226
|
--pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -25771,7 +25742,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25771
25742
|
}
|
|
25772
25743
|
:root {
|
|
25773
25744
|
--pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
|
|
25774
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-
|
|
25745
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
25775
25746
|
--pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
|
|
25776
25747
|
}
|
|
25777
25748
|
|
|
@@ -25839,7 +25810,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25839
25810
|
--pf-v6-c-slider__value--m-floating--TranslateX: -50%;
|
|
25840
25811
|
--pf-v6-c-slider__value--m-floating--TranslateY: -100%;
|
|
25841
25812
|
--pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
|
|
25842
|
-
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--
|
|
25813
|
+
--pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
|
|
25843
25814
|
--pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
|
|
25844
25815
|
--pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
25845
25816
|
--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
@@ -27998,7 +27969,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27998
27969
|
--pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27999
27970
|
--pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28000
27971
|
--pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28001
|
-
--pf-v6-c-table__expandable-row--Transition: var(--pf-
|
|
27972
|
+
--pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
|
|
28002
27973
|
--pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
28003
27974
|
--pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28004
27975
|
--pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
@@ -28054,9 +28025,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28054
28025
|
--pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
|
|
28055
28026
|
--pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
|
|
28056
28027
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
28057
|
-
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--
|
|
28058
|
-
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--
|
|
28059
|
-
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--
|
|
28028
|
+
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28029
|
+
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28030
|
+
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28060
28031
|
}
|
|
28061
28032
|
|
|
28062
28033
|
.pf-v6-c-table {
|
|
@@ -28732,7 +28703,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28732
28703
|
:where(.pf-v6-c-table) {
|
|
28733
28704
|
--pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
|
|
28734
28705
|
--pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
|
|
28735
|
-
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--
|
|
28706
|
+
--pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28736
28707
|
--pf-v6-c-table__sticky-cell--Right: auto;
|
|
28737
28708
|
--pf-v6-c-table__sticky-cell--Left: auto;
|
|
28738
28709
|
--pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
@@ -29640,7 +29611,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29640
29611
|
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29641
29612
|
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
29642
29613
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
29643
|
-
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--
|
|
29614
|
+
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
|
|
29644
29615
|
--pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
|
|
29645
29616
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
29646
29617
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
@@ -30845,7 +30816,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30845
30816
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30846
30817
|
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
30847
30818
|
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
30848
|
-
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--
|
|
30819
|
+
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
30849
30820
|
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
30850
30821
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
30851
30822
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -30859,12 +30830,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30859
30830
|
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
30860
30831
|
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
30861
30832
|
--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
30862
|
-
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--
|
|
30833
|
+
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
30863
30834
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
30864
30835
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
30865
30836
|
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
|
|
30866
30837
|
--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
30867
|
-
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--
|
|
30838
|
+
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
30868
30839
|
--pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
|
|
30869
30840
|
--pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
30870
30841
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
|
|
@@ -31220,7 +31191,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31220
31191
|
--pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
|
|
31221
31192
|
--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
|
|
31222
31193
|
--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top);
|
|
31223
|
-
--pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--
|
|
31194
|
+
--pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--z-index--xs);
|
|
31224
31195
|
--pf-v6-c-tree-view--m-guides__node--before--Width: 1rem;
|
|
31225
31196
|
--pf-v6-c-tree-view--m-guides__node--before--Height: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
|
|
31226
31197
|
--pf-v6-c-tree-view--m-guides__node--before--Top: 1.125rem;
|
|
@@ -31654,7 +31625,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31654
31625
|
--pf-v6-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
31655
31626
|
--pf-v6-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
31656
31627
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
31657
|
-
--pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-
|
|
31628
|
+
--pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
31658
31629
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
31659
31630
|
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
31660
31631
|
--pf-v6-c-wizard__nav-link--before--Width: 1.5rem;
|
|
@@ -31671,7 +31642,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31671
31642
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
31672
31643
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
31673
31644
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31674
|
-
--pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--
|
|
31645
|
+
--pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
31675
31646
|
--pf-v6-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31676
31647
|
--pf-v6-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
|
|
31677
31648
|
--pf-v6-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
@@ -31688,7 +31659,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31688
31659
|
--pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
31689
31660
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
31690
31661
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
31691
|
-
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--
|
|
31662
|
+
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
|
|
31692
31663
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31693
31664
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
31694
31665
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
@@ -31711,7 +31682,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
31711
31682
|
--pf-v6-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31712
31683
|
--pf-v6-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
31713
31684
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31714
|
-
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--
|
|
31685
|
+
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
|
|
31715
31686
|
--pf-v6-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31716
31687
|
--pf-v6-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31717
31688
|
--pf-v6-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
|