@patternfly/patternfly 6.0.0-alpha.12 → 6.0.0-alpha.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/patternfly-variables.css +4 -4
- package/base/tokens/_tokens-font.scss +4 -4
- package/components/Page/page.css +3 -3
- package/components/Page/page.scss +3 -3
- package/package.json +1 -1
- package/patternfly-base-no-globals-theme-dark-unversioned.css +4 -4
- package/patternfly-base-no-globals.css +4 -4
- package/patternfly-base-theme-dark-unversioned.css +4 -4
- package/patternfly-base.css +4 -4
- package/patternfly-no-globals.css +7 -7
- package/patternfly-theme-dark-unversioned.css +7 -7
- package/patternfly.css +7 -7
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -850,10 +850,10 @@
|
|
|
850
850
|
:root:where(.pf-v5-theme-dark) {
|
|
851
851
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
852
852
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
853
|
-
--pf-t--global--box-shadow--sm
|
|
854
|
-
--pf-t--global--box-shadow--sm
|
|
855
|
-
--pf-t--global--box-shadow--sm
|
|
856
|
-
--pf-t--global--box-shadow--sm
|
|
853
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
854
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
855
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
856
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
857
857
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
858
858
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
859
859
|
}
|
|
@@ -85,10 +85,10 @@
|
|
|
85
85
|
|
|
86
86
|
// box shadow
|
|
87
87
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
88
|
-
--pf-t--global--box-shadow--sm
|
|
89
|
-
--pf-t--global--box-shadow--sm
|
|
90
|
-
--pf-t--global--box-shadow--sm
|
|
91
|
-
--pf-t--global--box-shadow--sm
|
|
88
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
89
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
90
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
91
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
92
92
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
93
93
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
94
94
|
}
|
package/components/Page/page.css
CHANGED
|
@@ -142,10 +142,10 @@
|
|
|
142
142
|
--pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
143
143
|
--pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
144
144
|
--pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
145
|
-
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
146
|
-
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
145
|
+
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
146
|
+
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
147
147
|
--pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
148
|
-
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
148
|
+
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
149
149
|
--pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
150
150
|
--pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
151
151
|
--pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
|
|
@@ -132,12 +132,12 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
|
|
|
132
132
|
--#{$page}--section--m-sticky-top--ZIndex: var(--#{$pf-global}--ZIndex--md);
|
|
133
133
|
--#{$page}--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
134
134
|
--#{$page}--section--m-sticky-bottom--ZIndex: var(--#{$pf-global}--ZIndex--md);
|
|
135
|
-
--#{$page}--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
135
|
+
--#{$page}--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
136
136
|
|
|
137
137
|
// Shadows
|
|
138
|
-
--#{$page}--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
138
|
+
--#{$page}--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
139
139
|
--#{$page}--section--m-shadow-bottom--ZIndex: var(--#{$pf-global}--ZIndex--xs);
|
|
140
|
-
--#{$page}--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
140
|
+
--#{$page}--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
141
141
|
--#{$page}--section--m-shadow-top--ZIndex: var(--#{$pf-global}--ZIndex--xs);
|
|
142
142
|
|
|
143
143
|
// Main section horizontal nav
|
package/package.json
CHANGED
|
@@ -877,10 +877,10 @@
|
|
|
877
877
|
:root:where(.pf-v5-theme-dark) {
|
|
878
878
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
879
879
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
880
|
-
--pf-t--global--box-shadow--sm
|
|
881
|
-
--pf-t--global--box-shadow--sm
|
|
882
|
-
--pf-t--global--box-shadow--sm
|
|
883
|
-
--pf-t--global--box-shadow--sm
|
|
880
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
881
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
882
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
883
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
884
884
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
885
885
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
886
886
|
}
|
|
@@ -877,10 +877,10 @@
|
|
|
877
877
|
:root:where(.pf-v5-theme-dark) {
|
|
878
878
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
879
879
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
880
|
-
--pf-t--global--box-shadow--sm
|
|
881
|
-
--pf-t--global--box-shadow--sm
|
|
882
|
-
--pf-t--global--box-shadow--sm
|
|
883
|
-
--pf-t--global--box-shadow--sm
|
|
880
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
881
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
882
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
883
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
884
884
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
885
885
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
886
886
|
}
|
|
@@ -877,10 +877,10 @@
|
|
|
877
877
|
:root:where(.pf-v5-theme-dark) {
|
|
878
878
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
879
879
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
880
|
-
--pf-t--global--box-shadow--sm
|
|
881
|
-
--pf-t--global--box-shadow--sm
|
|
882
|
-
--pf-t--global--box-shadow--sm
|
|
883
|
-
--pf-t--global--box-shadow--sm
|
|
880
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
881
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
882
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
883
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
884
884
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
885
885
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
886
886
|
}
|
package/patternfly-base.css
CHANGED
|
@@ -877,10 +877,10 @@
|
|
|
877
877
|
:root:where(.pf-v5-theme-dark) {
|
|
878
878
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
879
879
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
880
|
-
--pf-t--global--box-shadow--sm
|
|
881
|
-
--pf-t--global--box-shadow--sm
|
|
882
|
-
--pf-t--global--box-shadow--sm
|
|
883
|
-
--pf-t--global--box-shadow--sm
|
|
880
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
881
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
882
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
883
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
884
884
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
885
885
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
886
886
|
}
|
|
@@ -940,10 +940,10 @@
|
|
|
940
940
|
:root:where(.pf-v5-theme-dark) {
|
|
941
941
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
942
942
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
943
|
-
--pf-t--global--box-shadow--sm
|
|
944
|
-
--pf-t--global--box-shadow--sm
|
|
945
|
-
--pf-t--global--box-shadow--sm
|
|
946
|
-
--pf-t--global--box-shadow--sm
|
|
943
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
944
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
945
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
946
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
947
947
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
948
948
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
949
949
|
}
|
|
@@ -21673,10 +21673,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21673
21673
|
--pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21674
21674
|
--pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21675
21675
|
--pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21676
|
-
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21677
|
-
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21676
|
+
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21677
|
+
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21678
21678
|
--pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21679
|
-
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21679
|
+
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21680
21680
|
--pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21681
21681
|
--pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21682
21682
|
--pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
|
|
@@ -940,10 +940,10 @@
|
|
|
940
940
|
:root:where(.pf-v5-theme-dark) {
|
|
941
941
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
942
942
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
943
|
-
--pf-t--global--box-shadow--sm
|
|
944
|
-
--pf-t--global--box-shadow--sm
|
|
945
|
-
--pf-t--global--box-shadow--sm
|
|
946
|
-
--pf-t--global--box-shadow--sm
|
|
943
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
944
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
945
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
946
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
947
947
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
948
948
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
949
949
|
}
|
|
@@ -21789,10 +21789,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21789
21789
|
--pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21790
21790
|
--pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21791
21791
|
--pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21792
|
-
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21793
|
-
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21792
|
+
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21793
|
+
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21794
21794
|
--pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21795
|
-
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21795
|
+
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21796
21796
|
--pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21797
21797
|
--pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21798
21798
|
--pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
|
package/patternfly.css
CHANGED
|
@@ -940,10 +940,10 @@
|
|
|
940
940
|
:root:where(.pf-v5-theme-dark) {
|
|
941
941
|
--pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
|
|
942
942
|
--pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
943
|
-
--pf-t--global--box-shadow--sm
|
|
944
|
-
--pf-t--global--box-shadow--sm
|
|
945
|
-
--pf-t--global--box-shadow--sm
|
|
946
|
-
--pf-t--global--box-shadow--sm
|
|
943
|
+
--pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
|
|
944
|
+
--pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
945
|
+
--pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
|
|
946
|
+
--pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
|
|
947
947
|
--pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
|
|
948
948
|
--pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
|
|
949
949
|
}
|
|
@@ -21789,10 +21789,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
21789
21789
|
--pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21790
21790
|
--pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21791
21791
|
--pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
|
|
21792
|
-
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21793
|
-
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21792
|
+
--pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21793
|
+
--pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
21794
21794
|
--pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21795
|
-
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm
|
|
21795
|
+
--pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
21796
21796
|
--pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
|
|
21797
21797
|
--pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
21798
21798
|
--pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
|