@patternfly/react-styles 5.1.1-prerelease.5 → 5.1.1-prerelease.6

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +5 -0
  3. package/css/components/AboutModalBox/about-modal-box.d.ts +1 -0
  4. package/css/components/AboutModalBox/about-modal-box.js +1 -0
  5. package/css/components/AboutModalBox/about-modal-box.mjs +1 -0
  6. package/css/components/Banner/banner.css +0 -3
  7. package/css/components/Progress/progress.css +6 -4
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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
+ ## 5.1.1-prerelease.6 (2023-09-18)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
6
10
  ## [5.1.1-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.1.1-prerelease.4...@patternfly/react-styles@5.1.1-prerelease.5) (2023-09-07)
7
11
 
8
12
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/AboutModalBox/about-modal-box.css CHANGED
@@ -26,6 +26,7 @@
26
26
  --pf-v5-c-about-modal-box--Width: 100%;
27
27
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
28
28
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
29
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
29
30
  --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
30
31
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
31
32
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -78,6 +79,10 @@
78
79
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
79
80
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
80
81
  }
82
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
83
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
84
+ }
85
+
81
86
  @media screen and (min-width: 576px) {
82
87
  .pf-v5-c-about-modal-box {
83
88
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);
package/css/components/AboutModalBox/about-modal-box.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const _default: {
8
8
  "aboutModalBoxHeader": "pf-v5-c-about-modal-box__header",
9
9
  "aboutModalBoxStrapline": "pf-v5-c-about-modal-box__strapline",
10
10
  "button": "pf-v5-c-button",
11
+ "dirRtl": "pf-v5-m-dir-rtl",
11
12
  "modifiers": {
12
13
  "plain": "pf-m-plain"
13
14
  },
package/css/components/AboutModalBox/about-modal-box.js CHANGED
@@ -10,6 +10,7 @@ exports.default = {
10
10
  "aboutModalBoxHeader": "pf-v5-c-about-modal-box__header",
11
11
  "aboutModalBoxStrapline": "pf-v5-c-about-modal-box__strapline",
12
12
  "button": "pf-v5-c-button",
13
+ "dirRtl": "pf-v5-m-dir-rtl",
13
14
  "modifiers": {
14
15
  "plain": "pf-m-plain"
15
16
  },
package/css/components/AboutModalBox/about-modal-box.mjs CHANGED
@@ -8,6 +8,7 @@ export default {
8
8
  "aboutModalBoxHeader": "pf-v5-c-about-modal-box__header",
9
9
  "aboutModalBoxStrapline": "pf-v5-c-about-modal-box__strapline",
10
10
  "button": "pf-v5-c-button",
11
+ "dirRtl": "pf-v5-m-dir-rtl",
11
12
  "modifiers": {
12
13
  "plain": "pf-m-plain"
13
14
  },
package/css/components/Banner/banner.css CHANGED
@@ -117,9 +117,6 @@
117
117
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
118
118
  }
119
119
 
120
- :where(.pf-v5-theme-dark) .pf-v5-c-banner {
121
- color: var(false);
122
- }
123
120
  :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold {
124
121
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
125
122
  }
package/css/components/Progress/progress.css CHANGED
@@ -132,6 +132,12 @@
132
132
  color: var(--pf-v5-c-progress__status-icon--Color);
133
133
  }
134
134
 
135
+ .pf-v5-c-progress__bar::before,
136
+ .pf-v5-c-progress__indicator {
137
+ top: 0;
138
+ left: 0;
139
+ }
140
+
135
141
  .pf-v5-c-progress__bar {
136
142
  position: relative;
137
143
  grid-row: 2/3;
@@ -142,8 +148,6 @@
142
148
  }
143
149
  .pf-v5-c-progress__bar::before {
144
150
  position: absolute;
145
- inset-block-start: 0;
146
- inset-inline-start: 0;
147
151
  width: 100%;
148
152
  height: 100%;
149
153
  content: "";
@@ -153,8 +157,6 @@
153
157
 
154
158
  .pf-v5-c-progress__indicator {
155
159
  position: absolute;
156
- inset-block-start: 0;
157
- inset-inline-start: 0;
158
160
  height: var(--pf-v5-c-progress__indicator--Height);
159
161
  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
160
162
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "5.1.1-prerelease.5",
3
+ "version": "5.1.1-prerelease.6",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
18
18
  "clean": "rimraf dist css"
19
19
  },
20
20
  "devDependencies": {
21
- "@patternfly/patternfly": "5.1.0-prerelease.24",
21
+ "@patternfly/patternfly": "5.1.0-prerelease.28",
22
22
  "camel-case": "^3.0.0",
23
23
  "css": "^2.2.3",
24
24
  "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
28
28
  "typescript": "^4.7.4"
29
29
  },
30
30
  "license": "MIT",
31
- "gitHead": "4be044a936d21467733468d49f87c7f61b763e9c"
31
+ "gitHead": "f856af105070fec983e76afa262b37aa99737e63"
32
32
  }