@patternfly/react-tokens 6.5.0-prerelease.3 → 6.5.0-prerelease.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_button.d.ts +14 -12
  3. package/dist/esm/c_button.js +14 -12
  4. package/dist/esm/c_button_TextDecorationColor.d.ts +1 -1
  5. package/dist/esm/c_button_TextDecorationColor.js +1 -1
  6. package/dist/esm/c_button_hover_TextDecorationColor.d.ts +1 -1
  7. package/dist/esm/c_button_hover_TextDecorationColor.js +1 -1
  8. package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
  9. package/dist/esm/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
  10. package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.d.ts +1 -1
  11. package/dist/esm/c_button_m_link_m_inline_hover_TextDecorationColor.js +1 -1
  12. package/dist/esm/c_compass.d.ts +13 -64
  13. package/dist/esm/c_compass.js +13 -64
  14. package/dist/esm/c_compass__panel_BackdropFilter.d.ts +1 -1
  15. package/dist/esm/c_compass__panel_BackdropFilter.js +1 -1
  16. package/dist/esm/c_drawer.d.ts +32 -0
  17. package/dist/esm/c_drawer.js +32 -0
  18. package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.d.ts +6 -0
  19. package/dist/esm/c_drawer__panel_m_glass_BackdropFilter.js +6 -0
  20. package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.d.ts +6 -0
  21. package/dist/esm/c_drawer__panel_m_glass_BackgroundColor.js +6 -0
  22. package/dist/esm/c_drawer__panel_m_glass_BorderColor.d.ts +6 -0
  23. package/dist/esm/c_drawer__panel_m_glass_BorderColor.js +6 -0
  24. package/dist/esm/c_tabs.d.ts +0 -4
  25. package/dist/esm/c_tabs.js +0 -4
  26. package/dist/esm/c_tabs__link_hover_BorderColor.d.ts +1 -1
  27. package/dist/esm/c_tabs__link_hover_BorderColor.js +1 -1
  28. package/dist/esm/index.d.ts +21 -13
  29. package/dist/esm/index.js +21 -13
  30. package/dist/esm/patternfly_variables.d.ts +172 -8
  31. package/dist/esm/patternfly_variables.js +172 -8
  32. package/dist/esm/t_global_background_color_glass_default.d.ts +6 -0
  33. package/dist/esm/t_global_background_color_glass_default.js +6 -0
  34. package/dist/esm/t_global_background_color_glass_default_base.d.ts +6 -0
  35. package/dist/esm/t_global_background_color_glass_default_base.js +6 -0
  36. package/dist/esm/t_global_background_color_glass_filter.d.ts +6 -0
  37. package/dist/esm/t_global_background_color_glass_filter.js +6 -0
  38. package/dist/esm/t_global_background_color_glass_filter_base.d.ts +6 -0
  39. package/dist/esm/t_global_background_color_glass_filter_base.js +6 -0
  40. package/dist/esm/t_global_background_color_glass_opacity.d.ts +6 -0
  41. package/dist/esm/t_global_background_color_glass_opacity.js +6 -0
  42. package/dist/esm/t_global_background_color_glass_opacity_base.d.ts +6 -0
  43. package/dist/esm/t_global_background_color_glass_opacity_base.js +6 -0
  44. package/dist/esm/t_global_dark_background_color_glass_default.d.ts +6 -0
  45. package/dist/esm/t_global_dark_background_color_glass_default.js +6 -0
  46. package/dist/esm/t_global_dark_background_color_glass_filter.d.ts +6 -0
  47. package/dist/esm/t_global_dark_background_color_glass_filter.js +6 -0
  48. package/dist/esm/t_global_dark_background_color_glass_opacity.d.ts +6 -0
  49. package/dist/esm/t_global_dark_background_color_glass_opacity.js +6 -0
  50. package/dist/esm/t_global_dark_glass_background_color_glass_color.d.ts +6 -0
  51. package/dist/esm/t_global_dark_glass_background_color_glass_color.js +6 -0
  52. package/dist/esm/t_global_dark_glass_background_color_glass_default.d.ts +6 -0
  53. package/dist/esm/t_global_dark_glass_background_color_glass_default.js +6 -0
  54. package/dist/esm/t_global_dark_glass_background_color_glass_filter.d.ts +6 -0
  55. package/dist/esm/t_global_dark_glass_background_color_glass_filter.js +6 -0
  56. package/dist/esm/t_global_dark_glass_background_color_glass_opacity.d.ts +6 -0
  57. package/dist/esm/t_global_dark_glass_background_color_glass_opacity.js +6 -0
  58. package/dist/esm/t_global_light_glass_background_color_glass_color.d.ts +6 -0
  59. package/dist/esm/t_global_light_glass_background_color_glass_color.js +6 -0
  60. package/dist/esm/t_global_light_glass_background_color_glass_default.d.ts +6 -0
  61. package/dist/esm/t_global_light_glass_background_color_glass_default.js +6 -0
  62. package/dist/esm/t_global_light_glass_background_color_glass_filter.d.ts +6 -0
  63. package/dist/esm/t_global_light_glass_background_color_glass_filter.js +6 -0
  64. package/dist/esm/t_global_light_glass_background_color_glass_opacity.d.ts +6 -0
  65. package/dist/esm/t_global_light_glass_background_color_glass_opacity.js +6 -0
  66. package/dist/esm/t_global_text_decoration_color_default.d.ts +1 -1
  67. package/dist/esm/t_global_text_decoration_color_default.js +1 -1
  68. package/dist/esm/t_global_text_decoration_color_hover.d.ts +1 -1
  69. package/dist/esm/t_global_text_decoration_color_hover.js +1 -1
  70. package/dist/js/c_button.d.ts +14 -12
  71. package/dist/js/c_button.js +14 -12
  72. package/dist/js/c_button_TextDecorationColor.d.ts +1 -1
  73. package/dist/js/c_button_TextDecorationColor.js +1 -1
  74. package/dist/js/c_button_hover_TextDecorationColor.d.ts +1 -1
  75. package/dist/js/c_button_hover_TextDecorationColor.js +1 -1
  76. package/dist/js/c_button_m_link_m_inline_TextDecorationColor.d.ts +1 -1
  77. package/dist/js/c_button_m_link_m_inline_TextDecorationColor.js +1 -1
  78. package/dist/js/c_button_m_link_m_inline_hover_TextDecorationColor.d.ts +1 -1
  79. package/dist/js/c_button_m_link_m_inline_hover_TextDecorationColor.js +1 -1
  80. package/dist/js/c_compass.d.ts +13 -64
  81. package/dist/js/c_compass.js +13 -64
  82. package/dist/js/c_compass__panel_BackdropFilter.d.ts +1 -1
  83. package/dist/js/c_compass__panel_BackdropFilter.js +1 -1
  84. package/dist/js/c_drawer.d.ts +32 -0
  85. package/dist/js/c_drawer.js +32 -0
  86. package/dist/js/c_drawer__panel_m_glass_BackdropFilter.d.ts +6 -0
  87. package/dist/js/c_drawer__panel_m_glass_BackdropFilter.js +8 -0
  88. package/dist/js/c_drawer__panel_m_glass_BackgroundColor.d.ts +6 -0
  89. package/dist/js/c_drawer__panel_m_glass_BackgroundColor.js +8 -0
  90. package/dist/js/c_drawer__panel_m_glass_BorderColor.d.ts +6 -0
  91. package/dist/js/c_drawer__panel_m_glass_BorderColor.js +8 -0
  92. package/dist/js/c_tabs.d.ts +0 -4
  93. package/dist/js/c_tabs.js +0 -4
  94. package/dist/js/c_tabs__link_hover_BorderColor.d.ts +1 -1
  95. package/dist/js/c_tabs__link_hover_BorderColor.js +1 -1
  96. package/dist/js/index.d.ts +21 -13
  97. package/dist/js/index.js +21 -13
  98. package/dist/js/patternfly_variables.d.ts +172 -8
  99. package/dist/js/patternfly_variables.js +172 -8
  100. package/dist/js/t_global_background_color_glass_default.d.ts +6 -0
  101. package/dist/js/t_global_background_color_glass_default.js +8 -0
  102. package/dist/js/t_global_background_color_glass_default_base.d.ts +6 -0
  103. package/dist/js/t_global_background_color_glass_default_base.js +8 -0
  104. package/dist/js/t_global_background_color_glass_filter.d.ts +6 -0
  105. package/dist/js/t_global_background_color_glass_filter.js +8 -0
  106. package/dist/js/t_global_background_color_glass_filter_base.d.ts +6 -0
  107. package/dist/js/t_global_background_color_glass_filter_base.js +8 -0
  108. package/dist/js/t_global_background_color_glass_opacity.d.ts +6 -0
  109. package/dist/js/t_global_background_color_glass_opacity.js +8 -0
  110. package/dist/js/t_global_background_color_glass_opacity_base.d.ts +6 -0
  111. package/dist/js/t_global_background_color_glass_opacity_base.js +8 -0
  112. package/dist/js/t_global_dark_background_color_glass_default.d.ts +6 -0
  113. package/dist/js/t_global_dark_background_color_glass_default.js +8 -0
  114. package/dist/js/t_global_dark_background_color_glass_filter.d.ts +6 -0
  115. package/dist/js/t_global_dark_background_color_glass_filter.js +8 -0
  116. package/dist/js/t_global_dark_background_color_glass_opacity.d.ts +6 -0
  117. package/dist/js/t_global_dark_background_color_glass_opacity.js +8 -0
  118. package/dist/js/t_global_dark_glass_background_color_glass_color.d.ts +6 -0
  119. package/dist/js/t_global_dark_glass_background_color_glass_color.js +8 -0
  120. package/dist/js/t_global_dark_glass_background_color_glass_default.d.ts +6 -0
  121. package/dist/js/t_global_dark_glass_background_color_glass_default.js +8 -0
  122. package/dist/js/t_global_dark_glass_background_color_glass_filter.d.ts +6 -0
  123. package/dist/js/t_global_dark_glass_background_color_glass_filter.js +8 -0
  124. package/dist/js/t_global_dark_glass_background_color_glass_opacity.d.ts +6 -0
  125. package/dist/js/t_global_dark_glass_background_color_glass_opacity.js +8 -0
  126. package/dist/js/t_global_light_glass_background_color_glass_color.d.ts +6 -0
  127. package/dist/js/t_global_light_glass_background_color_glass_color.js +8 -0
  128. package/dist/js/t_global_light_glass_background_color_glass_default.d.ts +6 -0
  129. package/dist/js/t_global_light_glass_background_color_glass_default.js +8 -0
  130. package/dist/js/t_global_light_glass_background_color_glass_filter.d.ts +6 -0
  131. package/dist/js/t_global_light_glass_background_color_glass_filter.js +8 -0
  132. package/dist/js/t_global_light_glass_background_color_glass_opacity.d.ts +6 -0
  133. package/dist/js/t_global_light_glass_background_color_glass_opacity.js +8 -0
  134. package/dist/js/t_global_text_decoration_color_default.d.ts +1 -1
  135. package/dist/js/t_global_text_decoration_color_default.js +1 -1
  136. package/dist/js/t_global_text_decoration_color_hover.d.ts +1 -1
  137. package/dist/js/t_global_text_decoration_color_hover.js +1 -1
  138. package/package.json +3 -3
  139. package/dist/esm/c_compass__panel_BackdropFilter_dark.d.ts +0 -6
  140. package/dist/esm/c_compass__panel_BackdropFilter_dark.js +0 -6
  141. package/dist/esm/c_compass__panel_BackdropFilter_light.d.ts +0 -6
  142. package/dist/esm/c_compass__panel_BackdropFilter_light.js +0 -6
  143. package/dist/esm/c_compass__panel_BackgroundColor_dark.d.ts +0 -6
  144. package/dist/esm/c_compass__panel_BackgroundColor_dark.js +0 -6
  145. package/dist/esm/c_compass__panel_BackgroundColor_light.d.ts +0 -6
  146. package/dist/esm/c_compass__panel_BackgroundColor_light.js +0 -6
  147. package/dist/esm/c_compass__panel_BackgroundColor_opacity_dark.d.ts +0 -6
  148. package/dist/esm/c_compass__panel_BackgroundColor_opacity_dark.js +0 -6
  149. package/dist/esm/c_compass__panel_BackgroundColor_opacity_light.d.ts +0 -6
  150. package/dist/esm/c_compass__panel_BackgroundColor_opacity_light.js +0 -6
  151. package/dist/esm/c_compass__panel_BackgroundColor_rgb_dark.d.ts +0 -6
  152. package/dist/esm/c_compass__panel_BackgroundColor_rgb_dark.js +0 -6
  153. package/dist/esm/c_compass__panel_BackgroundColor_rgb_light.d.ts +0 -6
  154. package/dist/esm/c_compass__panel_BackgroundColor_rgb_light.js +0 -6
  155. package/dist/esm/c_compass_glass_blend_mode.d.ts +0 -6
  156. package/dist/esm/c_compass_glass_blend_mode.js +0 -6
  157. package/dist/esm/c_compass_glass_blend_mode_dark.d.ts +0 -6
  158. package/dist/esm/c_compass_glass_blend_mode_dark.js +0 -6
  159. package/dist/esm/c_compass_glass_border.d.ts +0 -6
  160. package/dist/esm/c_compass_glass_border.js +0 -6
  161. package/dist/esm/c_compass_glass_opacity.d.ts +0 -6
  162. package/dist/esm/c_compass_glass_opacity.js +0 -6
  163. package/dist/js/c_compass__panel_BackdropFilter_dark.d.ts +0 -6
  164. package/dist/js/c_compass__panel_BackdropFilter_dark.js +0 -8
  165. package/dist/js/c_compass__panel_BackdropFilter_light.d.ts +0 -6
  166. package/dist/js/c_compass__panel_BackdropFilter_light.js +0 -8
  167. package/dist/js/c_compass__panel_BackgroundColor_dark.d.ts +0 -6
  168. package/dist/js/c_compass__panel_BackgroundColor_dark.js +0 -8
  169. package/dist/js/c_compass__panel_BackgroundColor_light.d.ts +0 -6
  170. package/dist/js/c_compass__panel_BackgroundColor_light.js +0 -8
  171. package/dist/js/c_compass__panel_BackgroundColor_opacity_dark.d.ts +0 -6
  172. package/dist/js/c_compass__panel_BackgroundColor_opacity_dark.js +0 -8
  173. package/dist/js/c_compass__panel_BackgroundColor_opacity_light.d.ts +0 -6
  174. package/dist/js/c_compass__panel_BackgroundColor_opacity_light.js +0 -8
  175. package/dist/js/c_compass__panel_BackgroundColor_rgb_dark.d.ts +0 -6
  176. package/dist/js/c_compass__panel_BackgroundColor_rgb_dark.js +0 -8
  177. package/dist/js/c_compass__panel_BackgroundColor_rgb_light.d.ts +0 -6
  178. package/dist/js/c_compass__panel_BackgroundColor_rgb_light.js +0 -8
  179. package/dist/js/c_compass_glass_blend_mode.d.ts +0 -6
  180. package/dist/js/c_compass_glass_blend_mode.js +0 -8
  181. package/dist/js/c_compass_glass_blend_mode_dark.d.ts +0 -6
  182. package/dist/js/c_compass_glass_blend_mode_dark.js +0 -8
  183. package/dist/js/c_compass_glass_border.d.ts +0 -6
  184. package/dist/js/c_compass_glass_border.js +0 -8
  185. package/dist/js/c_compass_glass_opacity.d.ts +0 -6
  186. package/dist/js/c_compass_glass_opacity.js +0 -8
@@ -373,6 +373,38 @@ export const c_drawer: {
373
373
  "1.5rem"
374
374
  ]
375
375
  },
376
+ "c_drawer__panel_m_glass_BackgroundColor": {
377
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
378
+ "value": "#ffffff",
379
+ "values": [
380
+ "--pf-t--global--background--color--glass--default",
381
+ "--pf-t--global--background--color--glass--default--base",
382
+ "--pf-t--global--background--color--primary--default",
383
+ "--pf-t--global--background--color--100",
384
+ "--pf-t--color--white",
385
+ "#ffffff"
386
+ ]
387
+ },
388
+ "c_drawer__panel_m_glass_BackdropFilter": {
389
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
390
+ "value": "none",
391
+ "values": [
392
+ "--pf-t--global--background--color--glass--filter",
393
+ "--pf-t--global--background--color--glass--filter--base",
394
+ "none"
395
+ ]
396
+ },
397
+ "c_drawer__panel_m_glass_BorderColor": {
398
+ "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
399
+ "value": "#ffffff",
400
+ "values": [
401
+ "--pf-t--global--border--color--alt",
402
+ "--pf-t--global--background--color--primary--default",
403
+ "--pf-t--global--background--color--100",
404
+ "--pf-t--color--white",
405
+ "#ffffff"
406
+ ]
407
+ },
376
408
  "c_drawer__head_ColumnGap": {
377
409
  "name": "--pf-v6-c-drawer__head--ColumnGap",
378
410
  "value": "0.5rem",
@@ -375,6 +375,38 @@ exports.c_drawer = {
375
375
  "1.5rem"
376
376
  ]
377
377
  },
378
+ "c_drawer__panel_m_glass_BackgroundColor": {
379
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
380
+ "value": "#ffffff",
381
+ "values": [
382
+ "--pf-t--global--background--color--glass--default",
383
+ "--pf-t--global--background--color--glass--default--base",
384
+ "--pf-t--global--background--color--primary--default",
385
+ "--pf-t--global--background--color--100",
386
+ "--pf-t--color--white",
387
+ "#ffffff"
388
+ ]
389
+ },
390
+ "c_drawer__panel_m_glass_BackdropFilter": {
391
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
392
+ "value": "none",
393
+ "values": [
394
+ "--pf-t--global--background--color--glass--filter",
395
+ "--pf-t--global--background--color--glass--filter--base",
396
+ "none"
397
+ ]
398
+ },
399
+ "c_drawer__panel_m_glass_BorderColor": {
400
+ "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
401
+ "value": "#ffffff",
402
+ "values": [
403
+ "--pf-t--global--border--color--alt",
404
+ "--pf-t--global--background--color--primary--default",
405
+ "--pf-t--global--background--color--100",
406
+ "--pf-t--color--white",
407
+ "#ffffff"
408
+ ]
409
+ },
378
410
  "c_drawer__head_ColumnGap": {
379
411
  "name": "--pf-v6-c-drawer__head--ColumnGap",
380
412
  "value": "0.5rem",
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_m_glass_BackdropFilter: {
2
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter)"
5
+ };
6
+ export default c_drawer__panel_m_glass_BackdropFilter;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_drawer__panel_m_glass_BackdropFilter = {
4
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackdropFilter",
5
+ "value": "none",
6
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter)"
7
+ };
8
+ exports["default"] = exports.c_drawer__panel_m_glass_BackdropFilter;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_m_glass_BackgroundColor: {
2
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor)"
5
+ };
6
+ export default c_drawer__panel_m_glass_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_drawer__panel_m_glass_BackgroundColor = {
4
+ "name": "--pf-v6-c-drawer__panel--m-glass--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_drawer__panel_m_glass_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_drawer__panel_m_glass_BorderColor: {
2
+ "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BorderColor)"
5
+ };
6
+ export default c_drawer__panel_m_glass_BorderColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_drawer__panel_m_glass_BorderColor = {
4
+ "name": "--pf-v6-c-drawer__panel--m-glass--BorderColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-drawer__panel--m-glass--BorderColor)"
7
+ };
8
+ exports["default"] = exports.c_drawer__panel_m_glass_BorderColor;
@@ -1912,10 +1912,6 @@ export const c_tabs: {
1912
1912
  "#a3a3a3"
1913
1913
  ]
1914
1914
  },
1915
- "c_tabs__link_hover_BorderColor": {
1916
- "name": "--pf-v6-c-tabs__link--hover--BorderColor",
1917
- "value": "transparent"
1918
- },
1919
1915
  "c_tabs__link_BorderRadius": {
1920
1916
  "name": "--pf-v6-c-tabs__link--BorderRadius",
1921
1917
  "value": "999px",
package/dist/js/c_tabs.js CHANGED
@@ -1914,10 +1914,6 @@ exports.c_tabs = {
1914
1914
  "#a3a3a3"
1915
1915
  ]
1916
1916
  },
1917
- "c_tabs__link_hover_BorderColor": {
1918
- "name": "--pf-v6-c-tabs__link--hover--BorderColor",
1919
- "value": "transparent"
1920
- },
1921
1917
  "c_tabs__link_BorderRadius": {
1922
1918
  "name": "--pf-v6-c-tabs__link--BorderRadius",
1923
1919
  "value": "999px",
@@ -1,6 +1,6 @@
1
1
  export const c_tabs__link_hover_BorderColor: {
2
2
  "name": "--pf-v6-c-tabs__link--hover--BorderColor",
3
- "value": "transparent",
3
+ "value": "rgba(255, 255, 255, 0.0000)",
4
4
  "var": "var(--pf-v6-c-tabs__link--hover--BorderColor)"
5
5
  };
6
6
  export default c_tabs__link_hover_BorderColor;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_tabs__link_hover_BorderColor = {
4
4
  "name": "--pf-v6-c-tabs__link--hover--BorderColor",
5
- "value": "transparent",
5
+ "value": "rgba(255, 255, 255, 0.0000)",
6
6
  "var": "var(--pf-v6-c-tabs__link--hover--BorderColor)"
7
7
  };
8
8
  exports["default"] = exports.c_tabs__link_hover_BorderColor;
@@ -1025,15 +1025,8 @@ export { c_compass_ColumnGap } from './c_compass_ColumnGap';
1025
1025
  export { c_compass__nav_RowGap } from './c_compass__nav_RowGap';
1026
1026
  export { c_compass__sidebar_Padding } from './c_compass__sidebar_Padding';
1027
1027
  export { c_compass__main_RowGap } from './c_compass__main_RowGap';
1028
- export { c_compass__panel_BackgroundColor_rgb_light } from './c_compass__panel_BackgroundColor_rgb_light';
1029
- export { c_compass__panel_BackgroundColor_opacity_light } from './c_compass__panel_BackgroundColor_opacity_light';
1030
- export { c_compass__panel_BackgroundColor_light } from './c_compass__panel_BackgroundColor_light';
1031
- export { c_compass__panel_BackgroundColor_rgb_dark } from './c_compass__panel_BackgroundColor_rgb_dark';
1032
- export { c_compass__panel_BackgroundColor_opacity_dark } from './c_compass__panel_BackgroundColor_opacity_dark';
1033
- export { c_compass__panel_BackgroundColor_dark } from './c_compass__panel_BackgroundColor_dark';
1028
+ export { c_compass__panel_BackgroundColor } from './c_compass__panel_BackgroundColor';
1034
1029
  export { c_compass__panel_BackdropFilter } from './c_compass__panel_BackdropFilter';
1035
- export { c_compass__panel_BackdropFilter_light } from './c_compass__panel_BackdropFilter_light';
1036
- export { c_compass__panel_BackdropFilter_dark } from './c_compass__panel_BackdropFilter_dark';
1037
1030
  export { c_compass__panel_BorderRadius } from './c_compass__panel_BorderRadius';
1038
1031
  export { c_compass__panel_m_pill_BorderRadius } from './c_compass__panel_m_pill_BorderRadius';
1039
1032
  export { c_compass__panel_Padding } from './c_compass__panel_Padding';
@@ -1054,11 +1047,6 @@ export { c_compass__hero_BackgroundImage_light } from './c_compass__hero_Backgro
1054
1047
  export { c_compass__hero_BackgroundImage_dark } from './c_compass__hero_BackgroundImage_dark';
1055
1048
  export { c_compass__hero_body_Width } from './c_compass__hero_body_Width';
1056
1049
  export { c_compass__hero_body_MaxWidth } from './c_compass__hero_body_MaxWidth';
1057
- export { c_compass__panel_BackgroundColor } from './c_compass__panel_BackgroundColor';
1058
- export { c_compass_glass_opacity } from './c_compass_glass_opacity';
1059
- export { c_compass_glass_border } from './c_compass_glass_border';
1060
- export { c_compass_glass_blend_mode } from './c_compass_glass_blend_mode';
1061
- export { c_compass_glass_blend_mode_dark } from './c_compass_glass_blend_mode_dark';
1062
1050
  export { c_content } from './c_content';
1063
1051
  export { c_content_MarginBlockEnd } from './c_content_MarginBlockEnd';
1064
1052
  export { c_content_LineHeight } from './c_content_LineHeight';
@@ -1388,6 +1376,9 @@ export { c_drawer_m_pill__panel_BorderInlineEndWidth } from './c_drawer_m_pill__
1388
1376
  export { c_drawer_m_pill__panel_BorderColor } from './c_drawer_m_pill__panel_BorderColor';
1389
1377
  export { c_drawer_m_pill__panel_BorderRadius } from './c_drawer_m_pill__panel_BorderRadius';
1390
1378
  export { c_drawer_m_pill_m_expanded__panel_inset } from './c_drawer_m_pill_m_expanded__panel_inset';
1379
+ export { c_drawer__panel_m_glass_BackgroundColor } from './c_drawer__panel_m_glass_BackgroundColor';
1380
+ export { c_drawer__panel_m_glass_BackdropFilter } from './c_drawer__panel_m_glass_BackdropFilter';
1381
+ export { c_drawer__panel_m_glass_BorderColor } from './c_drawer__panel_m_glass_BorderColor';
1391
1382
  export { c_drawer__head_ColumnGap } from './c_drawer__head_ColumnGap';
1392
1383
  export { c_drawer__head_PaddingBlockStart } from './c_drawer__head_PaddingBlockStart';
1393
1384
  export { c_drawer__head_PaddingBlockEnd } from './c_drawer__head_PaddingBlockEnd';
@@ -5562,6 +5553,23 @@ export { t_global_box_shadow_lg_left } from './t_global_box_shadow_lg_left';
5562
5553
  export { t_global_box_shadow_lg_right } from './t_global_box_shadow_lg_right';
5563
5554
  export { t_global_list_style } from './t_global_list_style';
5564
5555
  export { t_temp_dev_tbd } from './t_temp_dev_tbd';
5556
+ export { t_global_background_color_glass_filter_base } from './t_global_background_color_glass_filter_base';
5557
+ export { t_global_background_color_glass_opacity_base } from './t_global_background_color_glass_opacity_base';
5558
+ export { t_global_background_color_glass_default_base } from './t_global_background_color_glass_default_base';
5559
+ export { t_global_background_color_glass_filter } from './t_global_background_color_glass_filter';
5560
+ export { t_global_background_color_glass_opacity } from './t_global_background_color_glass_opacity';
5561
+ export { t_global_background_color_glass_default } from './t_global_background_color_glass_default';
5562
+ export { t_global_dark_background_color_glass_filter } from './t_global_dark_background_color_glass_filter';
5563
+ export { t_global_dark_background_color_glass_opacity } from './t_global_dark_background_color_glass_opacity';
5564
+ export { t_global_dark_background_color_glass_default } from './t_global_dark_background_color_glass_default';
5565
+ export { t_global_light_glass_background_color_glass_color } from './t_global_light_glass_background_color_glass_color';
5566
+ export { t_global_light_glass_background_color_glass_filter } from './t_global_light_glass_background_color_glass_filter';
5567
+ export { t_global_light_glass_background_color_glass_opacity } from './t_global_light_glass_background_color_glass_opacity';
5568
+ export { t_global_light_glass_background_color_glass_default } from './t_global_light_glass_background_color_glass_default';
5569
+ export { t_global_dark_glass_background_color_glass_color } from './t_global_dark_glass_background_color_glass_color';
5570
+ export { t_global_dark_glass_background_color_glass_filter } from './t_global_dark_glass_background_color_glass_filter';
5571
+ export { t_global_dark_glass_background_color_glass_opacity } from './t_global_dark_glass_background_color_glass_opacity';
5572
+ export { t_global_dark_glass_background_color_glass_default } from './t_global_dark_glass_background_color_glass_default';
5565
5573
  export { patternfly_charts } from './patternfly_charts';
5566
5574
  export { t_chart_global_BorderWidth_lg } from './t_chart_global_BorderWidth_lg';
5567
5575
  export { t_chart_global_BorderWidth_sm } from './t_chart_global_BorderWidth_sm';
package/dist/js/index.js CHANGED
@@ -1030,15 +1030,8 @@ __export(require('./c_compass_ColumnGap'));
1030
1030
  __export(require('./c_compass__nav_RowGap'));
1031
1031
  __export(require('./c_compass__sidebar_Padding'));
1032
1032
  __export(require('./c_compass__main_RowGap'));
1033
- __export(require('./c_compass__panel_BackgroundColor_rgb_light'));
1034
- __export(require('./c_compass__panel_BackgroundColor_opacity_light'));
1035
- __export(require('./c_compass__panel_BackgroundColor_light'));
1036
- __export(require('./c_compass__panel_BackgroundColor_rgb_dark'));
1037
- __export(require('./c_compass__panel_BackgroundColor_opacity_dark'));
1038
- __export(require('./c_compass__panel_BackgroundColor_dark'));
1033
+ __export(require('./c_compass__panel_BackgroundColor'));
1039
1034
  __export(require('./c_compass__panel_BackdropFilter'));
1040
- __export(require('./c_compass__panel_BackdropFilter_light'));
1041
- __export(require('./c_compass__panel_BackdropFilter_dark'));
1042
1035
  __export(require('./c_compass__panel_BorderRadius'));
1043
1036
  __export(require('./c_compass__panel_m_pill_BorderRadius'));
1044
1037
  __export(require('./c_compass__panel_Padding'));
@@ -1059,11 +1052,6 @@ __export(require('./c_compass__hero_BackgroundImage_light'));
1059
1052
  __export(require('./c_compass__hero_BackgroundImage_dark'));
1060
1053
  __export(require('./c_compass__hero_body_Width'));
1061
1054
  __export(require('./c_compass__hero_body_MaxWidth'));
1062
- __export(require('./c_compass__panel_BackgroundColor'));
1063
- __export(require('./c_compass_glass_opacity'));
1064
- __export(require('./c_compass_glass_border'));
1065
- __export(require('./c_compass_glass_blend_mode'));
1066
- __export(require('./c_compass_glass_blend_mode_dark'));
1067
1055
  __export(require('./c_content'));
1068
1056
  __export(require('./c_content_MarginBlockEnd'));
1069
1057
  __export(require('./c_content_LineHeight'));
@@ -1393,6 +1381,9 @@ __export(require('./c_drawer_m_pill__panel_BorderInlineEndWidth'));
1393
1381
  __export(require('./c_drawer_m_pill__panel_BorderColor'));
1394
1382
  __export(require('./c_drawer_m_pill__panel_BorderRadius'));
1395
1383
  __export(require('./c_drawer_m_pill_m_expanded__panel_inset'));
1384
+ __export(require('./c_drawer__panel_m_glass_BackgroundColor'));
1385
+ __export(require('./c_drawer__panel_m_glass_BackdropFilter'));
1386
+ __export(require('./c_drawer__panel_m_glass_BorderColor'));
1396
1387
  __export(require('./c_drawer__head_ColumnGap'));
1397
1388
  __export(require('./c_drawer__head_PaddingBlockStart'));
1398
1389
  __export(require('./c_drawer__head_PaddingBlockEnd'));
@@ -5567,6 +5558,23 @@ __export(require('./t_global_box_shadow_lg_left'));
5567
5558
  __export(require('./t_global_box_shadow_lg_right'));
5568
5559
  __export(require('./t_global_list_style'));
5569
5560
  __export(require('./t_temp_dev_tbd'));
5561
+ __export(require('./t_global_background_color_glass_filter_base'));
5562
+ __export(require('./t_global_background_color_glass_opacity_base'));
5563
+ __export(require('./t_global_background_color_glass_default_base'));
5564
+ __export(require('./t_global_background_color_glass_filter'));
5565
+ __export(require('./t_global_background_color_glass_opacity'));
5566
+ __export(require('./t_global_background_color_glass_default'));
5567
+ __export(require('./t_global_dark_background_color_glass_filter'));
5568
+ __export(require('./t_global_dark_background_color_glass_opacity'));
5569
+ __export(require('./t_global_dark_background_color_glass_default'));
5570
+ __export(require('./t_global_light_glass_background_color_glass_color'));
5571
+ __export(require('./t_global_light_glass_background_color_glass_filter'));
5572
+ __export(require('./t_global_light_glass_background_color_glass_opacity'));
5573
+ __export(require('./t_global_light_glass_background_color_glass_default'));
5574
+ __export(require('./t_global_dark_glass_background_color_glass_color'));
5575
+ __export(require('./t_global_dark_glass_background_color_glass_filter'));
5576
+ __export(require('./t_global_dark_glass_background_color_glass_opacity'));
5577
+ __export(require('./t_global_dark_glass_background_color_glass_default'));
5570
5578
  __export(require('./patternfly_charts'));
5571
5579
  __export(require('./t_chart_global_BorderWidth_lg'));
5572
5580
  __export(require('./t_chart_global_BorderWidth_sm'));
@@ -6268,19 +6268,17 @@ export const patternfly_variables: {
6268
6268
  },
6269
6269
  "t_global_text_decoration_color_default": {
6270
6270
  "name": "--pf-t--global--text-decoration--color--default",
6271
- "value": "undefined",
6271
+ "value": "#c7c7c7",
6272
6272
  "values": [
6273
- "--pf-t--global--text--color--default",
6274
- "undefined"
6273
+ "--pf-t--global--border--color--default",
6274
+ "--pf-t--global--border--color--100",
6275
+ "--pf-t--color--gray--30",
6276
+ "#c7c7c7"
6275
6277
  ]
6276
6278
  },
6277
6279
  "t_global_text_decoration_color_hover": {
6278
6280
  "name": "--pf-t--global--text-decoration--color--hover",
6279
- "value": "undefined",
6280
- "values": [
6281
- "--pf-t--global--text--color--hover",
6282
- "undefined"
6283
- ]
6281
+ "value": "currentcolor"
6284
6282
  },
6285
6283
  "t_global_text_decoration_offset_hover": {
6286
6284
  "name": "--pf-t--global--text-decoration--offset--hover",
@@ -6515,9 +6513,175 @@ export const patternfly_variables: {
6515
6513
  "t_temp_dev_tbd": {
6516
6514
  "name": "--pf-t--temp--dev--tbd",
6517
6515
  "value": "#BC11E0"
6516
+ },
6517
+ "t_global_background_color_glass_filter_base": {
6518
+ "name": "--pf-t--global--background--color--glass--filter--base",
6519
+ "value": "none"
6520
+ },
6521
+ "t_global_background_color_glass_opacity_base": {
6522
+ "name": "--pf-t--global--background--color--glass--opacity--base",
6523
+ "value": "1"
6524
+ },
6525
+ "t_global_background_color_glass_default_base": {
6526
+ "name": "--pf-t--global--background--color--glass--default--base",
6527
+ "value": "#ffffff",
6528
+ "values": [
6529
+ "--pf-t--global--background--color--primary--default",
6530
+ "--pf-t--global--background--color--100",
6531
+ "--pf-t--color--white",
6532
+ "#ffffff"
6533
+ ]
6534
+ },
6535
+ "t_global_background_color_glass_filter": {
6536
+ "name": "--pf-t--global--background--color--glass--filter",
6537
+ "value": "none",
6538
+ "values": [
6539
+ "--pf-t--global--background--color--glass--filter--base",
6540
+ "none"
6541
+ ]
6542
+ },
6543
+ "t_global_background_color_glass_opacity": {
6544
+ "name": "--pf-t--global--background--color--glass--opacity",
6545
+ "value": "1",
6546
+ "values": [
6547
+ "--pf-t--global--background--color--glass--opacity--base",
6548
+ "1"
6549
+ ]
6550
+ },
6551
+ "t_global_background_color_glass_default": {
6552
+ "name": "--pf-t--global--background--color--glass--default",
6553
+ "value": "#ffffff",
6554
+ "values": [
6555
+ "--pf-t--global--background--color--glass--default--base",
6556
+ "--pf-t--global--background--color--primary--default",
6557
+ "--pf-t--global--background--color--100",
6558
+ "--pf-t--color--white",
6559
+ "#ffffff"
6560
+ ]
6561
+ },
6562
+ "t_global_dark_background_color_glass_filter": {
6563
+ "name": "--pf-t--global--dark--background--color--glass--filter",
6564
+ "value": "none",
6565
+ "values": [
6566
+ "--pf-t--global--background--color--glass--filter--base",
6567
+ "none"
6568
+ ]
6569
+ },
6570
+ "t_global_dark_background_color_glass_opacity": {
6571
+ "name": "--pf-t--global--dark--background--color--glass--opacity",
6572
+ "value": "1",
6573
+ "values": [
6574
+ "--pf-t--global--background--color--glass--opacity--base",
6575
+ "1"
6576
+ ]
6577
+ },
6578
+ "t_global_dark_background_color_glass_default": {
6579
+ "name": "--pf-t--global--dark--background--color--glass--default",
6580
+ "value": "#ffffff",
6581
+ "values": [
6582
+ "--pf-t--global--background--color--glass--default--base",
6583
+ "--pf-t--global--background--color--primary--default",
6584
+ "--pf-t--global--background--color--100",
6585
+ "--pf-t--color--white",
6586
+ "#ffffff"
6587
+ ]
6588
+ },
6589
+ "t_global_light_glass_background_color_glass_color": {
6590
+ "name": "--pf-t--global--light--glass--background--color--glass--color",
6591
+ "value": "#ffffff"
6592
+ },
6593
+ "t_global_light_glass_background_color_glass_filter": {
6594
+ "name": "--pf-t--global--light--glass--background--color--glass--filter",
6595
+ "value": "blur(12.5px)"
6596
+ },
6597
+ "t_global_light_glass_background_color_glass_opacity": {
6598
+ "name": "--pf-t--global--light--glass--background--color--glass--opacity",
6599
+ "value": "85%"
6600
+ },
6601
+ "t_global_light_glass_background_color_glass_default": {
6602
+ "name": "--pf-t--global--light--glass--background--color--glass--default",
6603
+ "value": "color-mix(in srgb, #ffffff 85%, transparent )",
6604
+ "values": [
6605
+ "color-mix(in srgb, --pf-t--global--light--glass--background--color--glass--color --pf-t--global--light--glass--background--color--glass--opacity, transparent )",
6606
+ "color-mix(in srgb, #ffffff 85%, transparent )"
6607
+ ]
6608
+ },
6609
+ "t_global_dark_glass_background_color_glass_color": {
6610
+ "name": "--pf-t--global--dark--glass--background--color--glass--color",
6611
+ "value": "#1d1d1d"
6612
+ },
6613
+ "t_global_dark_glass_background_color_glass_filter": {
6614
+ "name": "--pf-t--global--dark--glass--background--color--glass--filter",
6615
+ "value": "blur(12.5px)"
6616
+ },
6617
+ "t_global_dark_glass_background_color_glass_opacity": {
6618
+ "name": "--pf-t--global--dark--glass--background--color--glass--opacity",
6619
+ "value": "85%"
6620
+ },
6621
+ "t_global_dark_glass_background_color_glass_default": {
6622
+ "name": "--pf-t--global--dark--glass--background--color--glass--default",
6623
+ "value": "color-mix(in srgb, #1d1d1d 85%, transparent )",
6624
+ "values": [
6625
+ "color-mix(in srgb, --pf-t--global--dark--glass--background--color--glass--color --pf-t--global--dark--glass--background--color--glass--opacity, transparent )",
6626
+ "color-mix(in srgb, #1d1d1d 85%, transparent )"
6627
+ ]
6628
+ }
6629
+ },
6630
+ ":root:where(.pf-v6-theme-glass)": {
6631
+ "t_global_background_color_glass_filter": {
6632
+ "name": "--pf-t--global--background--color--glass--filter",
6633
+ "value": "blur(12.5px)",
6634
+ "values": [
6635
+ "--pf-t--global--light--glass--background--color--glass--filter",
6636
+ "blur(12.5px)"
6637
+ ]
6638
+ },
6639
+ "t_global_background_color_glass_opacity": {
6640
+ "name": "--pf-t--global--background--color--glass--opacity",
6641
+ "value": "85%",
6642
+ "values": [
6643
+ "--pf-t--global--light--glass--background--color--glass--opacity",
6644
+ "85%"
6645
+ ]
6646
+ },
6647
+ "t_global_background_color_glass_default": {
6648
+ "name": "--pf-t--global--background--color--glass--default",
6649
+ "value": "color-mix(in srgb, #ffffff 85%, transparent )",
6650
+ "values": [
6651
+ "--pf-t--global--light--glass--background--color--glass--default",
6652
+ "color-mix(in srgb, --pf-t--global--light--glass--background--color--glass--color --pf-t--global--light--glass--background--color--glass--opacity, transparent )",
6653
+ "color-mix(in srgb, #ffffff 85%, transparent )"
6654
+ ]
6518
6655
  }
6519
6656
  },
6520
6657
  ":root:where(.pf-v6-theme-high-contrast)": {
6658
+ "t_global_background_color_glass_filter": {
6659
+ "name": "--pf-t--global--background--color--glass--filter",
6660
+ "value": "none",
6661
+ "values": [
6662
+ "--pf-t--global--background--color--glass--filter--base",
6663
+ "none"
6664
+ ]
6665
+ },
6666
+ "t_global_background_color_glass_opacity": {
6667
+ "name": "--pf-t--global--background--color--glass--opacity",
6668
+ "value": "1",
6669
+ "values": [
6670
+ "--pf-t--global--background--color--glass--opacity--base",
6671
+ "1"
6672
+ ]
6673
+ },
6674
+ "t_global_background_color_glass_default": {
6675
+ "name": "--pf-t--global--background--color--glass--default",
6676
+ "value": "#ffffff",
6677
+ "values": [
6678
+ "--pf-t--global--background--color--glass--default--base",
6679
+ "--pf-t--global--background--color--primary--default",
6680
+ "--pf-t--global--background--color--100",
6681
+ "--pf-t--color--white",
6682
+ "#ffffff"
6683
+ ]
6684
+ },
6521
6685
  "t_global_background_color_500": {
6522
6686
  "name": "--pf-t--global--background--color--500",
6523
6687
  "value": "rgba(21, 21, 21, 0.2000)"