@patternfly/react-tokens 6.5.0-prerelease.21 → 6.5.0-prerelease.22

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 (34) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_page.d.ts +70 -0
  3. package/dist/esm/c_page.js +70 -0
  4. package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
  5. package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.js +6 -0
  6. package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
  7. package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.js +6 -0
  8. package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
  9. package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +6 -0
  10. package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
  11. package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.js +6 -0
  12. package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
  13. package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.js +6 -0
  14. package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
  15. package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.js +6 -0
  16. package/dist/esm/index.d.ts +6 -0
  17. package/dist/esm/index.js +6 -0
  18. package/dist/js/c_page.d.ts +70 -0
  19. package/dist/js/c_page.js +70 -0
  20. package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
  21. package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.js +8 -0
  22. package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
  23. package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.js +8 -0
  24. package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
  25. package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +8 -0
  26. package/dist/js/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
  27. package/dist/js/c_page_section_m_sticky_top_BackgroundColor.js +8 -0
  28. package/dist/js/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
  29. package/dist/js/c_page_section_m_sticky_top_TransitionDuration.js +8 -0
  30. package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
  31. package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.js +8 -0
  32. package/dist/js/index.d.ts +6 -0
  33. package/dist/js/index.js +6 -0
  34. 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.5.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.21...@patternfly/react-tokens@6.5.0-prerelease.22) (2026-05-08)
7
+
8
+ ### Features
9
+
10
+ - **Page:** add dynamic sticky section support ([#12409](https://github.com/patternfly/patternfly-react/issues/12409)) ([97b29d3](https://github.com/patternfly/patternfly-react/commit/97b29d3fafc14ee01f0bbf0d2bdbc527d62f2a16))
11
+
6
12
  # [6.5.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.20...@patternfly/react-tokens@6.5.0-prerelease.21) (2026-05-07)
7
13
 
8
14
  ### Features
@@ -904,6 +904,16 @@ export const c_page: {
904
904
  "rgba(255, 255, 255, 0.0000)"
905
905
  ]
906
906
  },
907
+ "c_page_section_m_sticky_top_BackgroundColor": {
908
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
909
+ "value": "#ffffff",
910
+ "values": [
911
+ "--pf-t--global--background--color--sticky--default",
912
+ "--pf-t--global--background--color--100",
913
+ "--pf-t--color--white",
914
+ "#ffffff"
915
+ ]
916
+ },
907
917
  "c_page_section_m_sticky_bottom_ZIndex": {
908
918
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
909
919
  "value": "300",
@@ -939,6 +949,54 @@ export const c_page: {
939
949
  "rgba(255, 255, 255, 0.0000)"
940
950
  ]
941
951
  },
952
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
953
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
954
+ "value": "#ffffff",
955
+ "values": [
956
+ "--pf-t--global--background--color--sticky--default",
957
+ "--pf-t--global--background--color--100",
958
+ "--pf-t--color--white",
959
+ "#ffffff"
960
+ ]
961
+ },
962
+ "c_page_section_m_sticky_top_TransitionDuration": {
963
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
964
+ "value": "100ms",
965
+ "values": [
966
+ "--pf-t--global--motion--duration--fade--short",
967
+ "--pf-t--global--motion--duration--sm",
968
+ "--pf-t--global--duration--100",
969
+ "100ms"
970
+ ]
971
+ },
972
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
973
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
974
+ "value": "cubic-bezier(.4, 0, .2, 1)",
975
+ "values": [
976
+ "--pf-t--global--motion--timing-function--default",
977
+ "--pf-t--global--timing-function--200",
978
+ "cubic-bezier(.4, 0, .2, 1)"
979
+ ]
980
+ },
981
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
982
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
983
+ "value": "100ms",
984
+ "values": [
985
+ "--pf-t--global--motion--duration--fade--short",
986
+ "--pf-t--global--motion--duration--sm",
987
+ "--pf-t--global--duration--100",
988
+ "100ms"
989
+ ]
990
+ },
991
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
992
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
993
+ "value": "cubic-bezier(.4, 0, .2, 1)",
994
+ "values": [
995
+ "--pf-t--global--motion--timing-function--default",
996
+ "--pf-t--global--timing-function--200",
997
+ "cubic-bezier(.4, 0, .2, 1)"
998
+ ]
999
+ },
942
1000
  "c_page_section_m_shadow_bottom_BoxShadow": {
943
1001
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
944
1002
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1851,6 +1909,18 @@ export const c_page: {
1851
1909
  "value": "0"
1852
1910
  }
1853
1911
  },
1912
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1913
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1914
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1915
+ "value": "1rem",
1916
+ "values": [
1917
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1918
+ "--pf-t--global--spacer--md",
1919
+ "--pf-t--global--spacer--300",
1920
+ "1rem"
1921
+ ]
1922
+ }
1923
+ },
1854
1924
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1855
1925
  "c_page__main_section_BackgroundColor": {
1856
1926
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
@@ -904,6 +904,16 @@ export const c_page = {
904
904
  "rgba(255, 255, 255, 0.0000)"
905
905
  ]
906
906
  },
907
+ "c_page_section_m_sticky_top_BackgroundColor": {
908
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
909
+ "value": "#ffffff",
910
+ "values": [
911
+ "--pf-t--global--background--color--sticky--default",
912
+ "--pf-t--global--background--color--100",
913
+ "--pf-t--color--white",
914
+ "#ffffff"
915
+ ]
916
+ },
907
917
  "c_page_section_m_sticky_bottom_ZIndex": {
908
918
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
909
919
  "value": "300",
@@ -939,6 +949,54 @@ export const c_page = {
939
949
  "rgba(255, 255, 255, 0.0000)"
940
950
  ]
941
951
  },
952
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
953
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
954
+ "value": "#ffffff",
955
+ "values": [
956
+ "--pf-t--global--background--color--sticky--default",
957
+ "--pf-t--global--background--color--100",
958
+ "--pf-t--color--white",
959
+ "#ffffff"
960
+ ]
961
+ },
962
+ "c_page_section_m_sticky_top_TransitionDuration": {
963
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
964
+ "value": "100ms",
965
+ "values": [
966
+ "--pf-t--global--motion--duration--fade--short",
967
+ "--pf-t--global--motion--duration--sm",
968
+ "--pf-t--global--duration--100",
969
+ "100ms"
970
+ ]
971
+ },
972
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
973
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
974
+ "value": "cubic-bezier(.4, 0, .2, 1)",
975
+ "values": [
976
+ "--pf-t--global--motion--timing-function--default",
977
+ "--pf-t--global--timing-function--200",
978
+ "cubic-bezier(.4, 0, .2, 1)"
979
+ ]
980
+ },
981
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
982
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
983
+ "value": "100ms",
984
+ "values": [
985
+ "--pf-t--global--motion--duration--fade--short",
986
+ "--pf-t--global--motion--duration--sm",
987
+ "--pf-t--global--duration--100",
988
+ "100ms"
989
+ ]
990
+ },
991
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
992
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
993
+ "value": "cubic-bezier(.4, 0, .2, 1)",
994
+ "values": [
995
+ "--pf-t--global--motion--timing-function--default",
996
+ "--pf-t--global--timing-function--200",
997
+ "cubic-bezier(.4, 0, .2, 1)"
998
+ ]
999
+ },
942
1000
  "c_page_section_m_shadow_bottom_BoxShadow": {
943
1001
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
944
1002
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1851,6 +1909,18 @@ export const c_page = {
1851
1909
  "value": "0"
1852
1910
  }
1853
1911
  },
1912
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1913
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1914
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1915
+ "value": "1rem",
1916
+ "values": [
1917
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1918
+ "--pf-t--global--spacer--md",
1919
+ "--pf-t--global--spacer--300",
1920
+ "1rem"
1921
+ ]
1922
+ }
1923
+ },
1854
1924
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1855
1925
  "c_page__main_section_BackgroundColor": {
1856
1926
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_BackgroundColor = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionDuration: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionDuration = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionTimingFunction = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_top_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_BackgroundColor = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_top_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionDuration: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionDuration = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionTimingFunction = {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionTimingFunction;
@@ -3299,10 +3299,16 @@ export { c_page_section_m_sticky_top_ZIndex } from './c_page_section_m_sticky_to
3299
3299
  export { c_page_section_m_sticky_top_BoxShadow } from './c_page_section_m_sticky_top_BoxShadow';
3300
3300
  export { c_page_section_m_sticky_top_BorderBlockEndWidth } from './c_page_section_m_sticky_top_BorderBlockEndWidth';
3301
3301
  export { c_page_section_m_sticky_top_BorderBlockEndColor } from './c_page_section_m_sticky_top_BorderBlockEndColor';
3302
+ export { c_page_section_m_sticky_top_BackgroundColor } from './c_page_section_m_sticky_top_BackgroundColor';
3302
3303
  export { c_page_section_m_sticky_bottom_ZIndex } from './c_page_section_m_sticky_bottom_ZIndex';
3303
3304
  export { c_page_section_m_sticky_bottom_BoxShadow } from './c_page_section_m_sticky_bottom_BoxShadow';
3304
3305
  export { c_page_section_m_sticky_bottom_BorderBlockStartWidth } from './c_page_section_m_sticky_bottom_BorderBlockStartWidth';
3305
3306
  export { c_page_section_m_sticky_bottom_BorderBlockStartColor } from './c_page_section_m_sticky_bottom_BorderBlockStartColor';
3307
+ export { c_page_section_m_sticky_bottom_BackgroundColor } from './c_page_section_m_sticky_bottom_BackgroundColor';
3308
+ export { c_page_section_m_sticky_top_TransitionDuration } from './c_page_section_m_sticky_top_TransitionDuration';
3309
+ export { c_page_section_m_sticky_top_TransitionTimingFunction } from './c_page_section_m_sticky_top_TransitionTimingFunction';
3310
+ export { c_page_section_m_sticky_bottom_TransitionDuration } from './c_page_section_m_sticky_bottom_TransitionDuration';
3311
+ export { c_page_section_m_sticky_bottom_TransitionTimingFunction } from './c_page_section_m_sticky_bottom_TransitionTimingFunction';
3306
3312
  export { c_page_section_m_shadow_bottom_BoxShadow } from './c_page_section_m_shadow_bottom_BoxShadow';
3307
3313
  export { c_page_section_m_shadow_bottom_ZIndex } from './c_page_section_m_shadow_bottom_ZIndex';
3308
3314
  export { c_page_section_m_shadow_bottom_BorderBlockEndWidth } from './c_page_section_m_shadow_bottom_BorderBlockEndWidth';
package/dist/esm/index.js CHANGED
@@ -3299,10 +3299,16 @@ export { c_page_section_m_sticky_top_ZIndex } from './c_page_section_m_sticky_to
3299
3299
  export { c_page_section_m_sticky_top_BoxShadow } from './c_page_section_m_sticky_top_BoxShadow';
3300
3300
  export { c_page_section_m_sticky_top_BorderBlockEndWidth } from './c_page_section_m_sticky_top_BorderBlockEndWidth';
3301
3301
  export { c_page_section_m_sticky_top_BorderBlockEndColor } from './c_page_section_m_sticky_top_BorderBlockEndColor';
3302
+ export { c_page_section_m_sticky_top_BackgroundColor } from './c_page_section_m_sticky_top_BackgroundColor';
3302
3303
  export { c_page_section_m_sticky_bottom_ZIndex } from './c_page_section_m_sticky_bottom_ZIndex';
3303
3304
  export { c_page_section_m_sticky_bottom_BoxShadow } from './c_page_section_m_sticky_bottom_BoxShadow';
3304
3305
  export { c_page_section_m_sticky_bottom_BorderBlockStartWidth } from './c_page_section_m_sticky_bottom_BorderBlockStartWidth';
3305
3306
  export { c_page_section_m_sticky_bottom_BorderBlockStartColor } from './c_page_section_m_sticky_bottom_BorderBlockStartColor';
3307
+ export { c_page_section_m_sticky_bottom_BackgroundColor } from './c_page_section_m_sticky_bottom_BackgroundColor';
3308
+ export { c_page_section_m_sticky_top_TransitionDuration } from './c_page_section_m_sticky_top_TransitionDuration';
3309
+ export { c_page_section_m_sticky_top_TransitionTimingFunction } from './c_page_section_m_sticky_top_TransitionTimingFunction';
3310
+ export { c_page_section_m_sticky_bottom_TransitionDuration } from './c_page_section_m_sticky_bottom_TransitionDuration';
3311
+ export { c_page_section_m_sticky_bottom_TransitionTimingFunction } from './c_page_section_m_sticky_bottom_TransitionTimingFunction';
3306
3312
  export { c_page_section_m_shadow_bottom_BoxShadow } from './c_page_section_m_shadow_bottom_BoxShadow';
3307
3313
  export { c_page_section_m_shadow_bottom_ZIndex } from './c_page_section_m_shadow_bottom_ZIndex';
3308
3314
  export { c_page_section_m_shadow_bottom_BorderBlockEndWidth } from './c_page_section_m_shadow_bottom_BorderBlockEndWidth';
@@ -904,6 +904,16 @@ export const c_page: {
904
904
  "rgba(255, 255, 255, 0.0000)"
905
905
  ]
906
906
  },
907
+ "c_page_section_m_sticky_top_BackgroundColor": {
908
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
909
+ "value": "#ffffff",
910
+ "values": [
911
+ "--pf-t--global--background--color--sticky--default",
912
+ "--pf-t--global--background--color--100",
913
+ "--pf-t--color--white",
914
+ "#ffffff"
915
+ ]
916
+ },
907
917
  "c_page_section_m_sticky_bottom_ZIndex": {
908
918
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
909
919
  "value": "300",
@@ -939,6 +949,54 @@ export const c_page: {
939
949
  "rgba(255, 255, 255, 0.0000)"
940
950
  ]
941
951
  },
952
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
953
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
954
+ "value": "#ffffff",
955
+ "values": [
956
+ "--pf-t--global--background--color--sticky--default",
957
+ "--pf-t--global--background--color--100",
958
+ "--pf-t--color--white",
959
+ "#ffffff"
960
+ ]
961
+ },
962
+ "c_page_section_m_sticky_top_TransitionDuration": {
963
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
964
+ "value": "100ms",
965
+ "values": [
966
+ "--pf-t--global--motion--duration--fade--short",
967
+ "--pf-t--global--motion--duration--sm",
968
+ "--pf-t--global--duration--100",
969
+ "100ms"
970
+ ]
971
+ },
972
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
973
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
974
+ "value": "cubic-bezier(.4, 0, .2, 1)",
975
+ "values": [
976
+ "--pf-t--global--motion--timing-function--default",
977
+ "--pf-t--global--timing-function--200",
978
+ "cubic-bezier(.4, 0, .2, 1)"
979
+ ]
980
+ },
981
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
982
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
983
+ "value": "100ms",
984
+ "values": [
985
+ "--pf-t--global--motion--duration--fade--short",
986
+ "--pf-t--global--motion--duration--sm",
987
+ "--pf-t--global--duration--100",
988
+ "100ms"
989
+ ]
990
+ },
991
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
992
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
993
+ "value": "cubic-bezier(.4, 0, .2, 1)",
994
+ "values": [
995
+ "--pf-t--global--motion--timing-function--default",
996
+ "--pf-t--global--timing-function--200",
997
+ "cubic-bezier(.4, 0, .2, 1)"
998
+ ]
999
+ },
942
1000
  "c_page_section_m_shadow_bottom_BoxShadow": {
943
1001
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
944
1002
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1851,6 +1909,18 @@ export const c_page: {
1851
1909
  "value": "0"
1852
1910
  }
1853
1911
  },
1912
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1913
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1914
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1915
+ "value": "1rem",
1916
+ "values": [
1917
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1918
+ "--pf-t--global--spacer--md",
1919
+ "--pf-t--global--spacer--300",
1920
+ "1rem"
1921
+ ]
1922
+ }
1923
+ },
1854
1924
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1855
1925
  "c_page__main_section_BackgroundColor": {
1856
1926
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
package/dist/js/c_page.js CHANGED
@@ -906,6 +906,16 @@ exports.c_page = {
906
906
  "rgba(255, 255, 255, 0.0000)"
907
907
  ]
908
908
  },
909
+ "c_page_section_m_sticky_top_BackgroundColor": {
910
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
911
+ "value": "#ffffff",
912
+ "values": [
913
+ "--pf-t--global--background--color--sticky--default",
914
+ "--pf-t--global--background--color--100",
915
+ "--pf-t--color--white",
916
+ "#ffffff"
917
+ ]
918
+ },
909
919
  "c_page_section_m_sticky_bottom_ZIndex": {
910
920
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
911
921
  "value": "300",
@@ -941,6 +951,54 @@ exports.c_page = {
941
951
  "rgba(255, 255, 255, 0.0000)"
942
952
  ]
943
953
  },
954
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
955
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
956
+ "value": "#ffffff",
957
+ "values": [
958
+ "--pf-t--global--background--color--sticky--default",
959
+ "--pf-t--global--background--color--100",
960
+ "--pf-t--color--white",
961
+ "#ffffff"
962
+ ]
963
+ },
964
+ "c_page_section_m_sticky_top_TransitionDuration": {
965
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
966
+ "value": "100ms",
967
+ "values": [
968
+ "--pf-t--global--motion--duration--fade--short",
969
+ "--pf-t--global--motion--duration--sm",
970
+ "--pf-t--global--duration--100",
971
+ "100ms"
972
+ ]
973
+ },
974
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
975
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
976
+ "value": "cubic-bezier(.4, 0, .2, 1)",
977
+ "values": [
978
+ "--pf-t--global--motion--timing-function--default",
979
+ "--pf-t--global--timing-function--200",
980
+ "cubic-bezier(.4, 0, .2, 1)"
981
+ ]
982
+ },
983
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
984
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
985
+ "value": "100ms",
986
+ "values": [
987
+ "--pf-t--global--motion--duration--fade--short",
988
+ "--pf-t--global--motion--duration--sm",
989
+ "--pf-t--global--duration--100",
990
+ "100ms"
991
+ ]
992
+ },
993
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
994
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
995
+ "value": "cubic-bezier(.4, 0, .2, 1)",
996
+ "values": [
997
+ "--pf-t--global--motion--timing-function--default",
998
+ "--pf-t--global--timing-function--200",
999
+ "cubic-bezier(.4, 0, .2, 1)"
1000
+ ]
1001
+ },
944
1002
  "c_page_section_m_shadow_bottom_BoxShadow": {
945
1003
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
946
1004
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1853,6 +1911,18 @@ exports.c_page = {
1853
1911
  "value": "0"
1854
1912
  }
1855
1913
  },
1914
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1915
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1916
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1917
+ "value": "1rem",
1918
+ "values": [
1919
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1920
+ "--pf-t--global--spacer--md",
1921
+ "--pf-t--global--spacer--300",
1922
+ "1rem"
1923
+ ]
1924
+ }
1925
+ },
1856
1926
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1857
1927
  "c_page__main_section_BackgroundColor": {
1858
1928
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_BackgroundColor = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionDuration: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_TransitionDuration = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
5
+ "value": "100ms",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_TransitionTimingFunction = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
5
+ "value": "cubic-bezier(.4, 0, .2, 1)",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_top_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_top_BackgroundColor = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_top_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionDuration: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionDuration;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_top_TransitionDuration = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
5
+ "value": "100ms",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionDuration)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_top_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_top_TransitionTimingFunction;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_top_TransitionTimingFunction = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
5
+ "value": "cubic-bezier(.4, 0, .2, 1)",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_top_TransitionTimingFunction;
@@ -3299,10 +3299,16 @@ export { c_page_section_m_sticky_top_ZIndex } from './c_page_section_m_sticky_to
3299
3299
  export { c_page_section_m_sticky_top_BoxShadow } from './c_page_section_m_sticky_top_BoxShadow';
3300
3300
  export { c_page_section_m_sticky_top_BorderBlockEndWidth } from './c_page_section_m_sticky_top_BorderBlockEndWidth';
3301
3301
  export { c_page_section_m_sticky_top_BorderBlockEndColor } from './c_page_section_m_sticky_top_BorderBlockEndColor';
3302
+ export { c_page_section_m_sticky_top_BackgroundColor } from './c_page_section_m_sticky_top_BackgroundColor';
3302
3303
  export { c_page_section_m_sticky_bottom_ZIndex } from './c_page_section_m_sticky_bottom_ZIndex';
3303
3304
  export { c_page_section_m_sticky_bottom_BoxShadow } from './c_page_section_m_sticky_bottom_BoxShadow';
3304
3305
  export { c_page_section_m_sticky_bottom_BorderBlockStartWidth } from './c_page_section_m_sticky_bottom_BorderBlockStartWidth';
3305
3306
  export { c_page_section_m_sticky_bottom_BorderBlockStartColor } from './c_page_section_m_sticky_bottom_BorderBlockStartColor';
3307
+ export { c_page_section_m_sticky_bottom_BackgroundColor } from './c_page_section_m_sticky_bottom_BackgroundColor';
3308
+ export { c_page_section_m_sticky_top_TransitionDuration } from './c_page_section_m_sticky_top_TransitionDuration';
3309
+ export { c_page_section_m_sticky_top_TransitionTimingFunction } from './c_page_section_m_sticky_top_TransitionTimingFunction';
3310
+ export { c_page_section_m_sticky_bottom_TransitionDuration } from './c_page_section_m_sticky_bottom_TransitionDuration';
3311
+ export { c_page_section_m_sticky_bottom_TransitionTimingFunction } from './c_page_section_m_sticky_bottom_TransitionTimingFunction';
3306
3312
  export { c_page_section_m_shadow_bottom_BoxShadow } from './c_page_section_m_shadow_bottom_BoxShadow';
3307
3313
  export { c_page_section_m_shadow_bottom_ZIndex } from './c_page_section_m_shadow_bottom_ZIndex';
3308
3314
  export { c_page_section_m_shadow_bottom_BorderBlockEndWidth } from './c_page_section_m_shadow_bottom_BorderBlockEndWidth';
package/dist/js/index.js CHANGED
@@ -3304,10 +3304,16 @@ __export(require('./c_page_section_m_sticky_top_ZIndex'));
3304
3304
  __export(require('./c_page_section_m_sticky_top_BoxShadow'));
3305
3305
  __export(require('./c_page_section_m_sticky_top_BorderBlockEndWidth'));
3306
3306
  __export(require('./c_page_section_m_sticky_top_BorderBlockEndColor'));
3307
+ __export(require('./c_page_section_m_sticky_top_BackgroundColor'));
3307
3308
  __export(require('./c_page_section_m_sticky_bottom_ZIndex'));
3308
3309
  __export(require('./c_page_section_m_sticky_bottom_BoxShadow'));
3309
3310
  __export(require('./c_page_section_m_sticky_bottom_BorderBlockStartWidth'));
3310
3311
  __export(require('./c_page_section_m_sticky_bottom_BorderBlockStartColor'));
3312
+ __export(require('./c_page_section_m_sticky_bottom_BackgroundColor'));
3313
+ __export(require('./c_page_section_m_sticky_top_TransitionDuration'));
3314
+ __export(require('./c_page_section_m_sticky_top_TransitionTimingFunction'));
3315
+ __export(require('./c_page_section_m_sticky_bottom_TransitionDuration'));
3316
+ __export(require('./c_page_section_m_sticky_bottom_TransitionTimingFunction'));
3311
3317
  __export(require('./c_page_section_m_shadow_bottom_BoxShadow'));
3312
3318
  __export(require('./c_page_section_m_shadow_bottom_ZIndex'));
3313
3319
  __export(require('./c_page_section_m_shadow_bottom_BorderBlockEndWidth'));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-tokens",
3
- "version": "6.5.0-prerelease.21",
3
+ "version": "6.5.0-prerelease.22",
4
4
  "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -30,8 +30,8 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@adobe/css-tools": "^4.4.4",
33
- "@patternfly/patternfly": "6.5.0-prerelease.79",
33
+ "@patternfly/patternfly": "6.5.0-prerelease.80",
34
34
  "fs-extra": "^11.3.3"
35
35
  },
36
- "gitHead": "6b93dbd79a250af00d40d88f8e7eeb5553231946"
36
+ "gitHead": "ea832af189f62520e49b172f13cac22df6c5d3a4"
37
37
  }