@patternfly/react-styles 5.4.0-prerelease.8 → 5.4.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/css/components/Form/form.css +59 -2
  3. package/css/components/Form/form.d.ts +1 -1
  4. package/css/components/Form/form.js +1 -1
  5. package/css/components/Form/form.mjs +1 -1
  6. package/package.json +3 -3
  7. package/.eslintrc.json +0 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.4.0 (2024-08-27)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+ # [5.4.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.10...@patternfly/react-styles@5.4.0-prerelease.11) (2024-07-16)
11
+
12
+ **Note:** Version bump only for package @patternfly/react-styles
13
+
14
+ # [5.4.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.9...@patternfly/react-styles@5.4.0-prerelease.10) (2024-07-11)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+ # [5.4.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.8...@patternfly/react-styles@5.4.0-prerelease.9) (2024-07-02)
19
+
20
+ **Note:** Version bump only for package @patternfly/react-styles
21
+
6
22
  # [5.4.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.7...@patternfly/react-styles@5.4.0-prerelease.8) (2024-07-01)
7
23
 
8
24
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Form/form.css CHANGED
@@ -32,8 +32,9 @@
32
32
  --pf-v5-c-form__group-label-help--Color: var(--pf-v5-global--Color--200);
33
33
  --pf-v5-c-form__group-label-help--hover--Color: var(--pf-v5-global--Color--100);
34
34
  --pf-v5-c-form__group-label-help--focus--Color: var(--pf-v5-global--Color--100);
35
- --pf-v5-c-form__group-label-info--MarginLeft: var(--pf-v5-global--spacer--sm);
35
+ --pf-v5-c-form__group-label--m-info--Gap: var(--pf-v5-global--spacer--sm);
36
36
  --pf-v5-c-form__group-label-info--FontSize: var(--pf-v5-global--FontSize--sm);
37
+ --pf-v5-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-v5-global--spacer--sm);
37
38
  --pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-v5-global--spacer--lg);
38
39
  --pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-v5-global--spacer--xs);
39
40
  --pf-v5-c-form__group-control--m-stack--Gap: var(--pf-v5-global--spacer--sm);
@@ -119,6 +120,14 @@
119
120
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
120
121
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
121
122
  }
123
+ .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label.pf-m-info {
124
+ flex-direction: column;
125
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
126
+ align-items: flex-start;
127
+ }
128
+ .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label-main {
129
+ flex-grow: 0;
130
+ }
122
131
  .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-control {
123
132
  grid-column: 2;
124
133
  }
@@ -139,6 +148,14 @@
139
148
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
140
149
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
141
150
  }
151
+ .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label.pf-m-info {
152
+ flex-direction: column;
153
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
154
+ align-items: flex-start;
155
+ }
156
+ .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label-main {
157
+ flex-grow: 0;
158
+ }
142
159
  .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-control {
143
160
  grid-column: 2;
144
161
  }
@@ -159,6 +176,14 @@
159
176
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
160
177
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
161
178
  }
179
+ .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label.pf-m-info {
180
+ flex-direction: column;
181
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
182
+ align-items: flex-start;
183
+ }
184
+ .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label-main {
185
+ flex-grow: 0;
186
+ }
162
187
  .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-control {
163
188
  grid-column: 2;
164
189
  }
@@ -179,6 +204,14 @@
179
204
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
180
205
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
181
206
  }
207
+ .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label.pf-m-info {
208
+ flex-direction: column;
209
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
210
+ align-items: flex-start;
211
+ }
212
+ .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label-main {
213
+ flex-grow: 0;
214
+ }
182
215
  .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-control {
183
216
  grid-column: 2;
184
217
  }
@@ -199,6 +232,14 @@
199
232
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
200
233
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
201
234
  }
235
+ .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label.pf-m-info {
236
+ flex-direction: column;
237
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
238
+ align-items: flex-start;
239
+ }
240
+ .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label-main {
241
+ flex-grow: 0;
242
+ }
202
243
  .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-control {
203
244
  grid-column: 2;
204
245
  }
@@ -219,6 +260,14 @@
219
260
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
220
261
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
221
262
  }
263
+ .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label.pf-m-info {
264
+ flex-direction: column;
265
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
266
+ align-items: flex-start;
267
+ }
268
+ .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label-main {
269
+ flex-grow: 0;
270
+ }
222
271
  .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-control {
223
272
  grid-column: 2;
224
273
  }
@@ -239,6 +288,14 @@
239
288
  --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);
240
289
  transform: translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
241
290
  }
291
+ .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label.pf-m-info {
292
+ flex-direction: column;
293
+ gap: var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap);
294
+ align-items: flex-start;
295
+ }
296
+ .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label-main {
297
+ flex-grow: 0;
298
+ }
242
299
  .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-control {
243
300
  grid-column: 2;
244
301
  }
@@ -275,6 +332,7 @@
275
332
  }
276
333
  .pf-v5-c-form__group-label.pf-m-info {
277
334
  display: flex;
335
+ gap: var(--pf-v5-c-form__group-label--m-info--Gap);
278
336
  align-items: flex-end;
279
337
  }
280
338
 
@@ -283,7 +341,6 @@
283
341
  }
284
342
 
285
343
  .pf-v5-c-form__group-label-info {
286
- margin-inline-start: var(--pf-v5-c-form__group-label-info--MarginLeft);
287
344
  font-size: var(--pf-v5-c-form__group-label-info--FontSize);
288
345
  }
289
346
 
package/css/components/Form/form.d.ts CHANGED
@@ -32,6 +32,7 @@ declare const _default: {
32
32
  "horizontal": "pf-m-horizontal",
33
33
  "alignRight": "pf-m-align-right",
34
34
  "noPaddingTop": "pf-m-no-padding-top",
35
+ "info": "pf-m-info",
35
36
  "horizontalOnXs": "pf-m-horizontal-on-xs",
36
37
  "horizontalOnSm": "pf-m-horizontal-on-sm",
37
38
  "horizontalOnMd": "pf-m-horizontal-on-md",
@@ -40,7 +41,6 @@ declare const _default: {
40
41
  "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
41
42
  "limitWidth": "pf-m-limit-width",
42
43
  "action": "pf-m-action",
43
- "info": "pf-m-info",
44
44
  "disabled": "pf-m-disabled",
45
45
  "inline": "pf-m-inline",
46
46
  "stack": "pf-m-stack",
package/css/components/Form/form.js CHANGED
@@ -34,6 +34,7 @@ exports.default = {
34
34
  "horizontal": "pf-m-horizontal",
35
35
  "alignRight": "pf-m-align-right",
36
36
  "noPaddingTop": "pf-m-no-padding-top",
37
+ "info": "pf-m-info",
37
38
  "horizontalOnXs": "pf-m-horizontal-on-xs",
38
39
  "horizontalOnSm": "pf-m-horizontal-on-sm",
39
40
  "horizontalOnMd": "pf-m-horizontal-on-md",
@@ -42,7 +43,6 @@ exports.default = {
42
43
  "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
43
44
  "limitWidth": "pf-m-limit-width",
44
45
  "action": "pf-m-action",
45
- "info": "pf-m-info",
46
46
  "disabled": "pf-m-disabled",
47
47
  "inline": "pf-m-inline",
48
48
  "stack": "pf-m-stack",
package/css/components/Form/form.mjs CHANGED
@@ -32,6 +32,7 @@ export default {
32
32
  "horizontal": "pf-m-horizontal",
33
33
  "alignRight": "pf-m-align-right",
34
34
  "noPaddingTop": "pf-m-no-padding-top",
35
+ "info": "pf-m-info",
35
36
  "horizontalOnXs": "pf-m-horizontal-on-xs",
36
37
  "horizontalOnSm": "pf-m-horizontal-on-sm",
37
38
  "horizontalOnMd": "pf-m-horizontal-on-md",
@@ -40,7 +41,6 @@ export default {
40
41
  "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
41
42
  "limitWidth": "pf-m-limit-width",
42
43
  "action": "pf-m-action",
43
- "info": "pf-m-info",
44
44
  "disabled": "pf-m-disabled",
45
45
  "inline": "pf-m-inline",
46
46
  "stack": "pf-m-stack",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "5.4.0-prerelease.8",
3
+ "version": "5.4.0",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -18,10 +18,10 @@
18
18
  "clean": "rimraf dist css"
19
19
  },
20
20
  "devDependencies": {
21
- "@patternfly/patternfly": "5.4.0-prerelease.5",
21
+ "@patternfly/patternfly": "5.4.0",
22
22
  "change-case": "^5.4.4",
23
23
  "fs-extra": "^11.2.0"
24
24
  },
25
25
  "license": "MIT",
26
- "gitHead": "58f3aa5896e2111ea1ee9a680afc40929247b05a"
26
+ "gitHead": "3ef073a38aea5cdb7f278b3820194444666393a3"
27
27
  }
package/.eslintrc.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "rules": {
3
- "camelcase": "off"
4
- }
5
- }