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

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 (134) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/c_compass.d.ts +182 -14
  3. package/dist/esm/c_compass.js +182 -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_compass__content_MarginBlockEnd.d.ts +6 -0
  9. package/dist/esm/c_compass__content_MarginBlockEnd.js +6 -0
  10. package/dist/esm/c_compass__content_MarginBlockEnd_glass.d.ts +6 -0
  11. package/dist/esm/c_compass__content_MarginBlockEnd_glass.js +6 -0
  12. package/dist/esm/c_compass__content_MarginBlockStart.d.ts +6 -0
  13. package/dist/esm/c_compass__content_MarginBlockStart.js +6 -0
  14. package/dist/esm/c_compass__content_MarginBlockStart_glass.d.ts +6 -0
  15. package/dist/esm/c_compass__content_MarginBlockStart_glass.js +6 -0
  16. package/dist/esm/c_compass__content_MarginInlineEnd.d.ts +6 -0
  17. package/dist/esm/c_compass__content_MarginInlineEnd.js +6 -0
  18. package/dist/esm/c_compass__content_MarginInlineEnd_glass.d.ts +6 -0
  19. package/dist/esm/c_compass__content_MarginInlineEnd_glass.js +6 -0
  20. package/dist/esm/c_compass__content_MarginInlineStart.d.ts +6 -0
  21. package/dist/esm/c_compass__content_MarginInlineStart.js +6 -0
  22. package/dist/esm/c_compass__content_MarginInlineStart_glass.d.ts +6 -0
  23. package/dist/esm/c_compass__content_MarginInlineStart_glass.js +6 -0
  24. package/dist/esm/c_compass__content_PaddingBlockEnd.d.ts +6 -0
  25. package/dist/esm/c_compass__content_PaddingBlockEnd.js +6 -0
  26. package/dist/esm/c_compass__content_PaddingBlockEnd_glass.d.ts +6 -0
  27. package/dist/esm/c_compass__content_PaddingBlockEnd_glass.js +6 -0
  28. package/dist/esm/c_compass__content_PaddingBlockStart.d.ts +6 -0
  29. package/dist/esm/c_compass__content_PaddingBlockStart.js +6 -0
  30. package/dist/esm/c_compass__content_PaddingBlockStart_glass.d.ts +6 -0
  31. package/dist/esm/c_compass__content_PaddingBlockStart_glass.js +6 -0
  32. package/dist/esm/c_compass__content_PaddingInlineEnd.d.ts +6 -0
  33. package/dist/esm/c_compass__content_PaddingInlineEnd.js +6 -0
  34. package/dist/esm/c_compass__content_PaddingInlineEnd_glass.d.ts +6 -0
  35. package/dist/esm/c_compass__content_PaddingInlineEnd_glass.js +6 -0
  36. package/dist/esm/c_compass__content_PaddingInlineStart.d.ts +6 -0
  37. package/dist/esm/c_compass__content_PaddingInlineStart.js +6 -0
  38. package/dist/esm/c_compass__content_PaddingInlineStart_glass.d.ts +6 -0
  39. package/dist/esm/c_compass__content_PaddingInlineStart_glass.js +6 -0
  40. package/dist/esm/c_drawer.d.ts +23 -32
  41. package/dist/esm/c_drawer.js +23 -32
  42. package/dist/esm/c_drawer__panel_BorderColor.d.ts +1 -1
  43. package/dist/esm/c_drawer__panel_BorderColor.js +1 -1
  44. package/dist/esm/c_drawer__panel_m_inline_md_BackgroundColor.d.ts +6 -0
  45. package/dist/esm/c_drawer__panel_m_inline_md_BackgroundColor.js +6 -0
  46. package/dist/esm/c_drawer_m_pill__main_Gap.d.ts +1 -1
  47. package/dist/esm/c_drawer_m_pill__main_Gap.js +1 -1
  48. package/dist/esm/c_page.d.ts +21 -0
  49. package/dist/esm/c_page.js +21 -0
  50. package/dist/esm/c_page__main_container_MaxHeight_glass.d.ts +6 -0
  51. package/dist/esm/c_page__main_container_MaxHeight_glass.js +6 -0
  52. package/dist/esm/chart_bar_data_stroke.d.ts +2 -2
  53. package/dist/esm/chart_bar_data_stroke.js +2 -2
  54. package/dist/esm/index.d.ts +21 -3
  55. package/dist/esm/index.js +21 -3
  56. package/dist/esm/patternfly_charts.d.ts +6 -3
  57. package/dist/esm/patternfly_charts.js +6 -3
  58. package/dist/esm/patternfly_variables.d.ts +128 -108
  59. package/dist/esm/patternfly_variables.js +128 -108
  60. package/dist/esm/t_global_background_image_default.d.ts +6 -0
  61. package/dist/esm/t_global_background_image_default.js +6 -0
  62. package/dist/js/c_compass.d.ts +182 -14
  63. package/dist/js/c_compass.js +182 -14
  64. package/dist/js/c_compass_BackgroundColor.d.ts +6 -0
  65. package/dist/js/c_compass_BackgroundColor.js +8 -0
  66. package/dist/js/c_compass_BackgroundColor_glass.d.ts +6 -0
  67. package/dist/js/c_compass_BackgroundColor_glass.js +8 -0
  68. package/dist/js/c_compass__content_MarginBlockEnd.d.ts +6 -0
  69. package/dist/js/c_compass__content_MarginBlockEnd.js +8 -0
  70. package/dist/js/c_compass__content_MarginBlockEnd_glass.d.ts +6 -0
  71. package/dist/js/c_compass__content_MarginBlockEnd_glass.js +8 -0
  72. package/dist/js/c_compass__content_MarginBlockStart.d.ts +6 -0
  73. package/dist/js/c_compass__content_MarginBlockStart.js +8 -0
  74. package/dist/js/c_compass__content_MarginBlockStart_glass.d.ts +6 -0
  75. package/dist/js/c_compass__content_MarginBlockStart_glass.js +8 -0
  76. package/dist/js/c_compass__content_MarginInlineEnd.d.ts +6 -0
  77. package/dist/js/c_compass__content_MarginInlineEnd.js +8 -0
  78. package/dist/js/c_compass__content_MarginInlineEnd_glass.d.ts +6 -0
  79. package/dist/js/c_compass__content_MarginInlineEnd_glass.js +8 -0
  80. package/dist/js/c_compass__content_MarginInlineStart.d.ts +6 -0
  81. package/dist/js/c_compass__content_MarginInlineStart.js +8 -0
  82. package/dist/js/c_compass__content_MarginInlineStart_glass.d.ts +6 -0
  83. package/dist/js/c_compass__content_MarginInlineStart_glass.js +8 -0
  84. package/dist/js/c_compass__content_PaddingBlockEnd.d.ts +6 -0
  85. package/dist/js/c_compass__content_PaddingBlockEnd.js +8 -0
  86. package/dist/js/c_compass__content_PaddingBlockEnd_glass.d.ts +6 -0
  87. package/dist/js/c_compass__content_PaddingBlockEnd_glass.js +8 -0
  88. package/dist/js/c_compass__content_PaddingBlockStart.d.ts +6 -0
  89. package/dist/js/c_compass__content_PaddingBlockStart.js +8 -0
  90. package/dist/js/c_compass__content_PaddingBlockStart_glass.d.ts +6 -0
  91. package/dist/js/c_compass__content_PaddingBlockStart_glass.js +8 -0
  92. package/dist/js/c_compass__content_PaddingInlineEnd.d.ts +6 -0
  93. package/dist/js/c_compass__content_PaddingInlineEnd.js +8 -0
  94. package/dist/js/c_compass__content_PaddingInlineEnd_glass.d.ts +6 -0
  95. package/dist/js/c_compass__content_PaddingInlineEnd_glass.js +8 -0
  96. package/dist/js/c_compass__content_PaddingInlineStart.d.ts +6 -0
  97. package/dist/js/c_compass__content_PaddingInlineStart.js +8 -0
  98. package/dist/js/c_compass__content_PaddingInlineStart_glass.d.ts +6 -0
  99. package/dist/js/c_compass__content_PaddingInlineStart_glass.js +8 -0
  100. package/dist/js/c_drawer.d.ts +23 -32
  101. package/dist/js/c_drawer.js +23 -32
  102. package/dist/js/c_drawer__panel_BorderColor.d.ts +1 -1
  103. package/dist/js/c_drawer__panel_BorderColor.js +1 -1
  104. package/dist/js/c_drawer__panel_m_inline_md_BackgroundColor.d.ts +6 -0
  105. package/dist/js/c_drawer__panel_m_inline_md_BackgroundColor.js +8 -0
  106. package/dist/js/c_drawer_m_pill__main_Gap.d.ts +1 -1
  107. package/dist/js/c_drawer_m_pill__main_Gap.js +1 -1
  108. package/dist/js/c_page.d.ts +21 -0
  109. package/dist/js/c_page.js +21 -0
  110. package/dist/js/c_page__main_container_MaxHeight_glass.d.ts +6 -0
  111. package/dist/js/c_page__main_container_MaxHeight_glass.js +8 -0
  112. package/dist/js/chart_bar_data_stroke.d.ts +2 -2
  113. package/dist/js/chart_bar_data_stroke.js +2 -2
  114. package/dist/js/index.d.ts +21 -3
  115. package/dist/js/index.js +21 -3
  116. package/dist/js/patternfly_charts.d.ts +6 -3
  117. package/dist/js/patternfly_charts.js +6 -3
  118. package/dist/js/patternfly_variables.d.ts +128 -108
  119. package/dist/js/patternfly_variables.js +128 -108
  120. package/dist/js/t_global_background_image_default.d.ts +6 -0
  121. package/dist/js/t_global_background_image_default.js +8 -0
  122. package/package.json +3 -3
  123. package/dist/esm/c_compass_BackgroundImage.d.ts +0 -6
  124. package/dist/esm/c_compass_BackgroundImage.js +0 -6
  125. package/dist/esm/c_compass_BackgroundImage_dark.d.ts +0 -6
  126. package/dist/esm/c_compass_BackgroundImage_dark.js +0 -6
  127. package/dist/esm/c_compass_BackgroundImage_light.d.ts +0 -6
  128. package/dist/esm/c_compass_BackgroundImage_light.js +0 -6
  129. package/dist/js/c_compass_BackgroundImage.d.ts +0 -6
  130. package/dist/js/c_compass_BackgroundImage.js +0 -8
  131. package/dist/js/c_compass_BackgroundImage_dark.d.ts +0 -6
  132. package/dist/js/c_compass_BackgroundImage_dark.js +0 -8
  133. package/dist/js/c_compass_BackgroundImage_light.d.ts +0 -6
  134. 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])": {
@@ -6987,115 +6987,10 @@ exports.patternfly_variables = {
6987
6987
  "t_temp_dev_tbd": {
6988
6988
  "name": "--pf-t--temp--dev--tbd",
6989
6989
  "value": "#BC11E0"
6990
- }
6991
- },
6992
- ":root:where(.pf-v6-theme-glass)": {
6993
- "t_global_box_shadow_glass_default": {
6994
- "name": "--pf-t--global--box-shadow--glass--default",
6995
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
6996
- "values": [
6997
- "--pf-t--global--box-shadow--md",
6998
- "--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",
6999
- "--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",
7000
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
7001
- ]
7002
- },
7003
- "t_global_background_color_glass_primary_default": {
7004
- "name": "--pf-t--global--background--color--glass--primary--default",
7005
- "value": "rgba(255, 255, 255, 0.5000)"
7006
- },
7007
- "t_global_background_color_primary_clicked": {
7008
- "name": "--pf-t--global--background--color--primary--clicked",
7009
- "value": "rgba(199, 199, 199, 0.3000)"
7010
- },
7011
- "t_global_background_color_primary_default": {
7012
- "name": "--pf-t--global--background--color--primary--default",
7013
- "value": "rgba(255, 255, 255, 0.6000)"
7014
- },
7015
- "t_global_background_color_primary_hover": {
7016
- "name": "--pf-t--global--background--color--primary--hover",
7017
- "value": "rgba(199, 199, 199, 0.3000)"
7018
- },
7019
- "t_global_background_color_secondary_clicked": {
7020
- "name": "--pf-t--global--background--color--secondary--clicked",
7021
- "value": "rgba(163, 163, 163, 0.3000)"
7022
- },
7023
- "t_global_background_color_secondary_default": {
7024
- "name": "--pf-t--global--background--color--secondary--default",
7025
- "value": "rgba(199, 199, 199, 0.3000)"
7026
- },
7027
- "t_global_background_color_secondary_hover": {
7028
- "name": "--pf-t--global--background--color--secondary--hover",
7029
- "value": "rgba(163, 163, 163, 0.3000)"
7030
- },
7031
- "t_global_background_filter_glass_blur_primary": {
7032
- "name": "--pf-t--global--background--filter--glass--blur--primary",
7033
- "value": "blur(16px)"
7034
- },
7035
- "t_global_border_width_main_default": {
7036
- "name": "--pf-t--global--border--width--main--default",
7037
- "value": "1px",
7038
- "values": [
7039
- "--pf-t--global--border--width--100",
7040
- "1px"
7041
- ]
7042
- },
7043
- "t_global_background_color_action_plain_alt_clicked": {
7044
- "name": "--pf-t--global--background--color--action--plain--alt--clicked",
7045
- "value": "rgba(199, 199, 199, 0.2500)",
7046
- "values": [
7047
- "--pf-t--global--background--color--action--plain--clicked",
7048
- "--pf-t--global--background--color--600",
7049
- "rgba(199, 199, 199, 0.2500)"
7050
- ]
7051
- },
7052
- "t_global_background_color_action_plain_alt_hover": {
7053
- "name": "--pf-t--global--background--color--action--plain--alt--hover",
7054
- "value": "rgba(199, 199, 199, 0.2500)",
7055
- "values": [
7056
- "--pf-t--global--background--color--action--plain--hover",
7057
- "--pf-t--global--background--color--600",
7058
- "rgba(199, 199, 199, 0.2500)"
7059
- ]
7060
- },
7061
- "t_global_border_color_glass_default": {
7062
- "name": "--pf-t--global--border--color--glass--default",
7063
- "value": "#ffffff",
7064
- "values": [
7065
- "--pf-t--global--border--color--alt",
7066
- "--pf-t--global--background--color--primary--default",
7067
- "--pf-t--global--background--color--100",
7068
- "--pf-t--color--white",
7069
- "#ffffff"
7070
- ]
7071
- },
7072
- "t_global_border_radius_glass_default": {
7073
- "name": "--pf-t--global--border--radius--glass--default",
7074
- "value": "16px",
7075
- "values": [
7076
- "--pf-t--global--border--radius--medium",
7077
- "--pf-t--global--border--radius--300",
7078
- "16px"
7079
- ]
7080
- },
7081
- "t_global_border_width_glass_default": {
7082
- "name": "--pf-t--global--border--width--glass--default",
7083
- "value": "1px",
7084
- "values": [
7085
- "--pf-t--global--border--width--regular",
7086
- "--pf-t--global--border--width--100",
7087
- "1px"
7088
- ]
7089
6990
  },
7090
- "t_global_background_color_floating_secondary_default": {
7091
- "name": "--pf-t--global--background--color--floating--secondary--default",
7092
- "value": "#ffffff",
7093
- "values": [
7094
- "--pf-t--global--background--color--floating--default",
7095
- "--pf-t--global--background--color--100",
7096
- "--pf-t--color--white",
7097
- "#ffffff"
7098
- ]
6991
+ "t_global_background_image_default": {
6992
+ "name": "--pf-t--global--background--image--default",
6993
+ "value": "none"
7099
6994
  }
7100
6995
  },
7101
6996
  ":root:where(.pf-v6-theme-high-contrast)": {
@@ -12786,6 +12681,123 @@ exports.patternfly_variables = {
12786
12681
  ]
12787
12682
  }
12788
12683
  },
12684
+ ":root:where(.pf-v6-theme-glass)": {
12685
+ "t_global_background_color_glass_primary_default": {
12686
+ "name": "--pf-t--global--background--color--glass--primary--default",
12687
+ "value": "rgba(255, 255, 255, 0.5000)"
12688
+ },
12689
+ "t_global_background_color_primary_clicked": {
12690
+ "name": "--pf-t--global--background--color--primary--clicked",
12691
+ "value": "rgba(199, 199, 199, 0.3000)"
12692
+ },
12693
+ "t_global_background_color_primary_default": {
12694
+ "name": "--pf-t--global--background--color--primary--default",
12695
+ "value": "rgba(255, 255, 255, 0.6000)"
12696
+ },
12697
+ "t_global_background_color_primary_hover": {
12698
+ "name": "--pf-t--global--background--color--primary--hover",
12699
+ "value": "rgba(199, 199, 199, 0.3000)"
12700
+ },
12701
+ "t_global_background_color_secondary_clicked": {
12702
+ "name": "--pf-t--global--background--color--secondary--clicked",
12703
+ "value": "rgba(163, 163, 163, 0.3000)"
12704
+ },
12705
+ "t_global_background_color_secondary_default": {
12706
+ "name": "--pf-t--global--background--color--secondary--default",
12707
+ "value": "rgba(199, 199, 199, 0.3000)"
12708
+ },
12709
+ "t_global_background_color_secondary_hover": {
12710
+ "name": "--pf-t--global--background--color--secondary--hover",
12711
+ "value": "rgba(163, 163, 163, 0.3000)"
12712
+ },
12713
+ "t_global_background_filter_glass_blur_primary": {
12714
+ "name": "--pf-t--global--background--filter--glass--blur--primary",
12715
+ "value": "blur(16px)"
12716
+ },
12717
+ "t_global_border_width_main_default": {
12718
+ "name": "--pf-t--global--border--width--main--default",
12719
+ "value": "1px",
12720
+ "values": [
12721
+ "--pf-t--global--border--width--100",
12722
+ "1px"
12723
+ ]
12724
+ },
12725
+ "t_global_background_color_action_plain_alt_clicked": {
12726
+ "name": "--pf-t--global--background--color--action--plain--alt--clicked",
12727
+ "value": "rgba(199, 199, 199, 0.2500)",
12728
+ "values": [
12729
+ "--pf-t--global--background--color--action--plain--clicked",
12730
+ "--pf-t--global--background--color--600",
12731
+ "rgba(199, 199, 199, 0.2500)"
12732
+ ]
12733
+ },
12734
+ "t_global_background_color_action_plain_alt_hover": {
12735
+ "name": "--pf-t--global--background--color--action--plain--alt--hover",
12736
+ "value": "rgba(199, 199, 199, 0.2500)",
12737
+ "values": [
12738
+ "--pf-t--global--background--color--action--plain--hover",
12739
+ "--pf-t--global--background--color--600",
12740
+ "rgba(199, 199, 199, 0.2500)"
12741
+ ]
12742
+ },
12743
+ "t_global_border_color_glass_default": {
12744
+ "name": "--pf-t--global--border--color--glass--default",
12745
+ "value": "#ffffff",
12746
+ "values": [
12747
+ "--pf-t--global--border--color--alt",
12748
+ "--pf-t--global--background--color--primary--default",
12749
+ "--pf-t--global--background--color--100",
12750
+ "--pf-t--color--white",
12751
+ "#ffffff"
12752
+ ]
12753
+ },
12754
+ "t_global_border_radius_glass_default": {
12755
+ "name": "--pf-t--global--border--radius--glass--default",
12756
+ "value": "16px",
12757
+ "values": [
12758
+ "--pf-t--global--border--radius--medium",
12759
+ "--pf-t--global--border--radius--300",
12760
+ "16px"
12761
+ ]
12762
+ },
12763
+ "t_global_border_width_glass_default": {
12764
+ "name": "--pf-t--global--border--width--glass--default",
12765
+ "value": "1px",
12766
+ "values": [
12767
+ "--pf-t--global--border--width--regular",
12768
+ "--pf-t--global--border--width--100",
12769
+ "1px"
12770
+ ]
12771
+ },
12772
+ "t_global_background_color_floating_secondary_default": {
12773
+ "name": "--pf-t--global--background--color--floating--secondary--default",
12774
+ "value": "#ffffff",
12775
+ "values": [
12776
+ "--pf-t--global--background--color--floating--default",
12777
+ "--pf-t--global--background--color--100",
12778
+ "--pf-t--color--white",
12779
+ "#ffffff"
12780
+ ]
12781
+ },
12782
+ "t_global_background_image_default": {
12783
+ "name": "--pf-t--global--background--image--default",
12784
+ "value": "undefined, url(\"../assets/images/PF-Bkg-Generic-Light.svg\")",
12785
+ "values": [
12786
+ "var(--pf-t--global--background--image--glass, url(\"../assets/images/PF-Bkg-Generic-Light.svg\"))",
12787
+ "undefined, url(\"../assets/images/PF-Bkg-Generic-Light.svg\")"
12788
+ ]
12789
+ },
12790
+ "t_global_box_shadow_glass_default": {
12791
+ "name": "--pf-t--global--box-shadow--glass--default",
12792
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
12793
+ "values": [
12794
+ "--pf-t--global--box-shadow--md",
12795
+ "--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",
12796
+ "--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",
12797
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
12798
+ ]
12799
+ }
12800
+ },
12789
12801
  ":root:where(.pf-v6-theme-felt)": {
12790
12802
  "t_global_border_color_brand_accent_clicked": {
12791
12803
  "name": "--pf-t--global--border--color--brand--accent--clicked",
@@ -14133,6 +14145,14 @@ exports.patternfly_variables = {
14133
14145
  "--pf-t--color--white",
14134
14146
  "#ffffff"
14135
14147
  ]
14148
+ },
14149
+ "t_global_background_image_default": {
14150
+ "name": "--pf-t--global--background--image--default",
14151
+ "value": "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")",
14152
+ "values": [
14153
+ "var(--pf-t--global--background--image--felt--glass, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\"))",
14154
+ "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")"
14155
+ ]
14136
14156
  }
14137
14157
  },
14138
14158
  ":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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.t_global_background_image_default = {
4
+ "name": "--pf-t--global--background--image--default",
5
+ "value": "undefined, url(\"../assets/images/Felt-Bkg-Generic-Light.svg\")",
6
+ "var": "var(--pf-t--global--background--image--default)"
7
+ };
8
+ exports["default"] = exports.t_global_background_image_default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-tokens",
3
- "version": "6.5.0-prerelease.24",
3
+ "version": "6.5.0-prerelease.26",
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.86",
33
+ "@patternfly/patternfly": "6.5.0-prerelease.91",
34
34
  "fs-extra": "^11.3.3"
35
35
  },
36
- "gitHead": "cd39fc119e43af9e8e451833f1271592f83fc0c1"
36
+ "gitHead": "2753c22c70d9a5fc5107d5fcf8c1cc2c32598d04"
37
37
  }
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage: {
2
- "name": "--pf-v6-c-compass--BackgroundImage",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage)"
5
- };
6
- export default c_compass_BackgroundImage;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage = {
2
- "name": "--pf-v6-c-compass--BackgroundImage",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage)"
5
- };
6
- export default c_compass_BackgroundImage;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_dark: {
2
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--dark)"
5
- };
6
- export default c_compass_BackgroundImage_dark;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_dark = {
2
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--dark)"
5
- };
6
- export default c_compass_BackgroundImage_dark;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_light: {
2
- "name": "--pf-v6-c-compass--BackgroundImage--light",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--light)"
5
- };
6
- export default c_compass_BackgroundImage_light;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_light = {
2
- "name": "--pf-v6-c-compass--BackgroundImage--light",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--light)"
5
- };
6
- export default c_compass_BackgroundImage_light;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage: {
2
- "name": "--pf-v6-c-compass--BackgroundImage",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage)"
5
- };
6
- export default c_compass_BackgroundImage;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_compass_BackgroundImage = {
4
- "name": "--pf-v6-c-compass--BackgroundImage",
5
- "value": "none",
6
- "var": "var(--pf-v6-c-compass--BackgroundImage)"
7
- };
8
- exports["default"] = exports.c_compass_BackgroundImage;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_dark: {
2
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--dark)"
5
- };
6
- export default c_compass_BackgroundImage_dark;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_compass_BackgroundImage_dark = {
4
- "name": "--pf-v6-c-compass--BackgroundImage--dark",
5
- "value": "none",
6
- "var": "var(--pf-v6-c-compass--BackgroundImage--dark)"
7
- };
8
- exports["default"] = exports.c_compass_BackgroundImage_dark;
@@ -1,6 +0,0 @@
1
- export const c_compass_BackgroundImage_light: {
2
- "name": "--pf-v6-c-compass--BackgroundImage--light",
3
- "value": "none",
4
- "var": "var(--pf-v6-c-compass--BackgroundImage--light)"
5
- };
6
- export default c_compass_BackgroundImage_light;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.c_compass_BackgroundImage_light = {
4
- "name": "--pf-v6-c-compass--BackgroundImage--light",
5
- "value": "none",
6
- "var": "var(--pf-v6-c-compass--BackgroundImage--light)"
7
- };
8
- exports["default"] = exports.c_compass_BackgroundImage_light;