@patternfly/patternfly 6.0.0-alpha.148 → 6.0.0-alpha.149

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 (11) hide show
  1. package/components/Icon/icon.css +5 -5
  2. package/components/Icon/icon.scss +5 -5
  3. package/components/_index.css +5 -5
  4. package/docs/components/Nav/examples/Navigation.md +10 -11
  5. package/docs/demos/CardView/examples/CardView.md +3 -3
  6. package/docs/demos/Nav/examples/Nav.md +3 -3
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +5 -5
  9. package/patternfly.css +5 -5
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/components/Icon/icon.css CHANGED
@@ -35,11 +35,11 @@
35
35
  --pf-v6-c-icon--m-inline--Height: 1em;
36
36
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
37
37
  --pf-v6-c-icon__content--Color: initial;
38
- --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
39
- --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
40
- --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
41
- --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
42
- --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
38
+ --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
39
+ --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
40
+ --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
41
+ --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
42
+ --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
43
43
  --pf-v6-c-icon--m-inline__content--Color: initial;
44
44
  --pf-v6-c-icon__content--FontSize: 1em;
45
45
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
package/components/Icon/icon.scss CHANGED
@@ -50,11 +50,11 @@
50
50
 
51
51
  // Content color
52
52
  --#{$icon}__content--Color: initial;
53
- --#{$icon}__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
54
- --#{$icon}__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
55
- --#{$icon}__content--m-success--Color: var(--pf-t--global--color--status--success--default);
56
- --#{$icon}__content--m-info--Color: var(--pf-t--global--color--status--info--default);
57
- --#{$icon}__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
53
+ --#{$icon}__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
54
+ --#{$icon}__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
55
+ --#{$icon}__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
56
+ --#{$icon}__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
57
+ --#{$icon}__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
58
58
  --#{$icon}--m-inline__content--Color: initial;
59
59
 
60
60
  // Content sizes
package/components/_index.css CHANGED
@@ -7157,11 +7157,11 @@ select ~ .pf-v6-c-form-control__utilities {
7157
7157
  --pf-v6-c-icon--m-inline--Height: 1em;
7158
7158
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
7159
7159
  --pf-v6-c-icon__content--Color: initial;
7160
- --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
7161
- --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
7162
- --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
7163
- --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
7164
- --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
7160
+ --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
7161
+ --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
7162
+ --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
7163
+ --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
7164
+ --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
7165
7165
  --pf-v6-c-icon--m-inline__content--Color: initial;
7166
7166
  --pf-v6-c-icon__content--FontSize: 1em;
7167
7167
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -138,7 +138,7 @@ cssPrefix: pf-v6-c-nav
138
138
  ```html
139
139
  <nav class="pf-v6-c-nav" aria-label="Global">
140
140
  <ul class="pf-v6-c-nav__list" role="list">
141
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
141
+ <li class="pf-v6-c-nav__item pf-m-expanded">
142
142
  <button
143
143
  class="pf-v6-c-nav__link"
144
144
  aria-expanded="true"
@@ -180,7 +180,7 @@ cssPrefix: pf-v6-c-nav
180
180
  </ul>
181
181
  </section>
182
182
  </li>
183
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
183
+ <li class="pf-v6-c-nav__item pf-m-expanded">
184
184
  <button
185
185
  class="pf-v6-c-nav__link"
186
186
  aria-expanded="true"
@@ -213,7 +213,7 @@ cssPrefix: pf-v6-c-nav
213
213
  </ul>
214
214
  </section>
215
215
  </li>
216
- <li class="pf-v6-c-nav__item pf-m-expandable">
216
+ <li class="pf-v6-c-nav__item">
217
217
  <button
218
218
  class="pf-v6-c-nav__link"
219
219
  aria-expanded="false"
@@ -255,7 +255,7 @@ cssPrefix: pf-v6-c-nav
255
255
  ```html
256
256
  <nav class="pf-v6-c-nav" aria-label="Global">
257
257
  <ul class="pf-v6-c-nav__list" role="list">
258
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
258
+ <li class="pf-v6-c-nav__item pf-m-expanded">
259
259
  <button class="pf-v6-c-nav__link" aria-expanded="true">
260
260
  <span class="pf-v6-c-nav__link-text">Link 1</span>
261
261
  <span class="pf-v6-c-nav__toggle">
@@ -288,7 +288,7 @@ cssPrefix: pf-v6-c-nav
288
288
  </ul>
289
289
  </section>
290
290
  </li>
291
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
291
+ <li class="pf-v6-c-nav__item pf-m-expanded">
292
292
  <button class="pf-v6-c-nav__link" aria-expanded="true">
293
293
  <span class="pf-v6-c-nav__link-text">Link 2</span>
294
294
  <span class="pf-v6-c-nav__toggle">
@@ -327,7 +327,7 @@ cssPrefix: pf-v6-c-nav
327
327
  <span class="pf-v6-c-nav__link-text">Link 1 (not expandable)</span>
328
328
  </a>
329
329
  </li>
330
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
330
+ <li class="pf-v6-c-nav__item pf-m-expanded">
331
331
  <button
332
332
  class="pf-v6-c-nav__link"
333
333
  aria-expanded="true"
@@ -357,7 +357,7 @@ cssPrefix: pf-v6-c-nav
357
357
  </ul>
358
358
  </section>
359
359
  </li>
360
- <li class="pf-v6-c-nav__item pf-m-expandable">
360
+ <li class="pf-v6-c-nav__item">
361
361
  <button
362
362
  class="pf-v6-c-nav__link"
363
363
  aria-expanded="false"
@@ -425,7 +425,7 @@ cssPrefix: pf-v6-c-nav
425
425
  <span class="pf-v6-c-nav__link-text">Releases</span>
426
426
  </a>
427
427
  </li>
428
- <li class="pf-v6-c-nav__item pf-m-expandable">
428
+ <li class="pf-v6-c-nav__item">
429
429
  <button
430
430
  class="pf-v6-c-nav__link"
431
431
  aria-expanded="false"
@@ -457,7 +457,7 @@ cssPrefix: pf-v6-c-nav
457
457
  </ul>
458
458
  </section>
459
459
  </li>
460
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
460
+ <li class="pf-v6-c-nav__item pf-m-expanded">
461
461
  <button
462
462
  class="pf-v6-c-nav__link"
463
463
  aria-expanded="true"
@@ -485,7 +485,7 @@ cssPrefix: pf-v6-c-nav
485
485
  <span class="pf-v6-c-nav__link-text">Openshift</span>
486
486
  </a>
487
487
  </li>
488
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
488
+ <li class="pf-v6-c-nav__item pf-m-expanded">
489
489
  <button
490
490
  class="pf-v6-c-nav__link"
491
491
  aria-expanded="true"
@@ -2506,7 +2506,6 @@ The navigation system relies on several different sub-components:
2506
2506
  | `.pf-m-full-width` | `.pf-v6-c-nav` | Modifies nav for to full width of parent. |
2507
2507
  | `.pf-m-flyout` | `.pf-v6-c-nav__item` | Modifies nav item for the flyout variation. |
2508
2508
  | `.pf-m-scrollable` | `.pf-v6-c-nav` | Modifies nav for the scrollable state. |
2509
- | `.pf-m-expandable` | `.pf-v6-c-nav__item` | Modifies for the expandable state. |
2510
2509
  | `.pf-m-expanded` | `.pf-v6-c-nav__item` | Modifies for the expanded state. |
2511
2510
  | `.pf-m-current` | `.pf-v6-c-nav__link` | Modifies for the current state. |
2512
2511
  | `.pf-m-hover` | `.pf-v6-c-nav__link` | Modifies for the hover state. |
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -203,7 +203,7 @@ section: patterns
203
203
  aria-label="Global"
204
204
  >
205
205
  <ul class="pf-v6-c-nav__list" role="list">
206
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
206
+ <li class="pf-v6-c-nav__item pf-m-expanded">
207
207
  <button
208
208
  class="pf-v6-c-nav__link"
209
209
  aria-expanded="true"
@@ -258,7 +258,7 @@ section: patterns
258
258
  </ul>
259
259
  </section>
260
260
  </li>
261
- <li class="pf-v6-c-nav__item pf-m-expandable">
261
+ <li class="pf-v6-c-nav__item">
262
262
  <button
263
263
  class="pf-v6-c-nav__link"
264
264
  aria-expanded="false"
@@ -290,7 +290,7 @@ section: patterns
290
290
  </ul>
291
291
  </section>
292
292
  </li>
293
- <li class="pf-v6-c-nav__item pf-m-expandable">
293
+ <li class="pf-v6-c-nav__item">
294
294
  <button
295
295
  class="pf-v6-c-nav__link"
296
296
  aria-expanded="false"
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -885,7 +885,7 @@ section: components
885
885
  aria-label="Global"
886
886
  >
887
887
  <ul class="pf-v6-c-nav__list" role="list">
888
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
888
+ <li class="pf-v6-c-nav__item pf-m-expanded">
889
889
  <button
890
890
  class="pf-v6-c-nav__link"
891
891
  aria-expanded="true"
@@ -940,7 +940,7 @@ section: components
940
940
  </ul>
941
941
  </section>
942
942
  </li>
943
- <li class="pf-v6-c-nav__item pf-m-expandable">
943
+ <li class="pf-v6-c-nav__item">
944
944
  <button
945
945
  class="pf-v6-c-nav__link"
946
946
  aria-expanded="false"
@@ -972,7 +972,7 @@ section: components
972
972
  </ul>
973
973
  </section>
974
974
  </li>
975
- <li class="pf-v6-c-nav__item pf-m-expandable">
975
+ <li class="pf-v6-c-nav__item">
976
976
  <button
977
977
  class="pf-v6-c-nav__link"
978
978
  aria-expanded="false"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.148",
4
+ "version": "6.0.0-alpha.149",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -13177,11 +13177,11 @@ select ~ .pf-v6-c-form-control__utilities {
13177
13177
  --pf-v6-c-icon--m-inline--Height: 1em;
13178
13178
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13179
13179
  --pf-v6-c-icon__content--Color: initial;
13180
- --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
13181
- --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
13182
- --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
13183
- --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
13184
- --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
13180
+ --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13181
+ --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13182
+ --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13183
+ --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13184
+ --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13185
13185
  --pf-v6-c-icon--m-inline__content--Color: initial;
13186
13186
  --pf-v6-c-icon__content--FontSize: 1em;
13187
13187
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
package/patternfly.css CHANGED
@@ -13294,11 +13294,11 @@ select ~ .pf-v6-c-form-control__utilities {
13294
13294
  --pf-v6-c-icon--m-inline--Height: 1em;
13295
13295
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13296
13296
  --pf-v6-c-icon__content--Color: initial;
13297
- --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
13298
- --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
13299
- --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
13300
- --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
13301
- --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
13297
+ --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13298
+ --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13299
+ --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13300
+ --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13301
+ --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13302
13302
  --pf-v6-c-icon--m-inline__content--Color: initial;
13303
13303
  --pf-v6-c-icon__content--FontSize: 1em;
13304
13304
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);