@patternfly/react-styles 5.4.0-prerelease.9 → 5.4.0

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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
+
6
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)
7
19
 
8
20
  **Note:** Version bump only for package @patternfly/react-styles
@@ -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
 
@@ -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",
@@ -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",
@@ -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.9",
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.6",
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": "cbb448a5aae9b514049d700518ca005a005c635a"
26
+ "gitHead": "3ef073a38aea5cdb7f278b3820194444666393a3"
27
27
  }
package/.eslintrc.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "rules": {
3
- "camelcase": "off"
4
- }
5
- }