@patternfly/react-tokens 6.5.0-prerelease.24 → 6.5.0-prerelease.25

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 (46) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_compass.d.ts +22 -14
  3. package/dist/esm/c_compass.js +22 -14
  4. package/dist/esm/c_compass_BackgroundColor.d.ts +6 -0
  5. package/dist/esm/c_compass_BackgroundColor.js +6 -0
  6. package/dist/esm/c_compass_BackgroundColor_glass.d.ts +6 -0
  7. package/dist/esm/c_compass_BackgroundColor_glass.js +6 -0
  8. package/dist/esm/c_page.d.ts +21 -0
  9. package/dist/esm/c_page.js +21 -0
  10. package/dist/esm/c_page__main_container_MaxHeight_glass.d.ts +6 -0
  11. package/dist/esm/c_page__main_container_MaxHeight_glass.js +6 -0
  12. package/dist/esm/index.d.ts +4 -3
  13. package/dist/esm/index.js +4 -3
  14. package/dist/esm/patternfly_variables.d.ts +128 -108
  15. package/dist/esm/patternfly_variables.js +128 -108
  16. package/dist/esm/t_global_background_image_default.d.ts +6 -0
  17. package/dist/esm/t_global_background_image_default.js +6 -0
  18. package/dist/js/c_compass.d.ts +22 -14
  19. package/dist/js/c_compass.js +22 -14
  20. package/dist/js/c_compass_BackgroundColor.d.ts +6 -0
  21. package/dist/js/c_compass_BackgroundColor.js +8 -0
  22. package/dist/js/c_compass_BackgroundColor_glass.d.ts +6 -0
  23. package/dist/js/c_compass_BackgroundColor_glass.js +8 -0
  24. package/dist/js/c_page.d.ts +21 -0
  25. package/dist/js/c_page.js +21 -0
  26. package/dist/js/c_page__main_container_MaxHeight_glass.d.ts +6 -0
  27. package/dist/js/c_page__main_container_MaxHeight_glass.js +8 -0
  28. package/dist/js/index.d.ts +4 -3
  29. package/dist/js/index.js +4 -3
  30. package/dist/js/patternfly_variables.d.ts +128 -108
  31. package/dist/js/patternfly_variables.js +128 -108
  32. package/dist/js/t_global_background_image_default.d.ts +6 -0
  33. package/dist/js/t_global_background_image_default.js +8 -0
  34. package/package.json +3 -3
  35. package/dist/esm/c_compass_BackgroundImage.d.ts +0 -6
  36. package/dist/esm/c_compass_BackgroundImage.js +0 -6
  37. package/dist/esm/c_compass_BackgroundImage_dark.d.ts +0 -6
  38. package/dist/esm/c_compass_BackgroundImage_dark.js +0 -6
  39. package/dist/esm/c_compass_BackgroundImage_light.d.ts +0 -6
  40. package/dist/esm/c_compass_BackgroundImage_light.js +0 -6
  41. package/dist/js/c_compass_BackgroundImage.d.ts +0 -6
  42. package/dist/js/c_compass_BackgroundImage.js +0 -8
  43. package/dist/js/c_compass_BackgroundImage_dark.d.ts +0 -6
  44. package/dist/js/c_compass_BackgroundImage_dark.js +0 -8
  45. package/dist/js/c_compass_BackgroundImage_light.d.ts +0 -6
  46. package/dist/js/c_compass_BackgroundImage_light.js +0 -8
@@ -6985,115 +6985,10 @@ export const patternfly_variables = {
6985
6985
  "t_temp_dev_tbd": {
6986
6986
  "name": "--pf-t--temp--dev--tbd",
6987
6987
  "value": "#BC11E0"
6988
- }
6989
- },
6990
- ":root:where(.pf-v6-theme-glass)": {
6991
- "t_global_box_shadow_glass_default": {
6992
- "name": "--pf-t--global--box-shadow--glass--default",
6993
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
6994
- "values": [
6995
- "--pf-t--global--box-shadow--md",
6996
- "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
6997
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
6998
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
6999
- ]
7000
- },
7001
- "t_global_background_color_glass_primary_default": {
7002
- "name": "--pf-t--global--background--color--glass--primary--default",
7003
- "value": "rgba(255, 255, 255, 0.5000)"
7004
- },
7005
- "t_global_background_color_primary_clicked": {
7006
- "name": "--pf-t--global--background--color--primary--clicked",
7007
- "value": "rgba(199, 199, 199, 0.3000)"
7008
- },
7009
- "t_global_background_color_primary_default": {
7010
- "name": "--pf-t--global--background--color--primary--default",
7011
- "value": "rgba(255, 255, 255, 0.6000)"
7012
- },
7013
- "t_global_background_color_primary_hover": {
7014
- "name": "--pf-t--global--background--color--primary--hover",
7015
- "value": "rgba(199, 199, 199, 0.3000)"
7016
- },
7017
- "t_global_background_color_secondary_clicked": {
7018
- "name": "--pf-t--global--background--color--secondary--clicked",
7019
- "value": "rgba(163, 163, 163, 0.3000)"
7020
- },
7021
- "t_global_background_color_secondary_default": {
7022
- "name": "--pf-t--global--background--color--secondary--default",
7023
- "value": "rgba(199, 199, 199, 0.3000)"
7024
- },
7025
- "t_global_background_color_secondary_hover": {
7026
- "name": "--pf-t--global--background--color--secondary--hover",
7027
- "value": "rgba(163, 163, 163, 0.3000)"
7028
- },
7029
- "t_global_background_filter_glass_blur_primary": {
7030
- "name": "--pf-t--global--background--filter--glass--blur--primary",
7031
- "value": "blur(16px)"
7032
- },
7033
- "t_global_border_width_main_default": {
7034
- "name": "--pf-t--global--border--width--main--default",
7035
- "value": "1px",
7036
- "values": [
7037
- "--pf-t--global--border--width--100",
7038
- "1px"
7039
- ]
7040
- },
7041
- "t_global_background_color_action_plain_alt_clicked": {
7042
- "name": "--pf-t--global--background--color--action--plain--alt--clicked",
7043
- "value": "rgba(199, 199, 199, 0.2500)",
7044
- "values": [
7045
- "--pf-t--global--background--color--action--plain--clicked",
7046
- "--pf-t--global--background--color--600",
7047
- "rgba(199, 199, 199, 0.2500)"
7048
- ]
7049
- },
7050
- "t_global_background_color_action_plain_alt_hover": {
7051
- "name": "--pf-t--global--background--color--action--plain--alt--hover",
7052
- "value": "rgba(199, 199, 199, 0.2500)",
7053
- "values": [
7054
- "--pf-t--global--background--color--action--plain--hover",
7055
- "--pf-t--global--background--color--600",
7056
- "rgba(199, 199, 199, 0.2500)"
7057
- ]
7058
- },
7059
- "t_global_border_color_glass_default": {
7060
- "name": "--pf-t--global--border--color--glass--default",
7061
- "value": "#ffffff",
7062
- "values": [
7063
- "--pf-t--global--border--color--alt",
7064
- "--pf-t--global--background--color--primary--default",
7065
- "--pf-t--global--background--color--100",
7066
- "--pf-t--color--white",
7067
- "#ffffff"
7068
- ]
7069
- },
7070
- "t_global_border_radius_glass_default": {
7071
- "name": "--pf-t--global--border--radius--glass--default",
7072
- "value": "16px",
7073
- "values": [
7074
- "--pf-t--global--border--radius--medium",
7075
- "--pf-t--global--border--radius--300",
7076
- "16px"
7077
- ]
7078
- },
7079
- "t_global_border_width_glass_default": {
7080
- "name": "--pf-t--global--border--width--glass--default",
7081
- "value": "1px",
7082
- "values": [
7083
- "--pf-t--global--border--width--regular",
7084
- "--pf-t--global--border--width--100",
7085
- "1px"
7086
- ]
7087
6988
  },
7088
- "t_global_background_color_floating_secondary_default": {
7089
- "name": "--pf-t--global--background--color--floating--secondary--default",
7090
- "value": "#ffffff",
7091
- "values": [
7092
- "--pf-t--global--background--color--floating--default",
7093
- "--pf-t--global--background--color--100",
7094
- "--pf-t--color--white",
7095
- "#ffffff"
7096
- ]
6989
+ "t_global_background_image_default": {
6990
+ "name": "--pf-t--global--background--image--default",
6991
+ "value": "none"
7097
6992
  }
7098
6993
  },
7099
6994
  ":root:where(.pf-v6-theme-high-contrast)": {
@@ -12784,6 +12679,123 @@ export const patternfly_variables = {
12784
12679
  ]
12785
12680
  }
12786
12681
  },
12682
+ ":root:where(.pf-v6-theme-glass)": {
12683
+ "t_global_background_color_glass_primary_default": {
12684
+ "name": "--pf-t--global--background--color--glass--primary--default",
12685
+ "value": "rgba(255, 255, 255, 0.5000)"
12686
+ },
12687
+ "t_global_background_color_primary_clicked": {
12688
+ "name": "--pf-t--global--background--color--primary--clicked",
12689
+ "value": "rgba(199, 199, 199, 0.3000)"
12690
+ },
12691
+ "t_global_background_color_primary_default": {
12692
+ "name": "--pf-t--global--background--color--primary--default",
12693
+ "value": "rgba(255, 255, 255, 0.6000)"
12694
+ },
12695
+ "t_global_background_color_primary_hover": {
12696
+ "name": "--pf-t--global--background--color--primary--hover",
12697
+ "value": "rgba(199, 199, 199, 0.3000)"
12698
+ },
12699
+ "t_global_background_color_secondary_clicked": {
12700
+ "name": "--pf-t--global--background--color--secondary--clicked",
12701
+ "value": "rgba(163, 163, 163, 0.3000)"
12702
+ },
12703
+ "t_global_background_color_secondary_default": {
12704
+ "name": "--pf-t--global--background--color--secondary--default",
12705
+ "value": "rgba(199, 199, 199, 0.3000)"
12706
+ },
12707
+ "t_global_background_color_secondary_hover": {
12708
+ "name": "--pf-t--global--background--color--secondary--hover",
12709
+ "value": "rgba(163, 163, 163, 0.3000)"
12710
+ },
12711
+ "t_global_background_filter_glass_blur_primary": {
12712
+ "name": "--pf-t--global--background--filter--glass--blur--primary",
12713
+ "value": "blur(16px)"
12714
+ },
12715
+ "t_global_border_width_main_default": {
12716
+ "name": "--pf-t--global--border--width--main--default",
12717
+ "value": "1px",
12718
+ "values": [
12719
+ "--pf-t--global--border--width--100",
12720
+ "1px"
12721
+ ]
12722
+ },
12723
+ "t_global_background_color_action_plain_alt_clicked": {
12724
+ "name": "--pf-t--global--background--color--action--plain--alt--clicked",
12725
+ "value": "rgba(199, 199, 199, 0.2500)",
12726
+ "values": [
12727
+ "--pf-t--global--background--color--action--plain--clicked",
12728
+ "--pf-t--global--background--color--600",
12729
+ "rgba(199, 199, 199, 0.2500)"
12730
+ ]
12731
+ },
12732
+ "t_global_background_color_action_plain_alt_hover": {
12733
+ "name": "--pf-t--global--background--color--action--plain--alt--hover",
12734
+ "value": "rgba(199, 199, 199, 0.2500)",
12735
+ "values": [
12736
+ "--pf-t--global--background--color--action--plain--hover",
12737
+ "--pf-t--global--background--color--600",
12738
+ "rgba(199, 199, 199, 0.2500)"
12739
+ ]
12740
+ },
12741
+ "t_global_border_color_glass_default": {
12742
+ "name": "--pf-t--global--border--color--glass--default",
12743
+ "value": "#ffffff",
12744
+ "values": [
12745
+ "--pf-t--global--border--color--alt",
12746
+ "--pf-t--global--background--color--primary--default",
12747
+ "--pf-t--global--background--color--100",
12748
+ "--pf-t--color--white",
12749
+ "#ffffff"
12750
+ ]
12751
+ },
12752
+ "t_global_border_radius_glass_default": {
12753
+ "name": "--pf-t--global--border--radius--glass--default",
12754
+ "value": "16px",
12755
+ "values": [
12756
+ "--pf-t--global--border--radius--medium",
12757
+ "--pf-t--global--border--radius--300",
12758
+ "16px"
12759
+ ]
12760
+ },
12761
+ "t_global_border_width_glass_default": {
12762
+ "name": "--pf-t--global--border--width--glass--default",
12763
+ "value": "1px",
12764
+ "values": [
12765
+ "--pf-t--global--border--width--regular",
12766
+ "--pf-t--global--border--width--100",
12767
+ "1px"
12768
+ ]
12769
+ },
12770
+ "t_global_background_color_floating_secondary_default": {
12771
+ "name": "--pf-t--global--background--color--floating--secondary--default",
12772
+ "value": "#ffffff",
12773
+ "values": [
12774
+ "--pf-t--global--background--color--floating--default",
12775
+ "--pf-t--global--background--color--100",
12776
+ "--pf-t--color--white",
12777
+ "#ffffff"
12778
+ ]
12779
+ },
12780
+ "t_global_background_image_default": {
12781
+ "name": "--pf-t--global--background--image--default",
12782
+ "value": "undefined, url(\"../assets/images/PF-Bkg-Generic-Light.svg\")",
12783
+ "values": [
12784
+ "var(--pf-t--global--background--image--glass, url(\"../assets/images/PF-Bkg-Generic-Light.svg\"))",
12785
+ "undefined, url(\"../assets/images/PF-Bkg-Generic-Light.svg\")"
12786
+ ]
12787
+ },
12788
+ "t_global_box_shadow_glass_default": {
12789
+ "name": "--pf-t--global--box-shadow--glass--default",
12790
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
12791
+ "values": [
12792
+ "--pf-t--global--box-shadow--md",
12793
+ "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
12794
+ "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
12795
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
12796
+ ]
12797
+ }
12798
+ },
12787
12799
  ":root:where(.pf-v6-theme-felt)": {
12788
12800
  "t_global_border_color_brand_accent_clicked": {
12789
12801
  "name": "--pf-t--global--border--color--brand--accent--clicked",
@@ -14131,6 +14143,14 @@ export const patternfly_variables = {
14131
14143
  "--pf-t--color--white",
14132
14144
  "#ffffff"
14133
14145
  ]
14146
+ },
14147
+ "t_global_background_image_default": {
14148
+ "name": "--pf-t--global--background--image--default",
14149
+ "value": "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")",
14150
+ "values": [
14151
+ "var(--pf-t--global--background--image--felt--glass, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\"))",
14152
+ "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")"
14153
+ ]
14134
14154
  }
14135
14155
  },
14136
14156
  ":is(.pf-v6-m-dir-rtl, [dir=rtl])": {
@@ -0,0 +1,6 @@
1
+ export const t_global_background_image_default: {
2
+ "name": "--pf-t--global--background--image--default",
3
+ "value": "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")",
4
+ "var": "var(--pf-t--global--background--image--default)"
5
+ };
6
+ export default t_global_background_image_default;
@@ -0,0 +1,6 @@
1
+ export const t_global_background_image_default = {
2
+ "name": "--pf-t--global--background--image--default",
3
+ "value": "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")",
4
+ "var": "var(--pf-t--global--background--image--default)"
5
+ };
6
+ export default t_global_background_image_default;
@@ -1,21 +1,15 @@
1
1
  export const c_compass: {
2
2
  ".pf-v6-c-compass": {
3
- "c_compass_BackgroundImage": {
4
- "name": "--pf-v6-c-compass--BackgroundImage",
5
- "value": "none",
3
+ "c_compass_BackgroundColor": {
4
+ "name": "--pf-v6-c-compass--BackgroundColor",
5
+ "value": "#f2f2f2",
6
6
  "values": [
7
- "--pf-v6-c-compass--BackgroundImage--light",
8
- "none"
7
+ "--pf-t--global--background--color--secondary--default",
8
+ "--pf-t--global--background--color--200",
9
+ "--pf-t--color--gray--10",
10
+ "#f2f2f2"
9
11
  ]
10
12
  },
11
- "c_compass_BackgroundImage_light": {
12
- "name": "--pf-v6-c-compass--BackgroundImage--light",
13
- "value": "none"
14
- },
15
- "c_compass_BackgroundImage_dark": {
16
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
17
- "value": "none"
18
- },
19
13
  "c_compass_Padding": {
20
14
  "name": "--pf-v6-c-compass--Padding",
21
15
  "value": "1.5rem",
@@ -400,9 +394,23 @@ export const c_compass: {
400
394
  "initial, --pf-t--color--gray--20",
401
395
  "initial, #e0e0e0"
402
396
  ]
397
+ },
398
+ "c_compass_BackgroundColor_glass": {
399
+ "name": "--pf-v6-c-compass--BackgroundColor--glass",
400
+ "value": "transparent"
401
+ }
402
+ },
403
+ ":where(.pf-v6-theme-glass) .pf-v6-c-compass": {
404
+ "c_compass_BackgroundColor": {
405
+ "name": "--pf-v6-c-compass--BackgroundColor",
406
+ "value": "transparent",
407
+ "values": [
408
+ "--pf-v6-c-compass--BackgroundColor--glass",
409
+ "transparent"
410
+ ]
403
411
  }
404
412
  },
405
- ".pf-v6-c-compass.pf-m-docked > .pf-v6-c-masthead": {
413
+ ".pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead": {
406
414
  "c_masthead_BackgroundColor": {
407
415
  "name": "--pf-v6-c-masthead--BackgroundColor",
408
416
  "value": "#ffffff",
@@ -2,22 +2,16 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_compass = {
4
4
  ".pf-v6-c-compass": {
5
- "c_compass_BackgroundImage": {
6
- "name": "--pf-v6-c-compass--BackgroundImage",
7
- "value": "none",
5
+ "c_compass_BackgroundColor": {
6
+ "name": "--pf-v6-c-compass--BackgroundColor",
7
+ "value": "#f2f2f2",
8
8
  "values": [
9
- "--pf-v6-c-compass--BackgroundImage--light",
10
- "none"
9
+ "--pf-t--global--background--color--secondary--default",
10
+ "--pf-t--global--background--color--200",
11
+ "--pf-t--color--gray--10",
12
+ "#f2f2f2"
11
13
  ]
12
14
  },
13
- "c_compass_BackgroundImage_light": {
14
- "name": "--pf-v6-c-compass--BackgroundImage--light",
15
- "value": "none"
16
- },
17
- "c_compass_BackgroundImage_dark": {
18
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
19
- "value": "none"
20
- },
21
15
  "c_compass_Padding": {
22
16
  "name": "--pf-v6-c-compass--Padding",
23
17
  "value": "1.5rem",
@@ -402,9 +396,23 @@ exports.c_compass = {
402
396
  "initial, --pf-t--color--gray--20",
403
397
  "initial, #e0e0e0"
404
398
  ]
399
+ },
400
+ "c_compass_BackgroundColor_glass": {
401
+ "name": "--pf-v6-c-compass--BackgroundColor--glass",
402
+ "value": "transparent"
403
+ }
404
+ },
405
+ ":where(.pf-v6-theme-glass) .pf-v6-c-compass": {
406
+ "c_compass_BackgroundColor": {
407
+ "name": "--pf-v6-c-compass--BackgroundColor",
408
+ "value": "transparent",
409
+ "values": [
410
+ "--pf-v6-c-compass--BackgroundColor--glass",
411
+ "transparent"
412
+ ]
405
413
  }
406
414
  },
407
- ".pf-v6-c-compass.pf-m-docked > .pf-v6-c-masthead": {
415
+ ".pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead": {
408
416
  "c_masthead_BackgroundColor": {
409
417
  "name": "--pf-v6-c-masthead--BackgroundColor",
410
418
  "value": "#ffffff",
@@ -0,0 +1,6 @@
1
+ export const c_compass_BackgroundColor: {
2
+ "name": "--pf-v6-c-compass--BackgroundColor",
3
+ "value": "transparent",
4
+ "var": "var(--pf-v6-c-compass--BackgroundColor)"
5
+ };
6
+ export default c_compass_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_compass_BackgroundColor = {
4
+ "name": "--pf-v6-c-compass--BackgroundColor",
5
+ "value": "transparent",
6
+ "var": "var(--pf-v6-c-compass--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_compass_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_compass_BackgroundColor_glass: {
2
+ "name": "--pf-v6-c-compass--BackgroundColor--glass",
3
+ "value": "transparent",
4
+ "var": "var(--pf-v6-c-compass--BackgroundColor--glass)"
5
+ };
6
+ export default c_compass_BackgroundColor_glass;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_compass_BackgroundColor_glass = {
4
+ "name": "--pf-v6-c-compass--BackgroundColor--glass",
5
+ "value": "transparent",
6
+ "var": "var(--pf-v6-c-compass--BackgroundColor--glass)"
7
+ };
8
+ exports["default"] = exports.c_compass_BackgroundColor_glass;
@@ -1444,6 +1444,16 @@ export const c_page: {
1444
1444
  "--pf-t--global--spacer--400",
1445
1445
  "1.5rem"
1446
1446
  ]
1447
+ },
1448
+ "c_page__main_container_MaxHeight_glass": {
1449
+ "name": "--pf-v6-c-page__main-container--MaxHeight--glass",
1450
+ "value": "calc(100% - 1.5rem * 2)",
1451
+ "values": [
1452
+ "calc(100% - --pf-t--global--spacer--inset--page-chrome * 2)",
1453
+ "calc(100% - --pf-t--global--spacer--lg * 2)",
1454
+ "calc(100% - --pf-t--global--spacer--400 * 2)",
1455
+ "calc(100% - 1.5rem * 2)"
1456
+ ]
1447
1457
  }
1448
1458
  },
1449
1459
  ":where(.pf-v6-theme-glass) .pf-v6-c-page": {
@@ -1637,6 +1647,17 @@ export const c_page: {
1637
1647
  "--pf-t--global--spacer--400",
1638
1648
  "1.5rem"
1639
1649
  ]
1650
+ },
1651
+ "c_page__main_container_MaxHeight": {
1652
+ "name": "--pf-v6-c-page__main-container--MaxHeight",
1653
+ "value": "calc(100% - 1.5rem * 2)",
1654
+ "values": [
1655
+ "--pf-v6-c-page__main-container--MaxHeight--glass",
1656
+ "calc(100% - --pf-t--global--spacer--inset--page-chrome * 2)",
1657
+ "calc(100% - --pf-t--global--spacer--lg * 2)",
1658
+ "calc(100% - --pf-t--global--spacer--400 * 2)",
1659
+ "calc(100% - 1.5rem * 2)"
1660
+ ]
1640
1661
  }
1641
1662
  },
1642
1663
  ".pf-v6-c-page.pf-m-docked": {
package/dist/js/c_page.js CHANGED
@@ -1446,6 +1446,16 @@ exports.c_page = {
1446
1446
  "--pf-t--global--spacer--400",
1447
1447
  "1.5rem"
1448
1448
  ]
1449
+ },
1450
+ "c_page__main_container_MaxHeight_glass": {
1451
+ "name": "--pf-v6-c-page__main-container--MaxHeight--glass",
1452
+ "value": "calc(100% - 1.5rem * 2)",
1453
+ "values": [
1454
+ "calc(100% - --pf-t--global--spacer--inset--page-chrome * 2)",
1455
+ "calc(100% - --pf-t--global--spacer--lg * 2)",
1456
+ "calc(100% - --pf-t--global--spacer--400 * 2)",
1457
+ "calc(100% - 1.5rem * 2)"
1458
+ ]
1449
1459
  }
1450
1460
  },
1451
1461
  ":where(.pf-v6-theme-glass) .pf-v6-c-page": {
@@ -1639,6 +1649,17 @@ exports.c_page = {
1639
1649
  "--pf-t--global--spacer--400",
1640
1650
  "1.5rem"
1641
1651
  ]
1652
+ },
1653
+ "c_page__main_container_MaxHeight": {
1654
+ "name": "--pf-v6-c-page__main-container--MaxHeight",
1655
+ "value": "calc(100% - 1.5rem * 2)",
1656
+ "values": [
1657
+ "--pf-v6-c-page__main-container--MaxHeight--glass",
1658
+ "calc(100% - --pf-t--global--spacer--inset--page-chrome * 2)",
1659
+ "calc(100% - --pf-t--global--spacer--lg * 2)",
1660
+ "calc(100% - --pf-t--global--spacer--400 * 2)",
1661
+ "calc(100% - 1.5rem * 2)"
1662
+ ]
1642
1663
  }
1643
1664
  },
1644
1665
  ".pf-v6-c-page.pf-m-docked": {
@@ -0,0 +1,6 @@
1
+ export const c_page__main_container_MaxHeight_glass: {
2
+ "name": "--pf-v6-c-page__main-container--MaxHeight--glass",
3
+ "value": "calc(100% - 1.5rem * 2)",
4
+ "var": "var(--pf-v6-c-page__main-container--MaxHeight--glass)"
5
+ };
6
+ export default c_page__main_container_MaxHeight_glass;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page__main_container_MaxHeight_glass = {
4
+ "name": "--pf-v6-c-page__main-container--MaxHeight--glass",
5
+ "value": "calc(100% - 1.5rem * 2)",
6
+ "var": "var(--pf-v6-c-page__main-container--MaxHeight--glass)"
7
+ };
8
+ exports["default"] = exports.c_page__main_container_MaxHeight_glass;
@@ -1058,9 +1058,7 @@ export { c_code_editor__tab_BorderColor } from './c_code_editor__tab_BorderColor
1058
1058
  export { c_code_editor__tab_BorderStartEndRadius } from './c_code_editor__tab_BorderStartEndRadius';
1059
1059
  export { c_code_editor__tab_icon_text_MarginInlineStart } from './c_code_editor__tab_icon_text_MarginInlineStart';
1060
1060
  export { c_compass } from './c_compass';
1061
- export { c_compass_BackgroundImage } from './c_compass_BackgroundImage';
1062
- export { c_compass_BackgroundImage_light } from './c_compass_BackgroundImage_light';
1063
- export { c_compass_BackgroundImage_dark } from './c_compass_BackgroundImage_dark';
1061
+ export { c_compass_BackgroundColor } from './c_compass_BackgroundColor';
1064
1062
  export { c_compass_Padding } from './c_compass_Padding';
1065
1063
  export { c_compass_Gap } from './c_compass_Gap';
1066
1064
  export { c_compass__nav_RowGap } from './c_compass__nav_RowGap';
@@ -1111,6 +1109,7 @@ export { c_compass__dock_main_BorderInlineEndColor } from './c_compass__dock_mai
1111
1109
  export { c_compass__dock_main_desktop_BorderInlineEndColor } from './c_compass__dock_main_desktop_BorderInlineEndColor';
1112
1110
  export { c_compass__dock_m_expanded__dock_main_BorderInlineEndWidth } from './c_compass__dock_m_expanded__dock_main_BorderInlineEndWidth';
1113
1111
  export { c_compass__dock_m_expanded__dock_main_BorderInlineEndColor } from './c_compass__dock_m_expanded__dock_main_BorderInlineEndColor';
1112
+ export { c_compass_BackgroundColor_glass } from './c_compass_BackgroundColor_glass';
1114
1113
  export { c_masthead_BackgroundColor } from './c_masthead_BackgroundColor';
1115
1114
  export { c_panel__main_body_PaddingBlockStart } from './c_panel__main_body_PaddingBlockStart';
1116
1115
  export { c_panel__main_body_PaddingBlockEnd } from './c_panel__main_body_PaddingBlockEnd';
@@ -3364,6 +3363,7 @@ export { c_page__sidebar_main_xl_MarginBlockEnd_glass } from './c_page__sidebar_
3364
3363
  export { c_page__sidebar_main_xl_MarginInlineStart_glass } from './c_page__sidebar_main_xl_MarginInlineStart_glass';
3365
3364
  export { c_page__sidebar_main_xl_MarginInlineEnd_glass } from './c_page__sidebar_main_xl_MarginInlineEnd_glass';
3366
3365
  export { c_page__main_container_MarginBlockStart_glass } from './c_page__main_container_MarginBlockStart_glass';
3366
+ export { c_page__main_container_MaxHeight_glass } from './c_page__main_container_MaxHeight_glass';
3367
3367
  export { c_page__main_container_MarginBlockStart } from './c_page__main_container_MarginBlockStart';
3368
3368
  export { c_page__main_group_BackgroundColor } from './c_page__main_group_BackgroundColor';
3369
3369
  export { c_pagination } from './c_pagination';
@@ -5945,6 +5945,7 @@ export { t_global_box_shadow_lg_left } from './t_global_box_shadow_lg_left';
5945
5945
  export { t_global_box_shadow_lg_right } from './t_global_box_shadow_lg_right';
5946
5946
  export { t_global_list_style } from './t_global_list_style';
5947
5947
  export { t_temp_dev_tbd } from './t_temp_dev_tbd';
5948
+ export { t_global_background_image_default } from './t_global_background_image_default';
5948
5949
  export { t_global_box_shadow_glass_default } from './t_global_box_shadow_glass_default';
5949
5950
  export { patternfly_charts } from './patternfly_charts';
5950
5951
  export { t_chart_global_BorderWidth_lg } from './t_chart_global_BorderWidth_lg';
package/dist/js/index.js CHANGED
@@ -1063,9 +1063,7 @@ __export(require('./c_code_editor__tab_BorderColor'));
1063
1063
  __export(require('./c_code_editor__tab_BorderStartEndRadius'));
1064
1064
  __export(require('./c_code_editor__tab_icon_text_MarginInlineStart'));
1065
1065
  __export(require('./c_compass'));
1066
- __export(require('./c_compass_BackgroundImage'));
1067
- __export(require('./c_compass_BackgroundImage_light'));
1068
- __export(require('./c_compass_BackgroundImage_dark'));
1066
+ __export(require('./c_compass_BackgroundColor'));
1069
1067
  __export(require('./c_compass_Padding'));
1070
1068
  __export(require('./c_compass_Gap'));
1071
1069
  __export(require('./c_compass__nav_RowGap'));
@@ -1116,6 +1114,7 @@ __export(require('./c_compass__dock_main_BorderInlineEndColor'));
1116
1114
  __export(require('./c_compass__dock_main_desktop_BorderInlineEndColor'));
1117
1115
  __export(require('./c_compass__dock_m_expanded__dock_main_BorderInlineEndWidth'));
1118
1116
  __export(require('./c_compass__dock_m_expanded__dock_main_BorderInlineEndColor'));
1117
+ __export(require('./c_compass_BackgroundColor_glass'));
1119
1118
  __export(require('./c_masthead_BackgroundColor'));
1120
1119
  __export(require('./c_panel__main_body_PaddingBlockStart'));
1121
1120
  __export(require('./c_panel__main_body_PaddingBlockEnd'));
@@ -3369,6 +3368,7 @@ __export(require('./c_page__sidebar_main_xl_MarginBlockEnd_glass'));
3369
3368
  __export(require('./c_page__sidebar_main_xl_MarginInlineStart_glass'));
3370
3369
  __export(require('./c_page__sidebar_main_xl_MarginInlineEnd_glass'));
3371
3370
  __export(require('./c_page__main_container_MarginBlockStart_glass'));
3371
+ __export(require('./c_page__main_container_MaxHeight_glass'));
3372
3372
  __export(require('./c_page__main_container_MarginBlockStart'));
3373
3373
  __export(require('./c_page__main_group_BackgroundColor'));
3374
3374
  __export(require('./c_pagination'));
@@ -5950,6 +5950,7 @@ __export(require('./t_global_box_shadow_lg_left'));
5950
5950
  __export(require('./t_global_box_shadow_lg_right'));
5951
5951
  __export(require('./t_global_list_style'));
5952
5952
  __export(require('./t_temp_dev_tbd'));
5953
+ __export(require('./t_global_background_image_default'));
5953
5954
  __export(require('./t_global_box_shadow_glass_default'));
5954
5955
  __export(require('./patternfly_charts'));
5955
5956
  __export(require('./t_chart_global_BorderWidth_lg'));