@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/dist/esm/index.js CHANGED
@@ -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';
@@ -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"
@@ -250,7 +250,6 @@ exports.c_expandable_section = {
250
250
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
251
251
  "value": "100ms",
252
252
  "values": [
253
- "--pf-v6-c-expandable-section__content--TransitionDuration--fade",
254
253
  "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
255
254
  "--pf-t--global--motion--duration--fade--short",
256
255
  "--pf-t--global--motion--duration--sm",
@@ -344,10 +343,6 @@ exports.c_expandable_section = {
344
343
  "0"
345
344
  ]
346
345
  },
347
- "c_expandable_section_m_display_lg_TransitionDelay": {
348
- "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
349
- "value": "0s"
350
- },
351
346
  "c_expandable_section__content_Visibility": {
352
347
  "name": "--pf-v6-c-expandable-section__content--Visibility",
353
348
  "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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_expandable_section_m_display_lg_TransitionDelay = {
4
4
  "name": "--pf-v6-c-expandable-section--m-display-lg--TransitionDelay",
5
- "value": "0s",
5
+ "value": "100ms",
6
6
  "var": "var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay)"
7
7
  };
8
8
  exports["default"] = exports.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": {
package/dist/js/c_form.js CHANGED
@@ -689,6 +689,42 @@ exports.c_form = {
689
689
  "calc(--pf-t--global--spacer--400 * -1)",
690
690
  "calc(1.5rem * -1)"
691
691
  ]
692
+ },
693
+ "c_form__field_group_body_TranslateY": {
694
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
695
+ "value": "0"
696
+ },
697
+ "c_form__field_group_m_expanded__field_group_body_TranslateY": {
698
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
699
+ "value": "0"
700
+ },
701
+ "c_form__field_group_body_TransitionDuration_expand_slide": {
702
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
703
+ "value": "0s"
704
+ },
705
+ "c_form__field_group_body_TransitionDuration_expand_fade": {
706
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
707
+ "value": "200ms",
708
+ "values": [
709
+ "--pf-t--global--motion--duration--fade--default",
710
+ "--pf-t--global--motion--duration--md",
711
+ "--pf-t--global--duration--200",
712
+ "200ms"
713
+ ]
714
+ },
715
+ "c_form__field_group_body_TransitionDuration_collapse_slide": {
716
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
717
+ "value": "0s"
718
+ },
719
+ "c_form__field_group_body_TransitionDuration_collapse_fade": {
720
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
721
+ "value": "100ms",
722
+ "values": [
723
+ "--pf-t--global--motion--duration--fade--short",
724
+ "--pf-t--global--motion--duration--sm",
725
+ "--pf-t--global--duration--100",
726
+ "100ms"
727
+ ]
692
728
  }
693
729
  },
694
730
  ".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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_body_TransitionDuration_collapse_fade = {
4
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade",
5
+ "value": "100ms",
6
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_body_TransitionDuration_collapse_slide = {
4
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide",
5
+ "value": "0s",
6
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_body_TransitionDuration_expand_fade = {
4
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade",
5
+ "value": "200ms",
6
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_body_TransitionDuration_expand_slide = {
4
+ "name": "--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide",
5
+ "value": "0s",
6
+ "var": "var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_body_TranslateY = {
4
+ "name": "--pf-v6-c-form__field-group-body--TranslateY",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-form__field-group-body--TranslateY)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__field_group_m_expanded__field_group_body_TranslateY = {
4
+ "name": "--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY)"
7
+ };
8
+ exports["default"] = exports.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/js/c_nav.js CHANGED
@@ -428,24 +428,32 @@ exports.c_nav = {
428
428
  },
429
429
  "c_nav__subnav_TransitionDuration_expand": {
430
430
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
431
- "value": "400ms",
431
+ "value": "200ms",
432
432
  "values": [
433
- "--pf-t--global--motion--duration--slide-in--default",
434
- "--pf-t--global--motion--duration--xl",
435
- "--pf-t--global--duration--400",
436
- "400ms"
433
+ "--pf-t--global--motion--duration--fade--default",
434
+ "--pf-t--global--motion--duration--md",
435
+ "--pf-t--global--duration--200",
436
+ "200ms"
437
437
  ]
438
438
  },
439
+ "c_nav__subnav_TransitionDuration_expand_slide": {
440
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
441
+ "value": "0s"
442
+ },
439
443
  "c_nav__subnav_TransitionDuration_collapse": {
440
444
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
441
- "value": "300ms",
445
+ "value": "100ms",
442
446
  "values": [
443
- "--pf-t--global--motion--duration--slide-in--short",
444
- "--pf-t--global--motion--duration--lg",
445
- "--pf-t--global--duration--300",
446
- "300ms"
447
+ "--pf-t--global--motion--duration--fade--short",
448
+ "--pf-t--global--motion--duration--sm",
449
+ "--pf-t--global--duration--100",
450
+ "100ms"
447
451
  ]
448
452
  },
453
+ "c_nav__subnav_TransitionDuration_collapse_slide": {
454
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
455
+ "value": "0s"
456
+ },
449
457
  "c_nav__subnav_TransitionTimingFunction_expand": {
450
458
  "name": "--pf-v6-c-nav__subnav--TransitionTimingFunction--expand",
451
459
  "value": "cubic-bezier(.4, 0, .2, 1)",
@@ -455,6 +463,14 @@ exports.c_nav = {
455
463
  "cubic-bezier(.4, 0, .2, 1)"
456
464
  ]
457
465
  },
466
+ "c_nav__subnav_TranslateY": {
467
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
468
+ "value": "0"
469
+ },
470
+ "c_nav__subnav_hidden_TranslateY": {
471
+ "name": "--pf-v6-c-nav__subnav--hidden--TranslateY",
472
+ "value": "0"
473
+ },
458
474
  "c_nav__scroll_button_BorderColor": {
459
475
  "name": "--pf-v6-c-nav__scroll-button--BorderColor",
460
476
  "value": "#c7c7c7",
@@ -795,24 +811,32 @@ exports.c_nav = {
795
811
  ".pf-v6-c-nav__subnav[hidden]": {
796
812
  "c_nav__subnav_TransitionDelay_expand_focus": {
797
813
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
798
- "value": "400ms",
814
+ "value": "200ms",
799
815
  "values": [
800
816
  "--pf-v6-c-nav__subnav--TransitionDuration--expand",
801
- "--pf-t--global--motion--duration--slide-in--default",
802
- "--pf-t--global--motion--duration--xl",
803
- "--pf-t--global--duration--400",
804
- "400ms"
817
+ "--pf-t--global--motion--duration--fade--default",
818
+ "--pf-t--global--motion--duration--md",
819
+ "--pf-t--global--duration--200",
820
+ "200ms"
805
821
  ]
806
822
  },
807
823
  "c_nav__subnav_TransitionDuration_expand": {
808
824
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
809
- "value": "300ms",
825
+ "value": "100ms",
810
826
  "values": [
811
827
  "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
812
- "--pf-t--global--motion--duration--slide-in--short",
813
- "--pf-t--global--motion--duration--lg",
814
- "--pf-t--global--duration--300",
815
- "300ms"
828
+ "--pf-t--global--motion--duration--fade--short",
829
+ "--pf-t--global--motion--duration--sm",
830
+ "--pf-t--global--duration--100",
831
+ "100ms"
832
+ ]
833
+ },
834
+ "c_nav__subnav_TransitionDuration_expand_slide": {
835
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
836
+ "value": "0s",
837
+ "values": [
838
+ "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
839
+ "0s"
816
840
  ]
817
841
  },
818
842
  "c_nav__subnav_PaddingBlockStart": {
@@ -822,6 +846,14 @@ exports.c_nav = {
822
846
  "c_nav__subnav_PaddingBlockEnd": {
823
847
  "name": "--pf-v6-c-nav__subnav--PaddingBlockEnd",
824
848
  "value": "0"
849
+ },
850
+ "c_nav__subnav_TranslateY": {
851
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
852
+ "value": "0",
853
+ "values": [
854
+ "--pf-v6-c-nav__subnav--hidden--TranslateY",
855
+ "0"
856
+ ]
825
857
  }
826
858
  },
827
859
  ".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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_nav__subnav_TransitionDelay_expand_focus = {
4
4
  "name": "--pf-v6-c-nav__subnav--TransitionDelay--expand--focus",
5
- "value": "400ms",
5
+ "value": "200ms",
6
6
  "var": "var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_nav__subnav_TransitionDuration_collapse = {
4
4
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse",
5
- "value": "300ms",
5
+ "value": "100ms",
6
6
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse)"
7
7
  };
8
8
  exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_nav__subnav_TransitionDuration_collapse_slide = {
4
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide",
5
+ "value": "0s",
6
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide)"
7
+ };
8
+ exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_nav__subnav_TransitionDuration_expand = {
4
4
  "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand",
5
- "value": "300ms",
5
+ "value": "100ms",
6
6
  "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand)"
7
7
  };
8
8
  exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_nav__subnav_TransitionDuration_expand_slide = {
4
+ "name": "--pf-v6-c-nav__subnav--TransitionDuration--expand--slide",
5
+ "value": "0s",
6
+ "var": "var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_nav__subnav_TranslateY = {
4
+ "name": "--pf-v6-c-nav__subnav--TranslateY",
5
+ "value": "0",
6
+ "var": "var(--pf-v6-c-nav__subnav--TranslateY)"
7
+ };
8
+ exports["default"] = exports.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;