@patternfly/react-styles 6.2.0-prerelease.11 → 6.2.0-prerelease.12

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 (5) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/HelperText/helper-text.css +2 -2
  3. package/css/components/Nav/nav.css +12 -15
  4. package/css/components/_index.css +14 -17
  5. 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
+ # [6.2.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.11...@patternfly/react-styles@6.2.0-prerelease.12) (2025-04-01)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
6
10
  # [6.2.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.10...@patternfly/react-styles@6.2.0-prerelease.11) (2025-03-20)
7
11
 
8
12
  ### Bug Fixes
package/css/components/HelperText/helper-text.css CHANGED
@@ -58,11 +58,11 @@
58
58
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
59
59
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
60
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;
61
+ animation-name: pf-v6-c-helper-text-item-fade-in;
62
62
  animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
63
63
  animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
64
64
  }
65
- @keyframes --pf-v6-c-helper-text-item-fade-in {
65
+ @keyframes pf-v6-c-helper-text-item-fade-in {
66
66
  from {
67
67
  opacity: 0;
68
68
  }
package/css/components/Nav/nav.css CHANGED
@@ -52,9 +52,9 @@
52
52
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
53
53
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
54
54
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
55
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
56
- --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
57
- --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
55
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
56
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
57
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
58
58
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
59
59
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
60
60
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -83,12 +83,6 @@
83
83
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
84
84
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
85
85
  }
86
- @media (prefers-reduced-motion: no-preference) {
87
- .pf-v6-c-nav {
88
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
89
- --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
90
- }
91
- }
92
86
 
93
87
  .pf-v6-c-nav,
94
88
  .pf-v6-c-nav__section,
@@ -140,7 +134,7 @@
140
134
  }
141
135
 
142
136
  [class^=pf-v6-c-nav][hidden] {
143
- visibility: hidden;
137
+ display: none;
144
138
  }
145
139
 
146
140
  .pf-v6-c-nav__nav,
@@ -149,7 +143,6 @@
149
143
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
150
144
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
151
145
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
152
- visibility: visible;
153
146
  }
154
147
 
155
148
  .pf-v6-c-nav__list {
@@ -166,15 +159,19 @@
166
159
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
167
160
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
168
161
  overflow-y: clip;
169
- transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
170
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
171
- transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
162
+ transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
163
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
164
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
165
+ transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
172
166
  }
173
167
  .pf-v6-c-nav__subnav[hidden] {
174
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
168
+ --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
169
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
175
170
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
176
171
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
172
+ display: grid;
177
173
  grid-template-rows: 0fr;
174
+ visibility: hidden;
178
175
  opacity: 0;
179
176
  }
180
177
 
package/css/components/_index.css CHANGED
@@ -7412,11 +7412,11 @@ ul) {
7412
7412
  --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
7413
7413
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
7414
7414
  --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
7415
- animation-name: --pf-v6-c-helper-text-item-fade-in;
7415
+ animation-name: pf-v6-c-helper-text-item-fade-in;
7416
7416
  animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
7417
7417
  animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
7418
7418
  }
7419
- @keyframes --pf-v6-c-helper-text-item-fade-in {
7419
+ @keyframes pf-v6-c-helper-text-item-fade-in {
7420
7420
  from {
7421
7421
  opacity: 0;
7422
7422
  }
@@ -11143,9 +11143,9 @@ ul.pf-v6-c-list {
11143
11143
  --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
11144
11144
  --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
11145
11145
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
11146
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
11147
- --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
11148
- --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
11146
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
11147
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
11148
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
11149
11149
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
11150
11150
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
11151
11151
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -11174,12 +11174,6 @@ ul.pf-v6-c-list {
11174
11174
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
11175
11175
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11176
11176
  }
11177
- @media (prefers-reduced-motion: no-preference) {
11178
- .pf-v6-c-nav {
11179
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
11180
- --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
11181
- }
11182
- }
11183
11177
 
11184
11178
  .pf-v6-c-nav,
11185
11179
  .pf-v6-c-nav__section,
@@ -11231,7 +11225,7 @@ ul.pf-v6-c-list {
11231
11225
  }
11232
11226
 
11233
11227
  [class^=pf-v6-c-nav][hidden] {
11234
- visibility: hidden;
11228
+ display: none;
11235
11229
  }
11236
11230
 
11237
11231
  .pf-v6-c-nav__nav,
@@ -11240,7 +11234,6 @@ ul.pf-v6-c-list {
11240
11234
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
11241
11235
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
11242
11236
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
11243
- visibility: visible;
11244
11237
  }
11245
11238
 
11246
11239
  .pf-v6-c-nav__list {
@@ -11257,15 +11250,19 @@ ul.pf-v6-c-list {
11257
11250
  padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
11258
11251
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
11259
11252
  overflow-y: clip;
11260
- transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
11261
- transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
11262
- transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
11253
+ transition-delay: 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
11254
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
11255
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
11256
+ transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
11263
11257
  }
11264
11258
  .pf-v6-c-nav__subnav[hidden] {
11265
- --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
11259
+ --pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
11260
+ --pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
11266
11261
  --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
11267
11262
  --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
11263
+ display: grid;
11268
11264
  grid-template-rows: 0fr;
11265
+ visibility: hidden;
11269
11266
  opacity: 0;
11270
11267
  }
11271
11268
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.2.0-prerelease.11",
3
+ "version": "6.2.0-prerelease.12",
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.25",
22
+ "@patternfly/patternfly": "6.2.0-prerelease.28",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "06f0914bed087998e510eddc309c8ab44e2ab194"
27
+ "gitHead": "4ea82f7af5e42834f2a906ec5c7cc1912466ca2b"
28
28
  }