@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.
- package/CHANGELOG.md +6 -0
- package/dist/esm/c_expandable_section.d.ts +0 -5
- package/dist/esm/c_expandable_section.js +0 -5
- package/dist/esm/c_expandable_section_m_display_lg_TransitionDelay.d.ts +1 -1
- package/dist/esm/c_expandable_section_m_display_lg_TransitionDelay.js +1 -1
- package/dist/esm/c_form.d.ts +36 -0
- package/dist/esm/c_form.js +36 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_fade.d.ts +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_fade.js +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_slide.d.ts +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_collapse_slide.js +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_expand_fade.d.ts +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_expand_fade.js +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_expand_slide.d.ts +6 -0
- package/dist/esm/c_form__field_group_body_TransitionDuration_expand_slide.js +6 -0
- package/dist/esm/c_form__field_group_body_TranslateY.d.ts +6 -0
- package/dist/esm/c_form__field_group_body_TranslateY.js +6 -0
- package/dist/esm/c_form__field_group_m_expanded__field_group_body_TranslateY.d.ts +6 -0
- package/dist/esm/c_form__field_group_m_expanded__field_group_body_TranslateY.js +6 -0
- package/dist/esm/c_nav.d.ts +52 -20
- package/dist/esm/c_nav.js +52 -20
- package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.d.ts +1 -1
- package/dist/esm/c_nav__subnav_TransitionDelay_expand_focus.js +1 -1
- package/dist/esm/c_nav__subnav_TransitionDuration_collapse.d.ts +1 -1
- package/dist/esm/c_nav__subnav_TransitionDuration_collapse.js +1 -1
- package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.d.ts +6 -0
- package/dist/esm/c_nav__subnav_TransitionDuration_collapse_slide.js +6 -0
- package/dist/esm/c_nav__subnav_TransitionDuration_expand.d.ts +1 -1
- package/dist/esm/c_nav__subnav_TransitionDuration_expand.js +1 -1
- package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.d.ts +6 -0
- package/dist/esm/c_nav__subnav_TransitionDuration_expand_slide.js +6 -0
- package/dist/esm/c_nav__subnav_TranslateY.d.ts +6 -0
- package/dist/esm/c_nav__subnav_TranslateY.js +6 -0
- package/dist/esm/c_nav__subnav_hidden_TranslateY.d.ts +6 -0
- package/dist/esm/c_nav__subnav_hidden_TranslateY.js +6 -0
- package/dist/esm/index.d.ts +10 -0
- package/dist/esm/index.js +10 -0
- package/dist/js/c_expandable_section.d.ts +0 -5
- package/dist/js/c_expandable_section.js +0 -5
- package/dist/js/c_expandable_section_m_display_lg_TransitionDelay.d.ts +1 -1
- package/dist/js/c_expandable_section_m_display_lg_TransitionDelay.js +1 -1
- package/dist/js/c_form.d.ts +36 -0
- package/dist/js/c_form.js +36 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_collapse_fade.d.ts +6 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_collapse_fade.js +8 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_collapse_slide.d.ts +6 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_collapse_slide.js +8 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_expand_fade.d.ts +6 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_expand_fade.js +8 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_expand_slide.d.ts +6 -0
- package/dist/js/c_form__field_group_body_TransitionDuration_expand_slide.js +8 -0
- package/dist/js/c_form__field_group_body_TranslateY.d.ts +6 -0
- package/dist/js/c_form__field_group_body_TranslateY.js +8 -0
- package/dist/js/c_form__field_group_m_expanded__field_group_body_TranslateY.d.ts +6 -0
- package/dist/js/c_form__field_group_m_expanded__field_group_body_TranslateY.js +8 -0
- package/dist/js/c_nav.d.ts +52 -20
- package/dist/js/c_nav.js +52 -20
- package/dist/js/c_nav__subnav_TransitionDelay_expand_focus.d.ts +1 -1
- package/dist/js/c_nav__subnav_TransitionDelay_expand_focus.js +1 -1
- package/dist/js/c_nav__subnav_TransitionDuration_collapse.d.ts +1 -1
- package/dist/js/c_nav__subnav_TransitionDuration_collapse.js +1 -1
- package/dist/js/c_nav__subnav_TransitionDuration_collapse_slide.d.ts +6 -0
- package/dist/js/c_nav__subnav_TransitionDuration_collapse_slide.js +8 -0
- package/dist/js/c_nav__subnav_TransitionDuration_expand.d.ts +1 -1
- package/dist/js/c_nav__subnav_TransitionDuration_expand.js +1 -1
- package/dist/js/c_nav__subnav_TransitionDuration_expand_slide.d.ts +6 -0
- package/dist/js/c_nav__subnav_TransitionDuration_expand_slide.js +8 -0
- package/dist/js/c_nav__subnav_TranslateY.d.ts +6 -0
- package/dist/js/c_nav__subnav_TranslateY.js +8 -0
- package/dist/js/c_nav__subnav_hidden_TranslateY.d.ts +6 -0
- package/dist/js/c_nav__subnav_hidden_TranslateY.js +8 -0
- package/dist/js/index.d.ts +10 -0
- package/dist/js/index.js +10 -0
- 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": "
|
|
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": "
|
|
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;
|
package/dist/esm/c_form.d.ts
CHANGED
|
@@ -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/esm/c_form.js
CHANGED
|
@@ -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_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;
|
package/dist/esm/c_nav.d.ts
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": "
|
|
429
|
+
"value": "200ms",
|
|
430
430
|
"values": [
|
|
431
|
-
"--pf-t--global--motion--duration--
|
|
432
|
-
"--pf-t--global--motion--duration--
|
|
433
|
-
"--pf-t--global--duration--
|
|
434
|
-
"
|
|
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": "
|
|
443
|
+
"value": "100ms",
|
|
440
444
|
"values": [
|
|
441
|
-
"--pf-t--global--motion--duration--
|
|
442
|
-
"--pf-t--global--motion--duration--
|
|
443
|
-
"--pf-t--global--duration--
|
|
444
|
-
"
|
|
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": "
|
|
812
|
+
"value": "200ms",
|
|
797
813
|
"values": [
|
|
798
814
|
"--pf-v6-c-nav__subnav--TransitionDuration--expand",
|
|
799
|
-
"--pf-t--global--motion--duration--
|
|
800
|
-
"--pf-t--global--motion--duration--
|
|
801
|
-
"--pf-t--global--duration--
|
|
802
|
-
"
|
|
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": "
|
|
823
|
+
"value": "100ms",
|
|
808
824
|
"values": [
|
|
809
825
|
"--pf-v6-c-nav__subnav--TransitionDuration--collapse",
|
|
810
|
-
"--pf-t--global--motion--duration--
|
|
811
|
-
"--pf-t--global--motion--duration--
|
|
812
|
-
"--pf-t--global--duration--
|
|
813
|
-
"
|
|
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": "
|
|
429
|
+
"value": "200ms",
|
|
430
430
|
"values": [
|
|
431
|
-
"--pf-t--global--motion--duration--
|
|
432
|
-
"--pf-t--global--motion--duration--
|
|
433
|
-
"--pf-t--global--duration--
|
|
434
|
-
"
|
|
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": "
|
|
443
|
+
"value": "100ms",
|
|
440
444
|
"values": [
|
|
441
|
-
"--pf-t--global--motion--duration--
|
|
442
|
-
"--pf-t--global--motion--duration--
|
|
443
|
-
"--pf-t--global--duration--
|
|
444
|
-
"
|
|
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": "
|
|
812
|
+
"value": "200ms",
|
|
797
813
|
"values": [
|
|
798
814
|
"--pf-v6-c-nav__subnav--TransitionDuration--expand",
|
|
799
|
-
"--pf-t--global--motion--duration--
|
|
800
|
-
"--pf-t--global--motion--duration--
|
|
801
|
-
"--pf-t--global--duration--
|
|
802
|
-
"
|
|
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": "
|
|
823
|
+
"value": "100ms",
|
|
808
824
|
"values": [
|
|
809
825
|
"--pf-v6-c-nav__subnav--TransitionDuration--collapse",
|
|
810
|
-
"--pf-t--global--motion--duration--
|
|
811
|
-
"--pf-t--global--motion--duration--
|
|
812
|
-
"--pf-t--global--duration--
|
|
813
|
-
"
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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;
|
package/dist/esm/index.d.ts
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';
|