@patternfly/react-styles 4.79.0 → 4.81.0
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 +30 -0
- package/css/components/Page/page.css +50 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 4.81.0 (2022-08-03)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **MenuToggle:** add split button variants ([#7748](https://github.com/patternfly/patternfly-react/issues/7748)) ([7577725](https://github.com/patternfly/patternfly-react/commit/7577725305533791481ac22d9b36b87d5d3167b1))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 4.80.1 (2022-08-02)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @patternfly/react-styles
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# 4.80.0 (2022-08-01)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Features
|
|
29
|
+
|
|
30
|
+
* **Page:** add support for vertical breakpoints, add sticky breadcrumb demo ([#7764](https://github.com/patternfly/patternfly-react/issues/7764)) ([9db582d](https://github.com/patternfly/patternfly-react/commit/9db582d63a3499fa78ea8fab3ce31b7877cd479d))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
# 4.79.0 (2022-08-01)
|
|
7
37
|
|
|
8
38
|
|
|
@@ -715,6 +715,31 @@
|
|
|
715
715
|
.pf-c-page__main-nav.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child {
|
|
716
716
|
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
717
717
|
}
|
|
718
|
+
@media (min-height: 0) {
|
|
719
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
|
|
720
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
@media (min-height: 40rem) {
|
|
724
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
|
|
725
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
@media (min-height: 48rem) {
|
|
729
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
|
|
730
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
@media (min-height: 60rem) {
|
|
734
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
|
|
735
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
736
|
+
}
|
|
737
|
+
}
|
|
738
|
+
@media (min-height: 80rem) {
|
|
739
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
|
|
740
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
741
|
+
}
|
|
742
|
+
}
|
|
718
743
|
|
|
719
744
|
.pf-c-page__main-subnav {
|
|
720
745
|
background-color: var(--pf-c-page__main-subnav--BackgroundColor);
|
|
@@ -740,6 +765,31 @@
|
|
|
740
765
|
.pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
|
|
741
766
|
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
742
767
|
}
|
|
768
|
+
@media (min-height: 0) {
|
|
769
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
|
|
770
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
771
|
+
}
|
|
772
|
+
}
|
|
773
|
+
@media (min-height: 40rem) {
|
|
774
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
|
|
775
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
776
|
+
}
|
|
777
|
+
}
|
|
778
|
+
@media (min-height: 48rem) {
|
|
779
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
|
|
780
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
781
|
+
}
|
|
782
|
+
}
|
|
783
|
+
@media (min-height: 60rem) {
|
|
784
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
785
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
786
|
+
}
|
|
787
|
+
}
|
|
788
|
+
@media (min-height: 80rem) {
|
|
789
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
790
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
791
|
+
}
|
|
792
|
+
}
|
|
743
793
|
|
|
744
794
|
.pf-c-page__main-tabs {
|
|
745
795
|
padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.81.0",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "4.206.
|
|
22
|
+
"@patternfly/patternfly": "4.206.2",
|
|
23
23
|
"camel-case": "^3.0.0",
|
|
24
24
|
"css": "^2.2.3",
|
|
25
25
|
"fs-extra": "^6.0.1",
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"typescript": "^4.7.4"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "6e1df86d6c02166eb1b8ea4a5afeb252da326d22"
|
|
33
33
|
}
|