@patternfly/react-tokens 6.3.0-prerelease.3 → 6.3.0-prerelease.4

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 (74) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_expandable_section.d.ts +0 -5
  3. package/dist/esm/c_expandable_section.js +0 -5
  4. package/dist/esm/c_expandable_section_m_display_lg_TransitionDelay.d.ts +1 -1
  5. package/dist/esm/c_expandable_section_m_display_lg_TransitionDelay.js +1 -1
  6. package/dist/esm/c_form.d.ts +36 -0
  7. package/dist/esm/c_form.js +36 -0
  8. package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_fade.d.ts +6 -0
  9. package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_fade.js +6 -0
  10. package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_slide.d.ts +6 -0
  11. package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_slide.js +6 -0
  12. package/dist/esm/c_form__field_group_body_TransitionDuration_expand_fade.d.ts +6 -0
  13. package/dist/esm/c_form__field_group_body_TransitionDuration_expand_fade.js +6 -0
  14. package/dist/esm/c_form__field_group_body_TransitionDuration_expand_slide.d.ts +6 -0
  15. package/dist/esm/c_form__field_group_body_TransitionDuration_expand_slide.js +6 -0
  16. package/dist/esm/c_form__field_group_body_TranslateY.d.ts +6 -0
  17. package/dist/esm/c_form__field_group_body_TranslateY.js +6 -0
  18. package/dist/esm/c_form__field_group_m_expanded__field_group_body_TranslateY.d.ts +6 -0
  19. package/dist/esm/c_form__field_group_m_expanded__field_group_body_TranslateY.js +6 -0
  20. package/dist/esm/c_nav.d.ts +52 -20
  21. package/dist/esm/c_nav.js +52 -20
  22. package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.d.ts +1 -1
  23. package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.js +1 -1
  24. package/dist/esm/c_nav__subnav_TransitionDuration_collapse.d.ts +1 -1
  25. package/dist/esm/c_nav__subnav_TransitionDuration_collapse.js +1 -1
  26. package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.d.ts +6 -0
  27. package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.js +6 -0
  28. package/dist/esm/c_nav__subnav_TransitionDuration_expand.d.ts +1 -1
  29. package/dist/esm/c_nav__subnav_TransitionDuration_expand.js +1 -1
  30. package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.d.ts +6 -0
  31. package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.js +6 -0
  32. package/dist/esm/c_nav__subnav_TranslateY.d.ts +6 -0
  33. package/dist/esm/c_nav__subnav_TranslateY.js +6 -0
  34. package/dist/esm/c_nav__subnav_hidden_TranslateY.d.ts +6 -0
  35. package/dist/esm/c_nav__subnav_hidden_TranslateY.js +6 -0
  36. package/dist/esm/index.d.ts +10 -0
  37. package/dist/esm/index.js +10 -0
  38. package/dist/js/c_expandable_section.d.ts +0 -5
  39. package/dist/js/c_expandable_section.js +0 -5
  40. package/dist/js/c_expandable_section_m_display_lg_TransitionDelay.d.ts +1 -1
  41. package/dist/js/c_expandable_section_m_display_lg_TransitionDelay.js +1 -1
  42. package/dist/js/c_form.d.ts +36 -0
  43. package/dist/js/c_form.js +36 -0
  44. package/dist/js/c_form__field_group_body_TransitionDuration_collapse_fade.d.ts +6 -0
  45. package/dist/js/c_form__field_group_body_TransitionDuration_collapse_fade.js +8 -0
  46. package/dist/js/c_form__field_group_body_TransitionDuration_collapse_slide.d.ts +6 -0
  47. package/dist/js/c_form__field_group_body_TransitionDuration_collapse_slide.js +8 -0
  48. package/dist/js/c_form__field_group_body_TransitionDuration_expand_fade.d.ts +6 -0
  49. package/dist/js/c_form__field_group_body_TransitionDuration_expand_fade.js +8 -0
  50. package/dist/js/c_form__field_group_body_TransitionDuration_expand_slide.d.ts +6 -0
  51. package/dist/js/c_form__field_group_body_TransitionDuration_expand_slide.js +8 -0
  52. package/dist/js/c_form__field_group_body_TranslateY.d.ts +6 -0
  53. package/dist/js/c_form__field_group_body_TranslateY.js +8 -0
  54. package/dist/js/c_form__field_group_m_expanded__field_group_body_TranslateY.d.ts +6 -0
  55. package/dist/js/c_form__field_group_m_expanded__field_group_body_TranslateY.js +8 -0
  56. package/dist/js/c_nav.d.ts +52 -20
  57. package/dist/js/c_nav.js +52 -20
  58. package/dist/js/c_nav__subnav_TransitionDelay_expand_focus.d.ts +1 -1
  59. package/dist/js/c_nav__subnav_TransitionDelay_expand_focus.js +1 -1
  60. package/dist/js/c_nav__subnav_TransitionDuration_collapse.d.ts +1 -1
  61. package/dist/js/c_nav__subnav_TransitionDuration_collapse.js +1 -1
  62. package/dist/js/c_nav__subnav_TransitionDuration_collapse_slide.d.ts +6 -0
  63. package/dist/js/c_nav__subnav_TransitionDuration_collapse_slide.js +8 -0
  64. package/dist/js/c_nav__subnav_TransitionDuration_expand.d.ts +1 -1
  65. package/dist/js/c_nav__subnav_TransitionDuration_expand.js +1 -1
  66. package/dist/js/c_nav__subnav_TransitionDuration_expand_slide.d.ts +6 -0
  67. package/dist/js/c_nav__subnav_TransitionDuration_expand_slide.js +8 -0
  68. package/dist/js/c_nav__subnav_TranslateY.d.ts +6 -0
  69. package/dist/js/c_nav__subnav_TranslateY.js +8 -0
  70. package/dist/js/c_nav__subnav_hidden_TranslateY.d.ts +6 -0
  71. package/dist/js/c_nav__subnav_hidden_TranslateY.js +8 -0
  72. package/dist/js/index.d.ts +10 -0
  73. package/dist/js/index.js +10 -0
  74. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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.3.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.3...@patternfly/react-tokens@6.3.0-prerelease.4) (2025-06-11)
7
+
8
+ ### Features
9
+
10
+ - **Form:** enabled opt-in animations for expandable fieldgroup ([#11843](https://github.com/patternfly/patternfly-react/issues/11843)) ([8c6618b](https://github.com/patternfly/patternfly-react/commit/8c6618b87876924b7ef9b3651b86abb65e7e2dd4))
11
+
6
12
  # [6.3.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.2...@patternfly/react-tokens@6.3.0-prerelease.3) (2025-05-21)
7
13
 
8
14
  ### Features
@@ -248,7 +248,6 @@ export const c_expandable_section: {
248
248
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
249
249
  "value": "100ms",
250
250
  "values": [
251
- "--pf-v6-c-expandable-section__content--TransitionDuration--fade",
252
251
  "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
253
252
  "--pf-t--global--motion--duration--fade--short",
254
253
  "--pf-t--global--motion--duration--sm",
@@ -342,10 +341,6 @@ export const c_expandable_section: {
342
341
  "0"
343
342
  ]
344
343
  },
345
- "c_expandable_section_m_display_lg_TransitionDelay": {
346
- "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
347
- "value": "0s"
348
- },
349
344
  "c_expandable_section__content_Visibility": {
350
345
  "name": "--pf-v6-c-expandable-section__content--Visibility",
351
346
  "value": "auto"
@@ -248,7 +248,6 @@ export const c_expandable_section = {
248
248
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
249
249
  "value": "100ms",
250
250
  "values": [
251
- "--pf-v6-c-expandable-section__content--TransitionDuration--fade",
252
251
  "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
253
252
  "--pf-t--global--motion--duration--fade--short",
254
253
  "--pf-t--global--motion--duration--sm",
@@ -342,10 +341,6 @@ export const c_expandable_section = {
342
341
  "0"
343
342
  ]
344
343
  },
345
- "c_expandable_section_m_display_lg_TransitionDelay": {
346
- "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
347
- "value": "0s"
348
- },
349
344
  "c_expandable_section__content_Visibility": {
350
345
  "name": "--pf-v6-c-expandable-section__content--Visibility",
351
346
  "value": "auto"
@@ -1,6 +1,6 @@
1
1
  export const c_expandable_section_m_display_lg_TransitionDelay: {
2
2
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
3
- "value": "0s",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay)"
5
5
  };
6
6
  export default c_expandable_section_m_display_lg_TransitionDelay;
@@ -1,6 +1,6 @@
1
1
  export const c_expandable_section_m_display_lg_TransitionDelay = {
2
2
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
3
- "value": "0s",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay)"
5
5
  };
6
6
  export default c_expandable_section_m_display_lg_TransitionDelay;
@@ -687,6 +687,42 @@ export const c_form: {
687
687
  "calc(--pf-t--global--spacer--400 * -1)",
688
688
  "calc(1.5rem * -1)"
689
689
  ]
690
+ },
691
+ "c_form__field_group_body_TranslateY": {
692
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
693
+ "value": "0"
694
+ },
695
+ "c_form__field_group_m_expanded__field_group_body_TranslateY": {
696
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
697
+ "value": "0"
698
+ },
699
+ "c_form__field_group_body_TransitionDuration_expand_slide": {
700
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
701
+ "value": "0s"
702
+ },
703
+ "c_form__field_group_body_TransitionDuration_expand_fade": {
704
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
705
+ "value": "200ms",
706
+ "values": [
707
+ "--pf-t--global--motion--duration--fade--default",
708
+ "--pf-t--global--motion--duration--md",
709
+ "--pf-t--global--duration--200",
710
+ "200ms"
711
+ ]
712
+ },
713
+ "c_form__field_group_body_TransitionDuration_collapse_slide": {
714
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
715
+ "value": "0s"
716
+ },
717
+ "c_form__field_group_body_TransitionDuration_collapse_fade": {
718
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
719
+ "value": "100ms",
720
+ "values": [
721
+ "--pf-t--global--motion--duration--fade--short",
722
+ "--pf-t--global--motion--duration--sm",
723
+ "--pf-t--global--duration--100",
724
+ "100ms"
725
+ ]
690
726
  }
691
727
  },
692
728
  ".pf-v6-c-form__group-label": {
@@ -687,6 +687,42 @@ export const c_form = {
687
687
  "calc(--pf-t--global--spacer--400 * -1)",
688
688
  "calc(1.5rem * -1)"
689
689
  ]
690
+ },
691
+ "c_form__field_group_body_TranslateY": {
692
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
693
+ "value": "0"
694
+ },
695
+ "c_form__field_group_m_expanded__field_group_body_TranslateY": {
696
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
697
+ "value": "0"
698
+ },
699
+ "c_form__field_group_body_TransitionDuration_expand_slide": {
700
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
701
+ "value": "0s"
702
+ },
703
+ "c_form__field_group_body_TransitionDuration_expand_fade": {
704
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
705
+ "value": "200ms",
706
+ "values": [
707
+ "--pf-t--global--motion--duration--fade--default",
708
+ "--pf-t--global--motion--duration--md",
709
+ "--pf-t--global--duration--200",
710
+ "200ms"
711
+ ]
712
+ },
713
+ "c_form__field_group_body_TransitionDuration_collapse_slide": {
714
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
715
+ "value": "0s"
716
+ },
717
+ "c_form__field_group_body_TransitionDuration_collapse_fade": {
718
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
719
+ "value": "100ms",
720
+ "values": [
721
+ "--pf-t--global--motion--duration--fade--short",
722
+ "--pf-t--global--motion--duration--sm",
723
+ "--pf-t--global--duration--100",
724
+ "100ms"
725
+ ]
690
726
  }
691
727
  },
692
728
  ".pf-v6-c-form__group-label": {
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_collapse_fade: {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_collapse_fade;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_collapse_fade = {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_collapse_fade;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_collapse_slide: {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_collapse_slide;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_collapse_slide = {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_collapse_slide;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_expand_fade: {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_expand_fade;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_expand_fade = {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
3
+ "value": "200ms",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_expand_fade;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_expand_slide: {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_expand_slide;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TransitionDuration_expand_slide = {
2
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide)"
5
+ };
6
+ export default c_form__field_group_body_TransitionDuration_expand_slide;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TranslateY: {
2
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TranslateY)"
5
+ };
6
+ export default c_form__field_group_body_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_body_TranslateY = {
2
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-form__field-group-body--TranslateY)"
5
+ };
6
+ export default c_form__field_group_body_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_m_expanded__field_group_body_TranslateY: {
2
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY)"
5
+ };
6
+ export default c_form__field_group_m_expanded__field_group_body_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_form__field_group_m_expanded__field_group_body_TranslateY = {
2
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY)"
5
+ };
6
+ export default c_form__field_group_m_expanded__field_group_body_TranslateY;
@@ -426,24 +426,32 @@ export const c_nav: {
426
426
  },
427
427
  "c_nav__subnav_TransitionDuration_expand": {
428
428
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
429
- "value": "400ms",
429
+ "value": "200ms",
430
430
  "values": [
431
- "--pf-t--global--motion--duration--slide-in--default",
432
- "--pf-t--global--motion--duration--xl",
433
- "--pf-t--global--duration--400",
434
- "400ms"
431
+ "--pf-t--global--motion--duration--fade--default",
432
+ "--pf-t--global--motion--duration--md",
433
+ "--pf-t--global--duration--200",
434
+ "200ms"
435
435
  ]
436
436
  },
437
+ "c_nav__subnav_TransitionDuration_expand_slide": {
438
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
439
+ "value": "0s"
440
+ },
437
441
  "c_nav__subnav_TransitionDuration_collapse": {
438
442
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
439
- "value": "300ms",
443
+ "value": "100ms",
440
444
  "values": [
441
- "--pf-t--global--motion--duration--slide-in--short",
442
- "--pf-t--global--motion--duration--lg",
443
- "--pf-t--global--duration--300",
444
- "300ms"
445
+ "--pf-t--global--motion--duration--fade--short",
446
+ "--pf-t--global--motion--duration--sm",
447
+ "--pf-t--global--duration--100",
448
+ "100ms"
445
449
  ]
446
450
  },
451
+ "c_nav__subnav_TransitionDuration_collapse_slide": {
452
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
453
+ "value": "0s"
454
+ },
447
455
  "c_nav__subnav_TransitionTimingFunction_expand": {
448
456
  "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand",
449
457
  "value": "cubic-bezier(.4, 0, .2, 1)",
@@ -453,6 +461,14 @@ export const c_nav: {
453
461
  "cubic-bezier(.4, 0, .2, 1)"
454
462
  ]
455
463
  },
464
+ "c_nav__subnav_TranslateY": {
465
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
466
+ "value": "0"
467
+ },
468
+ "c_nav__subnav_hidden_TranslateY": {
469
+ "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
470
+ "value": "0"
471
+ },
456
472
  "c_nav__scroll_button_BorderColor": {
457
473
  "name": "--pf-v6-c-nav__scroll-button--BorderColor",
458
474
  "value": "#c7c7c7",
@@ -793,24 +809,32 @@ export const c_nav: {
793
809
  ".pf-v6-c-nav__subnav[hidden]": {
794
810
  "c_nav__subnav_TransitionDelay_expand_focus": {
795
811
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
796
- "value": "400ms",
812
+ "value": "200ms",
797
813
  "values": [
798
814
  "--pf-v6-c-nav__subnav--TransitionDuration--expand",
799
- "--pf-t--global--motion--duration--slide-in--default",
800
- "--pf-t--global--motion--duration--xl",
801
- "--pf-t--global--duration--400",
802
- "400ms"
815
+ "--pf-t--global--motion--duration--fade--default",
816
+ "--pf-t--global--motion--duration--md",
817
+ "--pf-t--global--duration--200",
818
+ "200ms"
803
819
  ]
804
820
  },
805
821
  "c_nav__subnav_TransitionDuration_expand": {
806
822
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
807
- "value": "300ms",
823
+ "value": "100ms",
808
824
  "values": [
809
825
  "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
810
- "--pf-t--global--motion--duration--slide-in--short",
811
- "--pf-t--global--motion--duration--lg",
812
- "--pf-t--global--duration--300",
813
- "300ms"
826
+ "--pf-t--global--motion--duration--fade--short",
827
+ "--pf-t--global--motion--duration--sm",
828
+ "--pf-t--global--duration--100",
829
+ "100ms"
830
+ ]
831
+ },
832
+ "c_nav__subnav_TransitionDuration_expand_slide": {
833
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
834
+ "value": "0s",
835
+ "values": [
836
+ "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
837
+ "0s"
814
838
  ]
815
839
  },
816
840
  "c_nav__subnav_PaddingBlockStart": {
@@ -820,6 +844,14 @@ export const c_nav: {
820
844
  "c_nav__subnav_PaddingBlockEnd": {
821
845
  "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd",
822
846
  "value": "0"
847
+ },
848
+ "c_nav__subnav_TranslateY": {
849
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
850
+ "value": "0",
851
+ "values": [
852
+ "--pf-v6-c-nav__subnav--hidden--TranslateY",
853
+ "0"
854
+ ]
823
855
  }
824
856
  },
825
857
  ".pf-v6-c-nav__link.pf-m-current": {
package/dist/esm/c_nav.js CHANGED
@@ -426,24 +426,32 @@ export const c_nav = {
426
426
  },
427
427
  "c_nav__subnav_TransitionDuration_expand": {
428
428
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
429
- "value": "400ms",
429
+ "value": "200ms",
430
430
  "values": [
431
- "--pf-t--global--motion--duration--slide-in--default",
432
- "--pf-t--global--motion--duration--xl",
433
- "--pf-t--global--duration--400",
434
- "400ms"
431
+ "--pf-t--global--motion--duration--fade--default",
432
+ "--pf-t--global--motion--duration--md",
433
+ "--pf-t--global--duration--200",
434
+ "200ms"
435
435
  ]
436
436
  },
437
+ "c_nav__subnav_TransitionDuration_expand_slide": {
438
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
439
+ "value": "0s"
440
+ },
437
441
  "c_nav__subnav_TransitionDuration_collapse": {
438
442
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
439
- "value": "300ms",
443
+ "value": "100ms",
440
444
  "values": [
441
- "--pf-t--global--motion--duration--slide-in--short",
442
- "--pf-t--global--motion--duration--lg",
443
- "--pf-t--global--duration--300",
444
- "300ms"
445
+ "--pf-t--global--motion--duration--fade--short",
446
+ "--pf-t--global--motion--duration--sm",
447
+ "--pf-t--global--duration--100",
448
+ "100ms"
445
449
  ]
446
450
  },
451
+ "c_nav__subnav_TransitionDuration_collapse_slide": {
452
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
453
+ "value": "0s"
454
+ },
447
455
  "c_nav__subnav_TransitionTimingFunction_expand": {
448
456
  "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand",
449
457
  "value": "cubic-bezier(.4, 0, .2, 1)",
@@ -453,6 +461,14 @@ export const c_nav = {
453
461
  "cubic-bezier(.4, 0, .2, 1)"
454
462
  ]
455
463
  },
464
+ "c_nav__subnav_TranslateY": {
465
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
466
+ "value": "0"
467
+ },
468
+ "c_nav__subnav_hidden_TranslateY": {
469
+ "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
470
+ "value": "0"
471
+ },
456
472
  "c_nav__scroll_button_BorderColor": {
457
473
  "name": "--pf-v6-c-nav__scroll-button--BorderColor",
458
474
  "value": "#c7c7c7",
@@ -793,24 +809,32 @@ export const c_nav = {
793
809
  ".pf-v6-c-nav__subnav[hidden]": {
794
810
  "c_nav__subnav_TransitionDelay_expand_focus": {
795
811
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
796
- "value": "400ms",
812
+ "value": "200ms",
797
813
  "values": [
798
814
  "--pf-v6-c-nav__subnav--TransitionDuration--expand",
799
- "--pf-t--global--motion--duration--slide-in--default",
800
- "--pf-t--global--motion--duration--xl",
801
- "--pf-t--global--duration--400",
802
- "400ms"
815
+ "--pf-t--global--motion--duration--fade--default",
816
+ "--pf-t--global--motion--duration--md",
817
+ "--pf-t--global--duration--200",
818
+ "200ms"
803
819
  ]
804
820
  },
805
821
  "c_nav__subnav_TransitionDuration_expand": {
806
822
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
807
- "value": "300ms",
823
+ "value": "100ms",
808
824
  "values": [
809
825
  "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
810
- "--pf-t--global--motion--duration--slide-in--short",
811
- "--pf-t--global--motion--duration--lg",
812
- "--pf-t--global--duration--300",
813
- "300ms"
826
+ "--pf-t--global--motion--duration--fade--short",
827
+ "--pf-t--global--motion--duration--sm",
828
+ "--pf-t--global--duration--100",
829
+ "100ms"
830
+ ]
831
+ },
832
+ "c_nav__subnav_TransitionDuration_expand_slide": {
833
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
834
+ "value": "0s",
835
+ "values": [
836
+ "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
837
+ "0s"
814
838
  ]
815
839
  },
816
840
  "c_nav__subnav_PaddingBlockStart": {
@@ -820,6 +844,14 @@ export const c_nav = {
820
844
  "c_nav__subnav_PaddingBlockEnd": {
821
845
  "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd",
822
846
  "value": "0"
847
+ },
848
+ "c_nav__subnav_TranslateY": {
849
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
850
+ "value": "0",
851
+ "values": [
852
+ "--pf-v6-c-nav__subnav--hidden--TranslateY",
853
+ "0"
854
+ ]
823
855
  }
824
856
  },
825
857
  ".pf-v6-c-nav__link.pf-m-current": {
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDelay_expand_focus: {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
3
- "value": "400ms",
3
+ "value": "200ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDelay_expand_focus;
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDelay_expand_focus = {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
3
- "value": "400ms",
3
+ "value": "200ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDelay_expand_focus;
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDuration_collapse: {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
3
- "value": "300ms",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDuration_collapse;
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDuration_collapse = {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
3
- "value": "300ms",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDuration_collapse;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TransitionDuration_collapse_slide: {
2
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide)"
5
+ };
6
+ export default c_nav__subnav_TransitionDuration_collapse_slide;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TransitionDuration_collapse_slide = {
2
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide)"
5
+ };
6
+ export default c_nav__subnav_TransitionDuration_collapse_slide;
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDuration_expand: {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
3
- "value": "300ms",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDuration_expand;
@@ -1,6 +1,6 @@
1
1
  export const c_nav__subnav_TransitionDuration_expand = {
2
2
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
3
- "value": "300ms",
3
+ "value": "100ms",
4
4
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand)"
5
5
  };
6
6
  export default c_nav__subnav_TransitionDuration_expand;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TransitionDuration_expand_slide: {
2
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide)"
5
+ };
6
+ export default c_nav__subnav_TransitionDuration_expand_slide;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TransitionDuration_expand_slide = {
2
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
3
+ "value": "0s",
4
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide)"
5
+ };
6
+ export default c_nav__subnav_TransitionDuration_expand_slide;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TranslateY: {
2
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-nav__subnav--TranslateY)"
5
+ };
6
+ export default c_nav__subnav_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_TranslateY = {
2
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-nav__subnav--TranslateY)"
5
+ };
6
+ export default c_nav__subnav_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_hidden_TranslateY: {
2
+ "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-nav__subnav--hidden--TranslateY)"
5
+ };
6
+ export default c_nav__subnav_hidden_TranslateY;
@@ -0,0 +1,6 @@
1
+ export const c_nav__subnav_hidden_TranslateY = {
2
+ "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
3
+ "value": "0",
4
+ "var": "var(--pf-v6-c-nav__subnav--hidden--TranslateY)"
5
+ };
6
+ export default c_nav__subnav_hidden_TranslateY;
@@ -1544,6 +1544,12 @@ export { c_form__field_group_body_GridColumn } from './c_form__field_group_body_
1544
1544
  export { c_form__field_group__field_group__field_group_body_GridColumn } from './c_form__field_group__field_group__field_group_body_GridColumn';
1545
1545
  export { c_form__field_group__field_group__field_group_toggle_field_group_body_GridColumn } from './c_form__field_group__field_group__field_group_toggle_field_group_body_GridColumn';
1546
1546
  export { c_form__field_group_body__field_group_last_child_MarginBlockEnd } from './c_form__field_group_body__field_group_last_child_MarginBlockEnd';
1547
+ export { c_form__field_group_body_TranslateY } from './c_form__field_group_body_TranslateY';
1548
+ export { c_form__field_group_m_expanded__field_group_body_TranslateY } from './c_form__field_group_m_expanded__field_group_body_TranslateY';
1549
+ export { c_form__field_group_body_TransitionDuration_expand_slide } from './c_form__field_group_body_TransitionDuration_expand_slide';
1550
+ export { c_form__field_group_body_TransitionDuration_expand_fade } from './c_form__field_group_body_TransitionDuration_expand_fade';
1551
+ export { c_form__field_group_body_TransitionDuration_collapse_slide } from './c_form__field_group_body_TransitionDuration_collapse_slide';
1552
+ export { c_form__field_group_body_TransitionDuration_collapse_fade } from './c_form__field_group_body_TransitionDuration_collapse_fade';
1547
1553
  export { c_form_control } from './c_form_control';
1548
1554
  export { c_form_control_ColumnGap } from './c_form_control_ColumnGap';
1549
1555
  export { c_form_control_Color } from './c_form_control_Color';
@@ -2607,8 +2613,12 @@ export { c_nav__subnav_PaddingBlockStart } from './c_nav__subnav_PaddingBlockSta
2607
2613
  export { c_nav__subnav_PaddingBlockEnd } from './c_nav__subnav_PaddingBlockEnd';
2608
2614
  export { c_nav__subnav_PaddingInlineStart } from './c_nav__subnav_PaddingInlineStart';
2609
2615
  export { c_nav__subnav_TransitionDuration_expand } from './c_nav__subnav_TransitionDuration_expand';
2616
+ export { c_nav__subnav_TransitionDuration_expand_slide } from './c_nav__subnav_TransitionDuration_expand_slide';
2610
2617
  export { c_nav__subnav_TransitionDuration_collapse } from './c_nav__subnav_TransitionDuration_collapse';
2618
+ export { c_nav__subnav_TransitionDuration_collapse_slide } from './c_nav__subnav_TransitionDuration_collapse_slide';
2611
2619
  export { c_nav__subnav_TransitionTimingFunction_expand } from './c_nav__subnav_TransitionTimingFunction_expand';
2620
+ export { c_nav__subnav_TranslateY } from './c_nav__subnav_TranslateY';
2621
+ export { c_nav__subnav_hidden_TranslateY } from './c_nav__subnav_hidden_TranslateY';
2612
2622
  export { c_nav__scroll_button_BorderColor } from './c_nav__scroll_button_BorderColor';
2613
2623
  export { c_nav__scroll_button_BorderWidth } from './c_nav__scroll_button_BorderWidth';
2614
2624
  export { c_nav__scroll_button_first_of_type_c_button_BorderStartStartRadius } from './c_nav__scroll_button_first_of_type_c_button_BorderStartStartRadius';