@patternfly/react-styles 6.2.0-prerelease.7 → 6.2.0-prerelease.9
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
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
|
+
# [6.2.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.8...@patternfly/react-styles@6.2.0-prerelease.9) (2025-03-10)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.16 ([#11629](https://github.com/patternfly/patternfly-react/issues/11629)) ([920e709](https://github.com/patternfly/patternfly-react/commit/920e70953ee536cadeb2604e1f323d6d0e71451c))
|
|
11
|
+
|
|
12
|
+
# [6.2.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.7...@patternfly/react-styles@6.2.0-prerelease.8) (2025-03-06)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
- **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.15 ([#11615](https://github.com/patternfly/patternfly-react/issues/11615)) ([49f3f70](https://github.com/patternfly/patternfly-react/commit/49f3f70f44717f156df542c2d6b9facad1caeff4))
|
|
17
|
+
|
|
6
18
|
# [6.2.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.6...@patternfly/react-styles@6.2.0-prerelease.7) (2025-03-05)
|
|
7
19
|
|
|
8
20
|
### Bug Fixes
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13
13
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
14
14
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
16
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
15
17
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16
18
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
17
19
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -56,6 +58,17 @@
|
|
|
56
58
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
57
59
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
58
60
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
61
|
+
animation-name: --pf-v6-c-helper-text-item-fade-in;
|
|
62
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
63
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
64
|
+
}
|
|
65
|
+
@keyframes --pf-v6-c-helper-text-item-fade-in {
|
|
66
|
+
from {
|
|
67
|
+
opacity: 0;
|
|
68
|
+
}
|
|
69
|
+
to {
|
|
70
|
+
opacity: 1;
|
|
71
|
+
}
|
|
59
72
|
}
|
|
60
73
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
61
74
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -118,12 +118,16 @@
|
|
|
118
118
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
119
119
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
120
120
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
121
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
122
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
121
123
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
122
124
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
123
125
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
124
126
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
125
127
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
126
128
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
129
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
130
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
127
131
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
128
132
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
129
133
|
}
|
|
@@ -272,6 +276,28 @@
|
|
|
272
276
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
273
277
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
274
278
|
}
|
|
279
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
280
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
281
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
282
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
283
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
284
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
285
|
+
animation-fill-mode: both;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
289
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
290
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
291
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
292
|
+
}
|
|
293
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
294
|
+
from {
|
|
295
|
+
opacity: 0;
|
|
296
|
+
}
|
|
297
|
+
to {
|
|
298
|
+
opacity: 1;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
275
301
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
276
302
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
277
303
|
}
|
|
@@ -287,6 +313,21 @@
|
|
|
287
313
|
pointer-events: none;
|
|
288
314
|
}
|
|
289
315
|
|
|
316
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
317
|
+
syntax: "<length>";
|
|
318
|
+
inherits: false;
|
|
319
|
+
initial-value: 0;
|
|
320
|
+
}
|
|
321
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
322
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
323
|
+
33% {
|
|
324
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
325
|
+
}
|
|
326
|
+
66% {
|
|
327
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
}
|
|
290
331
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
291
332
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
292
333
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
@@ -7240,6 +7240,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7240
7240
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7241
7241
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7242
7242
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7243
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
7244
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
7243
7245
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7244
7246
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7245
7247
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -7284,6 +7286,17 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7284
7286
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7285
7287
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7286
7288
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7289
|
+
animation-name: --pf-v6-c-helper-text-item-fade-in;
|
|
7290
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
7291
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
7292
|
+
}
|
|
7293
|
+
@keyframes --pf-v6-c-helper-text-item-fade-in {
|
|
7294
|
+
from {
|
|
7295
|
+
opacity: 0;
|
|
7296
|
+
}
|
|
7297
|
+
to {
|
|
7298
|
+
opacity: 1;
|
|
7299
|
+
}
|
|
7287
7300
|
}
|
|
7288
7301
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7289
7302
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -10174,12 +10187,16 @@ ul.pf-v6-c-list {
|
|
|
10174
10187
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10175
10188
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10176
10189
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10190
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
10191
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
10177
10192
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
10178
10193
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
10179
10194
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
10180
10195
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
10181
10196
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
10182
10197
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10198
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
10199
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
10183
10200
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
10184
10201
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
10185
10202
|
}
|
|
@@ -10328,6 +10345,28 @@ ul.pf-v6-c-list {
|
|
|
10328
10345
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
10329
10346
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
10330
10347
|
}
|
|
10348
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10349
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
10350
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
10351
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
10352
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
10353
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
10354
|
+
animation-fill-mode: both;
|
|
10355
|
+
}
|
|
10356
|
+
}
|
|
10357
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
10358
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
10359
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
10360
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
10361
|
+
}
|
|
10362
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
10363
|
+
from {
|
|
10364
|
+
opacity: 0;
|
|
10365
|
+
}
|
|
10366
|
+
to {
|
|
10367
|
+
opacity: 1;
|
|
10368
|
+
}
|
|
10369
|
+
}
|
|
10331
10370
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
10332
10371
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
10333
10372
|
}
|
|
@@ -10343,6 +10382,21 @@ ul.pf-v6-c-list {
|
|
|
10343
10382
|
pointer-events: none;
|
|
10344
10383
|
}
|
|
10345
10384
|
|
|
10385
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
10386
|
+
syntax: "<length>";
|
|
10387
|
+
inherits: false;
|
|
10388
|
+
initial-value: 0;
|
|
10389
|
+
}
|
|
10390
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10391
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
10392
|
+
33% {
|
|
10393
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
10394
|
+
}
|
|
10395
|
+
66% {
|
|
10396
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
10397
|
+
}
|
|
10398
|
+
}
|
|
10399
|
+
}
|
|
10346
10400
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
10347
10401
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
10348
10402
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.2.0-prerelease.
|
|
3
|
+
"version": "6.2.0-prerelease.9",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "6.2.0-prerelease.
|
|
22
|
+
"@patternfly/patternfly": "6.2.0-prerelease.16",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.0"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "eeb1714d0bfab0124d295757127202c8c1b06f2e"
|
|
28
28
|
}
|