@patternfly/react-tokens 6.5.0-prerelease.15 → 6.5.0-prerelease.17

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 (130) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/c_accordion.d.ts +1 -1
  3. package/dist/esm/c_accordion.js +1 -1
  4. package/dist/esm/c_breadcrumb.d.ts +44 -8
  5. package/dist/esm/c_breadcrumb.js +44 -8
  6. package/dist/esm/c_breadcrumb__heading_FontSize.d.ts +1 -1
  7. package/dist/esm/c_breadcrumb__heading_FontSize.js +1 -1
  8. package/dist/esm/c_breadcrumb__link_TextDecorationColor.d.ts +6 -0
  9. package/dist/esm/c_breadcrumb__link_TextDecorationColor.js +6 -0
  10. package/dist/esm/c_breadcrumb__link_hover_TextDecorationColor.d.ts +6 -0
  11. package/dist/esm/c_breadcrumb__link_hover_TextDecorationColor.js +6 -0
  12. package/dist/esm/c_card.d.ts +61 -53
  13. package/dist/esm/c_card.js +61 -53
  14. package/dist/esm/c_data_list.d.ts +1 -1
  15. package/dist/esm/c_data_list.js +1 -1
  16. package/dist/esm/c_drawer.d.ts +2 -2
  17. package/dist/esm/c_drawer.js +2 -2
  18. package/dist/esm/c_menu_toggle.d.ts +2 -2
  19. package/dist/esm/c_menu_toggle.js +2 -2
  20. package/dist/esm/c_overflow_menu.d.ts +36 -0
  21. package/dist/esm/c_overflow_menu.js +36 -0
  22. package/dist/esm/c_overflow_menu_RowGap.d.ts +6 -0
  23. package/dist/esm/c_overflow_menu_RowGap.js +6 -0
  24. package/dist/esm/c_overflow_menu__group_RowGap.d.ts +6 -0
  25. package/dist/esm/c_overflow_menu__group_RowGap.js +6 -0
  26. package/dist/esm/c_overflow_menu__group_m_button_group_RowGap.d.ts +6 -0
  27. package/dist/esm/c_overflow_menu__group_m_button_group_RowGap.js +6 -0
  28. package/dist/esm/c_overflow_menu__group_m_icon_button_group_RowGap.d.ts +6 -0
  29. package/dist/esm/c_overflow_menu__group_m_icon_button_group_RowGap.js +6 -0
  30. package/dist/esm/c_page.d.ts +3 -3
  31. package/dist/esm/c_page.js +3 -3
  32. package/dist/esm/c_table.d.ts +141 -1
  33. package/dist/esm/c_table.js +141 -1
  34. package/dist/esm/c_table__thead_m_nested_column_header_BorderBlockEndColor.d.ts +6 -0
  35. package/dist/esm/c_table__thead_m_nested_column_header_BorderBlockEndColor.js +6 -0
  36. package/dist/esm/c_table__thead_m_nested_column_header_BorderBlockEndWidth.d.ts +6 -0
  37. package/dist/esm/c_table__thead_m_nested_column_header_BorderBlockEndWidth.js +6 -0
  38. package/dist/esm/c_table__thead_m_nested_column_header_after_ZIndex.d.ts +6 -0
  39. package/dist/esm/c_table__thead_m_nested_column_header_after_ZIndex.js +6 -0
  40. package/dist/esm/c_table_m_sticky_header_BackgroundColor.d.ts +6 -0
  41. package/dist/esm/c_table_m_sticky_header_BackgroundColor.js +6 -0
  42. package/dist/esm/c_table_m_sticky_header_BorderBlockEndColor.d.ts +6 -0
  43. package/dist/esm/c_table_m_sticky_header_BorderBlockEndColor.js +6 -0
  44. package/dist/esm/c_table_m_sticky_header_BorderBlockEndWidth.d.ts +6 -0
  45. package/dist/esm/c_table_m_sticky_header_BorderBlockEndWidth.js +6 -0
  46. package/dist/esm/c_table_m_sticky_header_BorderRadius.d.ts +6 -0
  47. package/dist/esm/c_table_m_sticky_header_BorderRadius.js +6 -0
  48. package/dist/esm/c_table_m_sticky_header_BorderRadius_glass.d.ts +6 -0
  49. package/dist/esm/c_table_m_sticky_header_BorderRadius_glass.js +6 -0
  50. package/dist/esm/c_table_m_sticky_header_BoxShadow.d.ts +6 -0
  51. package/dist/esm/c_table_m_sticky_header_BoxShadow.js +6 -0
  52. package/dist/esm/c_table_m_sticky_header_BoxShadow_glass.d.ts +6 -0
  53. package/dist/esm/c_table_m_sticky_header_BoxShadow_glass.js +6 -0
  54. package/dist/esm/c_table_m_sticky_header_TransitionDuration_BackgroundColor.d.ts +6 -0
  55. package/dist/esm/c_table_m_sticky_header_TransitionDuration_BackgroundColor.js +6 -0
  56. package/dist/esm/c_table_m_sticky_header_TransitionTimingFunction_BackgroundColor.d.ts +6 -0
  57. package/dist/esm/c_table_m_sticky_header_TransitionTimingFunction_BackgroundColor.js +6 -0
  58. package/dist/esm/c_wizard.d.ts +1 -1
  59. package/dist/esm/c_wizard.js +1 -1
  60. package/dist/esm/index.d.ts +18 -2
  61. package/dist/esm/index.js +18 -2
  62. package/dist/js/c_accordion.d.ts +1 -1
  63. package/dist/js/c_accordion.js +1 -1
  64. package/dist/js/c_breadcrumb.d.ts +44 -8
  65. package/dist/js/c_breadcrumb.js +44 -8
  66. package/dist/js/c_breadcrumb__heading_FontSize.d.ts +1 -1
  67. package/dist/js/c_breadcrumb__heading_FontSize.js +1 -1
  68. package/dist/js/c_breadcrumb__link_TextDecorationColor.d.ts +6 -0
  69. package/dist/js/c_breadcrumb__link_TextDecorationColor.js +8 -0
  70. package/dist/js/c_breadcrumb__link_hover_TextDecorationColor.d.ts +6 -0
  71. package/dist/js/c_breadcrumb__link_hover_TextDecorationColor.js +8 -0
  72. package/dist/js/c_card.d.ts +61 -53
  73. package/dist/js/c_card.js +61 -53
  74. package/dist/js/c_data_list.d.ts +1 -1
  75. package/dist/js/c_data_list.js +1 -1
  76. package/dist/js/c_drawer.d.ts +2 -2
  77. package/dist/js/c_drawer.js +2 -2
  78. package/dist/js/c_menu_toggle.d.ts +2 -2
  79. package/dist/js/c_menu_toggle.js +2 -2
  80. package/dist/js/c_overflow_menu.d.ts +36 -0
  81. package/dist/js/c_overflow_menu.js +36 -0
  82. package/dist/js/c_overflow_menu_RowGap.d.ts +6 -0
  83. package/dist/js/c_overflow_menu_RowGap.js +8 -0
  84. package/dist/js/c_overflow_menu__group_RowGap.d.ts +6 -0
  85. package/dist/js/c_overflow_menu__group_RowGap.js +8 -0
  86. package/dist/js/c_overflow_menu__group_m_button_group_RowGap.d.ts +6 -0
  87. package/dist/js/c_overflow_menu__group_m_button_group_RowGap.js +8 -0
  88. package/dist/js/c_overflow_menu__group_m_icon_button_group_RowGap.d.ts +6 -0
  89. package/dist/js/c_overflow_menu__group_m_icon_button_group_RowGap.js +8 -0
  90. package/dist/js/c_page.d.ts +3 -3
  91. package/dist/js/c_page.js +3 -3
  92. package/dist/js/c_table.d.ts +141 -1
  93. package/dist/js/c_table.js +141 -1
  94. package/dist/js/c_table__thead_m_nested_column_header_BorderBlockEndColor.d.ts +6 -0
  95. package/dist/js/c_table__thead_m_nested_column_header_BorderBlockEndColor.js +8 -0
  96. package/dist/js/c_table__thead_m_nested_column_header_BorderBlockEndWidth.d.ts +6 -0
  97. package/dist/js/c_table__thead_m_nested_column_header_BorderBlockEndWidth.js +8 -0
  98. package/dist/js/c_table__thead_m_nested_column_header_after_ZIndex.d.ts +6 -0
  99. package/dist/js/c_table__thead_m_nested_column_header_after_ZIndex.js +8 -0
  100. package/dist/js/c_table_m_sticky_header_BackgroundColor.d.ts +6 -0
  101. package/dist/js/c_table_m_sticky_header_BackgroundColor.js +8 -0
  102. package/dist/js/c_table_m_sticky_header_BorderBlockEndColor.d.ts +6 -0
  103. package/dist/js/c_table_m_sticky_header_BorderBlockEndColor.js +8 -0
  104. package/dist/js/c_table_m_sticky_header_BorderBlockEndWidth.d.ts +6 -0
  105. package/dist/js/c_table_m_sticky_header_BorderBlockEndWidth.js +8 -0
  106. package/dist/js/c_table_m_sticky_header_BorderRadius.d.ts +6 -0
  107. package/dist/js/c_table_m_sticky_header_BorderRadius.js +8 -0
  108. package/dist/js/c_table_m_sticky_header_BorderRadius_glass.d.ts +6 -0
  109. package/dist/js/c_table_m_sticky_header_BorderRadius_glass.js +8 -0
  110. package/dist/js/c_table_m_sticky_header_BoxShadow.d.ts +6 -0
  111. package/dist/js/c_table_m_sticky_header_BoxShadow.js +8 -0
  112. package/dist/js/c_table_m_sticky_header_BoxShadow_glass.d.ts +6 -0
  113. package/dist/js/c_table_m_sticky_header_BoxShadow_glass.js +8 -0
  114. package/dist/js/c_table_m_sticky_header_TransitionDuration_BackgroundColor.d.ts +6 -0
  115. package/dist/js/c_table_m_sticky_header_TransitionDuration_BackgroundColor.js +8 -0
  116. package/dist/js/c_table_m_sticky_header_TransitionTimingFunction_BackgroundColor.d.ts +6 -0
  117. package/dist/js/c_table_m_sticky_header_TransitionTimingFunction_BackgroundColor.js +8 -0
  118. package/dist/js/c_wizard.d.ts +1 -1
  119. package/dist/js/c_wizard.js +1 -1
  120. package/dist/js/index.d.ts +18 -2
  121. package/dist/js/index.js +18 -2
  122. package/package.json +3 -3
  123. package/dist/esm/c_card_BoxShadow.d.ts +0 -6
  124. package/dist/esm/c_card_BoxShadow.js +0 -6
  125. package/dist/esm/c_card_m_plain_BoxShadow.d.ts +0 -6
  126. package/dist/esm/c_card_m_plain_BoxShadow.js +0 -6
  127. package/dist/js/c_card_BoxShadow.d.ts +0 -6
  128. package/dist/js/c_card_BoxShadow.js +0 -8
  129. package/dist/js/c_card_m_plain_BoxShadow.d.ts +0 -6
  130. package/dist/js/c_card_m_plain_BoxShadow.js +0 -8
@@ -42,16 +42,6 @@ export const c_card: {
42
42
  "16px"
43
43
  ]
44
44
  },
45
- "c_card_BoxShadow": {
46
- "name": "--pf-v6-c-card--BoxShadow",
47
- "value": "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)",
48
- "values": [
49
- "--pf-t--global--box-shadow--sm",
50
- "--pf-t--global--box-shadow--X--sm--default\n --pf-t--global--box-shadow--Y--sm--default\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--default\n --pf-t--global--box-shadow--color--sm--default",
51
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--500\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
52
- "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)"
53
- ]
54
- },
55
45
  "c_card_first_child_PaddingBlockStart": {
56
46
  "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
57
47
  "value": "1.5rem",
@@ -684,10 +674,6 @@ export const c_card: {
684
674
  "name": "--pf-v6-c-card--m-plain--BackgroundColor",
685
675
  "value": "transparent"
686
676
  },
687
- "c_card_m_plain_BoxShadow": {
688
- "name": "--pf-v6-c-card--m-plain--BoxShadow",
689
- "value": "none"
690
- },
691
677
  "c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
692
678
  "name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
693
679
  "value": "calc(0.5rem * -1)",
@@ -773,6 +759,35 @@ export const c_card: {
773
759
  ]
774
760
  }
775
761
  },
762
+ ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
763
+ "c_card_BackgroundColor": {
764
+ "name": "--pf-v6-c-card--BackgroundColor",
765
+ "value": "initial",
766
+ "values": [
767
+ "--pf-v6-c-card--m-glass--BackgroundColor",
768
+ "--pf-t--global--background--color--glass--primary--default",
769
+ "initial"
770
+ ]
771
+ },
772
+ "c_card_BorderColor": {
773
+ "name": "--pf-v6-c-card--BorderColor",
774
+ "value": "initial",
775
+ "values": [
776
+ "--pf-v6-c-card--m-glass--BorderColor",
777
+ "--pf-t--global--border--color--glass--default",
778
+ "initial"
779
+ ]
780
+ },
781
+ "c_card_BorderWidth": {
782
+ "name": "--pf-v6-c-card--BorderWidth",
783
+ "value": "initial",
784
+ "values": [
785
+ "--pf-v6-c-card--m-glass--BorderWidth",
786
+ "--pf-t--global--border--width--glass--default",
787
+ "initial"
788
+ ]
789
+ }
790
+ },
776
791
  ".pf-v6-c-card.pf-m-selectable": {
777
792
  "c_card_BorderColor": {
778
793
  "name": "--pf-v6-c-card--BorderColor",
@@ -1168,58 +1183,51 @@ export const c_card: {
1168
1183
  "--pf-v6-c-card--m-plain--BackgroundColor",
1169
1184
  "transparent"
1170
1185
  ]
1171
- },
1172
- "c_card_BoxShadow": {
1173
- "name": "--pf-v6-c-card--BoxShadow",
1174
- "value": "none",
1175
- "values": [
1176
- "--pf-v6-c-card--m-plain--BoxShadow",
1177
- "none"
1178
- ]
1179
1186
  }
1180
1187
  },
1181
- ".pf-v6-c-card.pf-m-glass": {
1182
- "c_card_BackgroundColor": {
1183
- "name": "--pf-v6-c-card--BackgroundColor",
1184
- "value": "initial",
1185
- "values": [
1186
- "--pf-v6-c-card--m-glass--BackgroundColor",
1187
- "--pf-t--global--background--color--glass--primary--default",
1188
- "initial"
1189
- ]
1190
- },
1188
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
1191
1189
  "c_card_BorderColor": {
1192
1190
  "name": "--pf-v6-c-card--BorderColor",
1193
- "value": "initial",
1191
+ "value": "#8c8c8c",
1194
1192
  "values": [
1195
- "--pf-v6-c-card--m-glass--BorderColor",
1196
- "--pf-t--global--border--color--glass--default",
1197
- "initial"
1193
+ "--pf-v6-c-card--m-selectable--BorderColor",
1194
+ "--pf-t--global--border--color--control--default",
1195
+ "--pf-t--global--border--color--300",
1196
+ "--pf-t--color--gray--45",
1197
+ "#8c8c8c"
1198
1198
  ]
1199
1199
  },
1200
1200
  "c_card_BorderWidth": {
1201
1201
  "name": "--pf-v6-c-card--BorderWidth",
1202
- "value": "initial",
1202
+ "value": "1px",
1203
1203
  "values": [
1204
- "--pf-v6-c-card--m-glass--BorderWidth",
1205
- "--pf-t--global--border--width--glass--default",
1206
- "initial"
1204
+ "--pf-v6-c-card--m-selectable--BorderWidth",
1205
+ "--pf-t--global--border--width--box--default",
1206
+ "--pf-t--global--border--width--100",
1207
+ "1px"
1208
+ ]
1209
+ }
1210
+ },
1211
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
1212
+ "c_card_BorderColor": {
1213
+ "name": "--pf-v6-c-card--BorderColor",
1214
+ "value": "#0066cc",
1215
+ "values": [
1216
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
1217
+ "--pf-t--global--border--color--clicked",
1218
+ "--pf-t--global--color--brand--200",
1219
+ "--pf-t--color--blue--50",
1220
+ "#0066cc"
1207
1221
  ]
1208
1222
  },
1209
- "c_card_BorderStyle": {
1210
- "name": "--pf-v6-c-card--BorderStyle",
1211
- "value": "solid"
1212
- },
1213
- "c_card_BoxShadow": {
1214
- "name": "--pf-v6-c-card--BoxShadow",
1215
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
1223
+ "c_card_BorderWidth": {
1224
+ "name": "--pf-v6-c-card--BorderWidth",
1225
+ "value": "3px",
1216
1226
  "values": [
1217
- "--pf-v6-c-card--m-glass--BoxShadow",
1218
- "--pf-t--global--box-shadow--glass--default",
1219
- "--pf-t--global--box-shadow--md",
1220
- "--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",
1221
- "--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",
1222
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
1227
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
1228
+ "--pf-t--global--border--width--box--clicked",
1229
+ "--pf-t--global--border--width--300",
1230
+ "3px"
1223
1231
  ]
1224
1232
  }
1225
1233
  },
package/dist/js/c_card.js CHANGED
@@ -44,16 +44,6 @@ exports.c_card = {
44
44
  "16px"
45
45
  ]
46
46
  },
47
- "c_card_BoxShadow": {
48
- "name": "--pf-v6-c-card--BoxShadow",
49
- "value": "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)",
50
- "values": [
51
- "--pf-t--global--box-shadow--sm",
52
- "--pf-t--global--box-shadow--X--sm--default\n --pf-t--global--box-shadow--Y--sm--default\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--default\n --pf-t--global--box-shadow--color--sm--default",
53
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--500\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
54
- "0px\n 1px\n 6px\n 0px\n rgba(41, 41, 41, 0.1500)"
55
- ]
56
- },
57
47
  "c_card_first_child_PaddingBlockStart": {
58
48
  "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
59
49
  "value": "1.5rem",
@@ -686,10 +676,6 @@ exports.c_card = {
686
676
  "name": "--pf-v6-c-card--m-plain--BackgroundColor",
687
677
  "value": "transparent"
688
678
  },
689
- "c_card_m_plain_BoxShadow": {
690
- "name": "--pf-v6-c-card--m-plain--BoxShadow",
691
- "value": "none"
692
- },
693
679
  "c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
694
680
  "name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
695
681
  "value": "calc(0.5rem * -1)",
@@ -775,6 +761,35 @@ exports.c_card = {
775
761
  ]
776
762
  }
777
763
  },
764
+ ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
765
+ "c_card_BackgroundColor": {
766
+ "name": "--pf-v6-c-card--BackgroundColor",
767
+ "value": "initial",
768
+ "values": [
769
+ "--pf-v6-c-card--m-glass--BackgroundColor",
770
+ "--pf-t--global--background--color--glass--primary--default",
771
+ "initial"
772
+ ]
773
+ },
774
+ "c_card_BorderColor": {
775
+ "name": "--pf-v6-c-card--BorderColor",
776
+ "value": "initial",
777
+ "values": [
778
+ "--pf-v6-c-card--m-glass--BorderColor",
779
+ "--pf-t--global--border--color--glass--default",
780
+ "initial"
781
+ ]
782
+ },
783
+ "c_card_BorderWidth": {
784
+ "name": "--pf-v6-c-card--BorderWidth",
785
+ "value": "initial",
786
+ "values": [
787
+ "--pf-v6-c-card--m-glass--BorderWidth",
788
+ "--pf-t--global--border--width--glass--default",
789
+ "initial"
790
+ ]
791
+ }
792
+ },
778
793
  ".pf-v6-c-card.pf-m-selectable": {
779
794
  "c_card_BorderColor": {
780
795
  "name": "--pf-v6-c-card--BorderColor",
@@ -1170,58 +1185,51 @@ exports.c_card = {
1170
1185
  "--pf-v6-c-card--m-plain--BackgroundColor",
1171
1186
  "transparent"
1172
1187
  ]
1173
- },
1174
- "c_card_BoxShadow": {
1175
- "name": "--pf-v6-c-card--BoxShadow",
1176
- "value": "none",
1177
- "values": [
1178
- "--pf-v6-c-card--m-plain--BoxShadow",
1179
- "none"
1180
- ]
1181
1188
  }
1182
1189
  },
1183
- ".pf-v6-c-card.pf-m-glass": {
1184
- "c_card_BackgroundColor": {
1185
- "name": "--pf-v6-c-card--BackgroundColor",
1186
- "value": "initial",
1187
- "values": [
1188
- "--pf-v6-c-card--m-glass--BackgroundColor",
1189
- "--pf-t--global--background--color--glass--primary--default",
1190
- "initial"
1191
- ]
1192
- },
1190
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
1193
1191
  "c_card_BorderColor": {
1194
1192
  "name": "--pf-v6-c-card--BorderColor",
1195
- "value": "initial",
1193
+ "value": "#8c8c8c",
1196
1194
  "values": [
1197
- "--pf-v6-c-card--m-glass--BorderColor",
1198
- "--pf-t--global--border--color--glass--default",
1199
- "initial"
1195
+ "--pf-v6-c-card--m-selectable--BorderColor",
1196
+ "--pf-t--global--border--color--control--default",
1197
+ "--pf-t--global--border--color--300",
1198
+ "--pf-t--color--gray--45",
1199
+ "#8c8c8c"
1200
1200
  ]
1201
1201
  },
1202
1202
  "c_card_BorderWidth": {
1203
1203
  "name": "--pf-v6-c-card--BorderWidth",
1204
- "value": "initial",
1204
+ "value": "1px",
1205
1205
  "values": [
1206
- "--pf-v6-c-card--m-glass--BorderWidth",
1207
- "--pf-t--global--border--width--glass--default",
1208
- "initial"
1206
+ "--pf-v6-c-card--m-selectable--BorderWidth",
1207
+ "--pf-t--global--border--width--box--default",
1208
+ "--pf-t--global--border--width--100",
1209
+ "1px"
1210
+ ]
1211
+ }
1212
+ },
1213
+ ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
1214
+ "c_card_BorderColor": {
1215
+ "name": "--pf-v6-c-card--BorderColor",
1216
+ "value": "#0066cc",
1217
+ "values": [
1218
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
1219
+ "--pf-t--global--border--color--clicked",
1220
+ "--pf-t--global--color--brand--200",
1221
+ "--pf-t--color--blue--50",
1222
+ "#0066cc"
1209
1223
  ]
1210
1224
  },
1211
- "c_card_BorderStyle": {
1212
- "name": "--pf-v6-c-card--BorderStyle",
1213
- "value": "solid"
1214
- },
1215
- "c_card_BoxShadow": {
1216
- "name": "--pf-v6-c-card--BoxShadow",
1217
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
1225
+ "c_card_BorderWidth": {
1226
+ "name": "--pf-v6-c-card--BorderWidth",
1227
+ "value": "3px",
1218
1228
  "values": [
1219
- "--pf-v6-c-card--m-glass--BoxShadow",
1220
- "--pf-t--global--box-shadow--glass--default",
1221
- "--pf-t--global--box-shadow--md",
1222
- "--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",
1223
- "--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",
1224
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
1229
+ "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
1230
+ "--pf-t--global--border--width--box--clicked",
1231
+ "--pf-t--global--border--width--300",
1232
+ "3px"
1225
1233
  ]
1226
1234
  }
1227
1235
  },
@@ -1112,7 +1112,7 @@ export const c_data_list: {
1112
1112
  ]
1113
1113
  }
1114
1114
  },
1115
- ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass)": {
1115
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain": {
1116
1116
  "c_data_list__item_BackgroundColor": {
1117
1117
  "name": "--pf-v6-c-data-list__item--BackgroundColor",
1118
1118
  "value": "transparent",
@@ -1114,7 +1114,7 @@ exports.c_data_list = {
1114
1114
  ]
1115
1115
  }
1116
1116
  },
1117
- ":where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass)": {
1117
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain": {
1118
1118
  "c_data_list__item_BackgroundColor": {
1119
1119
  "name": "--pf-v6-c-data-list__item--BackgroundColor",
1120
1120
  "value": "transparent",
@@ -1243,7 +1243,7 @@ export const c_drawer: {
1243
1243
  "value": "0px"
1244
1244
  }
1245
1245
  },
1246
- ".pf-v6-c-drawer.pf-m-inline.pf-m-glass": {
1246
+ ".pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass": {
1247
1247
  "c_drawer__panel_BackgroundColor": {
1248
1248
  "name": "--pf-v6-c-drawer__panel--BackgroundColor",
1249
1249
  "value": "initial",
@@ -1302,7 +1302,7 @@ export const c_drawer: {
1302
1302
  ]
1303
1303
  }
1304
1304
  },
1305
- ".pf-v6-c-drawer__section.pf-m-no-background": {
1305
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": {
1306
1306
  "c_drawer__section_BackgroundColor": {
1307
1307
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
1308
1308
  "value": "transparent"
@@ -1245,7 +1245,7 @@ exports.c_drawer = {
1245
1245
  "value": "0px"
1246
1246
  }
1247
1247
  },
1248
- ".pf-v6-c-drawer.pf-m-inline.pf-m-glass": {
1248
+ ".pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass": {
1249
1249
  "c_drawer__panel_BackgroundColor": {
1250
1250
  "name": "--pf-v6-c-drawer__panel--BackgroundColor",
1251
1251
  "value": "initial",
@@ -1304,7 +1304,7 @@ exports.c_drawer = {
1304
1304
  ]
1305
1305
  }
1306
1306
  },
1307
- ".pf-v6-c-drawer__section.pf-m-no-background": {
1307
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer__section.pf-m-plain": {
1308
1308
  "c_drawer__section_BackgroundColor": {
1309
1309
  "name": "--pf-v6-c-drawer__section--BackgroundColor",
1310
1310
  "value": "transparent"
@@ -1071,7 +1071,7 @@ export const c_menu_toggle: {
1071
1071
  "name": "--pf-v6-c-menu-toggle--m-plain--BorderRadius",
1072
1072
  "value": "6px",
1073
1073
  "values": [
1074
- "--pf-t--global--border--radius--control--default",
1074
+ "--pf-t--global--border--radius--action--plain--default",
1075
1075
  "--pf-t--global--border--radius--small",
1076
1076
  "--pf-t--global--border--radius--200",
1077
1077
  "6px"
@@ -1863,7 +1863,7 @@ export const c_menu_toggle: {
1863
1863
  "value": "6px",
1864
1864
  "values": [
1865
1865
  "--pf-v6-c-menu-toggle--m-plain--BorderRadius",
1866
- "--pf-t--global--border--radius--control--default",
1866
+ "--pf-t--global--border--radius--action--plain--default",
1867
1867
  "--pf-t--global--border--radius--small",
1868
1868
  "--pf-t--global--border--radius--200",
1869
1869
  "6px"
@@ -1073,7 +1073,7 @@ exports.c_menu_toggle = {
1073
1073
  "name": "--pf-v6-c-menu-toggle--m-plain--BorderRadius",
1074
1074
  "value": "6px",
1075
1075
  "values": [
1076
- "--pf-t--global--border--radius--control--default",
1076
+ "--pf-t--global--border--radius--action--plain--default",
1077
1077
  "--pf-t--global--border--radius--small",
1078
1078
  "--pf-t--global--border--radius--200",
1079
1079
  "6px"
@@ -1865,7 +1865,7 @@ exports.c_menu_toggle = {
1865
1865
  "value": "6px",
1866
1866
  "values": [
1867
1867
  "--pf-v6-c-menu-toggle--m-plain--BorderRadius",
1868
- "--pf-t--global--border--radius--control--default",
1868
+ "--pf-t--global--border--radius--action--plain--default",
1869
1869
  "--pf-t--global--border--radius--small",
1870
1870
  "--pf-t--global--border--radius--200",
1871
1871
  "6px"
@@ -9,6 +9,15 @@ export const c_overflow_menu: {
9
9
  "1rem"
10
10
  ]
11
11
  },
12
+ "c_overflow_menu_RowGap": {
13
+ "name": "--pf-v6-c-overflow-menu--RowGap",
14
+ "value": "1rem",
15
+ "values": [
16
+ "--pf-t--global--spacer--md",
17
+ "--pf-t--global--spacer--300",
18
+ "1rem"
19
+ ]
20
+ },
12
21
  "c_overflow_menu__group_ColumnGap": {
13
22
  "name": "--pf-v6-c-overflow-menu__group--ColumnGap",
14
23
  "value": "1rem",
@@ -18,6 +27,15 @@ export const c_overflow_menu: {
18
27
  "1rem"
19
28
  ]
20
29
  },
30
+ "c_overflow_menu__group_RowGap": {
31
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
32
+ "value": "1rem",
33
+ "values": [
34
+ "--pf-t--global--spacer--md",
35
+ "--pf-t--global--spacer--300",
36
+ "1rem"
37
+ ]
38
+ },
21
39
  "c_overflow_menu__group_m_button_group_ColumnGap": {
22
40
  "name": "--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap",
23
41
  "value": "0.5rem",
@@ -27,6 +45,15 @@ export const c_overflow_menu: {
27
45
  "0.5rem"
28
46
  ]
29
47
  },
48
+ "c_overflow_menu__group_m_button_group_RowGap": {
49
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
50
+ "value": "0.5rem",
51
+ "values": [
52
+ "--pf-t--global--spacer--sm",
53
+ "--pf-t--global--spacer--200",
54
+ "0.5rem"
55
+ ]
56
+ },
30
57
  "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
31
58
  "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap",
32
59
  "value": "0.25rem",
@@ -35,6 +62,15 @@ export const c_overflow_menu: {
35
62
  "--pf-t--global--spacer--100",
36
63
  "0.25rem"
37
64
  ]
65
+ },
66
+ "c_overflow_menu__group_m_icon_button_group_RowGap": {
67
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
68
+ "value": "0.25rem",
69
+ "values": [
70
+ "--pf-t--global--spacer--xs",
71
+ "--pf-t--global--spacer--100",
72
+ "0.25rem"
73
+ ]
38
74
  }
39
75
  }
40
76
  };
@@ -11,6 +11,15 @@ exports.c_overflow_menu = {
11
11
  "1rem"
12
12
  ]
13
13
  },
14
+ "c_overflow_menu_RowGap": {
15
+ "name": "--pf-v6-c-overflow-menu--RowGap",
16
+ "value": "1rem",
17
+ "values": [
18
+ "--pf-t--global--spacer--md",
19
+ "--pf-t--global--spacer--300",
20
+ "1rem"
21
+ ]
22
+ },
14
23
  "c_overflow_menu__group_ColumnGap": {
15
24
  "name": "--pf-v6-c-overflow-menu__group--ColumnGap",
16
25
  "value": "1rem",
@@ -20,6 +29,15 @@ exports.c_overflow_menu = {
20
29
  "1rem"
21
30
  ]
22
31
  },
32
+ "c_overflow_menu__group_RowGap": {
33
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
34
+ "value": "1rem",
35
+ "values": [
36
+ "--pf-t--global--spacer--md",
37
+ "--pf-t--global--spacer--300",
38
+ "1rem"
39
+ ]
40
+ },
23
41
  "c_overflow_menu__group_m_button_group_ColumnGap": {
24
42
  "name": "--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap",
25
43
  "value": "0.5rem",
@@ -29,6 +47,15 @@ exports.c_overflow_menu = {
29
47
  "0.5rem"
30
48
  ]
31
49
  },
50
+ "c_overflow_menu__group_m_button_group_RowGap": {
51
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
52
+ "value": "0.5rem",
53
+ "values": [
54
+ "--pf-t--global--spacer--sm",
55
+ "--pf-t--global--spacer--200",
56
+ "0.5rem"
57
+ ]
58
+ },
32
59
  "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
33
60
  "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap",
34
61
  "value": "0.25rem",
@@ -37,6 +64,15 @@ exports.c_overflow_menu = {
37
64
  "--pf-t--global--spacer--100",
38
65
  "0.25rem"
39
66
  ]
67
+ },
68
+ "c_overflow_menu__group_m_icon_button_group_RowGap": {
69
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
70
+ "value": "0.25rem",
71
+ "values": [
72
+ "--pf-t--global--spacer--xs",
73
+ "--pf-t--global--spacer--100",
74
+ "0.25rem"
75
+ ]
40
76
  }
41
77
  }
42
78
  };
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu--RowGap)"
5
+ };
6
+ export default c_overflow_menu_RowGap;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu--RowGap",
5
+ "value": "1rem",
6
+ "var": "var(--pf-v6-c-overflow-menu--RowGap)"
7
+ };
8
+ exports["default"] = exports.c_overflow_menu_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_RowGap;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--RowGap",
5
+ "value": "1rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--RowGap)"
7
+ };
8
+ exports["default"] = exports.c_overflow_menu__group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_button_group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
3
+ "value": "0.5rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_button_group_RowGap;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_m_button_group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--m-button-group--RowGap",
5
+ "value": "0.5rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap)"
7
+ };
8
+ exports["default"] = exports.c_overflow_menu__group_m_button_group_RowGap;
@@ -0,0 +1,6 @@
1
+ export const c_overflow_menu__group_m_icon_button_group_RowGap: {
2
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
3
+ "value": "0.25rem",
4
+ "var": "var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap)"
5
+ };
6
+ export default c_overflow_menu__group_m_icon_button_group_RowGap;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_overflow_menu__group_m_icon_button_group_RowGap = {
4
+ "name": "--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap",
5
+ "value": "0.25rem",
6
+ "var": "var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap)"
7
+ };
8
+ exports["default"] = exports.c_overflow_menu__group_m_icon_button_group_RowGap;
@@ -1535,7 +1535,7 @@ export const c_page: {
1535
1535
  ]
1536
1536
  }
1537
1537
  },
1538
- ".pf-v6-c-page.pf-m-dock": {
1538
+ ".pf-v6-c-page.pf-m-docked": {
1539
1539
  "c_page_masthead_main_container_GridArea": {
1540
1540
  "name": "--pf-v6-c-page--masthead--main-container--GridArea",
1541
1541
  "value": "main"
@@ -1651,7 +1651,7 @@ export const c_page: {
1651
1651
  "value": "1"
1652
1652
  }
1653
1653
  },
1654
- ".pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead": {
1654
+ ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1655
1655
  "c_masthead_m_display_inline_GridTemplateColumns": {
1656
1656
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
1657
1657
  "value": "min-content 1fr",
@@ -1747,7 +1747,7 @@ export const c_page: {
1747
1747
  "value": "0"
1748
1748
  }
1749
1749
  },
1750
- ":where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass)": {
1750
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1751
1751
  "c_page__main_section_BackgroundColor": {
1752
1752
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
1753
1753
  "value": "transparent"
package/dist/js/c_page.js CHANGED
@@ -1537,7 +1537,7 @@ exports.c_page = {
1537
1537
  ]
1538
1538
  }
1539
1539
  },
1540
- ".pf-v6-c-page.pf-m-dock": {
1540
+ ".pf-v6-c-page.pf-m-docked": {
1541
1541
  "c_page_masthead_main_container_GridArea": {
1542
1542
  "name": "--pf-v6-c-page--masthead--main-container--GridArea",
1543
1543
  "value": "main"
@@ -1653,7 +1653,7 @@ exports.c_page = {
1653
1653
  "value": "1"
1654
1654
  }
1655
1655
  },
1656
- ".pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead": {
1656
+ ".pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead": {
1657
1657
  "c_masthead_m_display_inline_GridTemplateColumns": {
1658
1658
  "name": "--pf-v6-c-masthead--m-display-inline--GridTemplateColumns",
1659
1659
  "value": "min-content 1fr",
@@ -1749,7 +1749,7 @@ exports.c_page = {
1749
1749
  "value": "0"
1750
1750
  }
1751
1751
  },
1752
- ":where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass)": {
1752
+ ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1753
1753
  "c_page__main_section_BackgroundColor": {
1754
1754
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
1755
1755
  "value": "transparent"