@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
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.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.24...@patternfly/react-tokens@6.5.0-prerelease.25) (2026-05-12)
7
+
8
+ ### Features
9
+
10
+ - **Compass:** remove background props, update structure ([#12408](https://github.com/patternfly/patternfly-react/issues/12408)) ([5564f73](https://github.com/patternfly/patternfly-react/commit/5564f730fb899c3f8968cbcc567cbded2def367e))
11
+
6
12
  # [6.5.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.23...@patternfly/react-tokens@6.5.0-prerelease.24) (2026-05-12)
7
13
 
8
14
  ### Features
@@ -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",
@@ -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",
@@ -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,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,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,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;
@@ -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": {
@@ -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": {
@@ -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,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;
@@ -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/esm/index.js CHANGED
@@ -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';
@@ -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])": {