@patternfly/react-tokens 6.0.0-prerelease.2 → 6.0.0-prerelease.3

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 (142) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/esm/c_accordion.d.ts +11 -8
  3. package/dist/esm/c_accordion.js +11 -8
  4. package/dist/esm/c_accordion__toggle_ColumnGap.d.ts +1 -1
  5. package/dist/esm/c_accordion__toggle_ColumnGap.js +1 -1
  6. package/dist/esm/c_accordion_m_toggle_start__toggle_ColumnGap.d.ts +1 -1
  7. package/dist/esm/c_accordion_m_toggle_start__toggle_ColumnGap.js +1 -1
  8. package/dist/esm/c_calendar_month.d.ts +1 -0
  9. package/dist/esm/c_calendar_month.js +1 -0
  10. package/dist/esm/c_card.d.ts +5 -4
  11. package/dist/esm/c_card.js +5 -4
  12. package/dist/esm/c_card__actions_Gap.d.ts +1 -1
  13. package/dist/esm/c_card__actions_Gap.js +1 -1
  14. package/dist/esm/c_check.d.ts +1 -0
  15. package/dist/esm/c_check.js +1 -0
  16. package/dist/esm/c_clipboard_copy.d.ts +7 -4
  17. package/dist/esm/c_clipboard_copy.js +7 -4
  18. package/dist/esm/c_clipboard_copy__actions_Gap.d.ts +1 -1
  19. package/dist/esm/c_clipboard_copy__actions_Gap.js +1 -1
  20. package/dist/esm/c_code_editor.d.ts +1 -0
  21. package/dist/esm/c_code_editor.js +1 -0
  22. package/dist/esm/c_description_list.d.ts +16 -8
  23. package/dist/esm/c_description_list.js +16 -8
  24. package/dist/esm/c_description_list__group_ColumnGap.d.ts +1 -1
  25. package/dist/esm/c_description_list__group_ColumnGap.js +1 -1
  26. package/dist/esm/c_drawer.d.ts +1 -0
  27. package/dist/esm/c_drawer.js +1 -0
  28. package/dist/esm/c_dual_list_selector.d.ts +5 -4
  29. package/dist/esm/c_dual_list_selector.js +5 -4
  30. package/dist/esm/c_dual_list_selector__controls_Gap.d.ts +1 -1
  31. package/dist/esm/c_dual_list_selector__controls_Gap.js +1 -1
  32. package/dist/esm/c_file_upload.d.ts +1 -0
  33. package/dist/esm/c_file_upload.js +1 -0
  34. package/dist/esm/c_form.d.ts +29 -33
  35. package/dist/esm/c_form.js +29 -33
  36. package/dist/esm/c_form__group_control_m_inline_Gap.d.ts +6 -0
  37. package/dist/esm/c_form__group_control_m_inline_Gap.js +6 -0
  38. package/dist/esm/c_form__group_label_m_info_Gap.d.ts +1 -1
  39. package/dist/esm/c_form__group_label_m_info_Gap.js +1 -1
  40. package/dist/esm/c_form__section_Gap.d.ts +1 -1
  41. package/dist/esm/c_form__section_Gap.js +1 -1
  42. package/dist/esm/c_form_control.d.ts +60 -58
  43. package/dist/esm/c_form_control.js +60 -58
  44. package/dist/esm/c_form_control__select_PaddingInlineEnd.d.ts +1 -1
  45. package/dist/esm/c_form_control__select_PaddingInlineEnd.js +1 -1
  46. package/dist/esm/c_form_control__select_m_error_m_status_PaddingInlineEnd.d.ts +1 -1
  47. package/dist/esm/c_form_control__select_m_error_m_status_PaddingInlineEnd.js +1 -1
  48. package/dist/esm/c_form_control__select_m_success_m_status_PaddingInlineEnd.d.ts +1 -1
  49. package/dist/esm/c_form_control__select_m_success_m_status_PaddingInlineEnd.js +1 -1
  50. package/dist/esm/c_form_control__select_m_warning_m_status_PaddingInlineEnd.d.ts +1 -1
  51. package/dist/esm/c_form_control__select_m_warning_m_status_PaddingInlineEnd.js +1 -1
  52. package/dist/esm/c_form_control__utilities_Gap.d.ts +1 -1
  53. package/dist/esm/c_form_control__utilities_Gap.js +1 -1
  54. package/dist/esm/c_input_group.d.ts +1 -0
  55. package/dist/esm/c_input_group.js +1 -0
  56. package/dist/esm/c_label.d.ts +1 -0
  57. package/dist/esm/c_label.js +1 -0
  58. package/dist/esm/global_spacer_gap_group_to_group_horizontal_compact.d.ts +6 -0
  59. package/dist/esm/global_spacer_gap_group_to_group_horizontal_compact.js +6 -0
  60. package/dist/esm/global_spacer_gap_group_to_group_vertical_compact.d.ts +6 -0
  61. package/dist/esm/global_spacer_gap_group_to_group_vertical_compact.js +6 -0
  62. package/dist/esm/global_spacer_gap_text_to_element_compact.d.ts +6 -0
  63. package/dist/esm/global_spacer_gap_text_to_element_compact.js +6 -0
  64. package/dist/esm/index.d.ts +4 -2
  65. package/dist/esm/index.js +4 -2
  66. package/dist/esm/patternfly_variables.d.ts +27 -0
  67. package/dist/esm/patternfly_variables.js +27 -0
  68. package/dist/js/c_accordion.d.ts +11 -8
  69. package/dist/js/c_accordion.js +11 -8
  70. package/dist/js/c_accordion__toggle_ColumnGap.d.ts +1 -1
  71. package/dist/js/c_accordion__toggle_ColumnGap.js +1 -1
  72. package/dist/js/c_accordion_m_toggle_start__toggle_ColumnGap.d.ts +1 -1
  73. package/dist/js/c_accordion_m_toggle_start__toggle_ColumnGap.js +1 -1
  74. package/dist/js/c_calendar_month.d.ts +1 -0
  75. package/dist/js/c_calendar_month.js +1 -0
  76. package/dist/js/c_card.d.ts +5 -4
  77. package/dist/js/c_card.js +5 -4
  78. package/dist/js/c_card__actions_Gap.d.ts +1 -1
  79. package/dist/js/c_card__actions_Gap.js +1 -1
  80. package/dist/js/c_check.d.ts +1 -0
  81. package/dist/js/c_check.js +1 -0
  82. package/dist/js/c_clipboard_copy.d.ts +7 -4
  83. package/dist/js/c_clipboard_copy.js +7 -4
  84. package/dist/js/c_clipboard_copy__actions_Gap.d.ts +1 -1
  85. package/dist/js/c_clipboard_copy__actions_Gap.js +1 -1
  86. package/dist/js/c_code_editor.d.ts +1 -0
  87. package/dist/js/c_code_editor.js +1 -0
  88. package/dist/js/c_description_list.d.ts +16 -8
  89. package/dist/js/c_description_list.js +16 -8
  90. package/dist/js/c_description_list__group_ColumnGap.d.ts +1 -1
  91. package/dist/js/c_description_list__group_ColumnGap.js +1 -1
  92. package/dist/js/c_drawer.d.ts +1 -0
  93. package/dist/js/c_drawer.js +1 -0
  94. package/dist/js/c_dual_list_selector.d.ts +5 -4
  95. package/dist/js/c_dual_list_selector.js +5 -4
  96. package/dist/js/c_dual_list_selector__controls_Gap.d.ts +1 -1
  97. package/dist/js/c_dual_list_selector__controls_Gap.js +1 -1
  98. package/dist/js/c_file_upload.d.ts +1 -0
  99. package/dist/js/c_file_upload.js +1 -0
  100. package/dist/js/c_form.d.ts +29 -33
  101. package/dist/js/c_form.js +29 -33
  102. package/dist/js/c_form__group_control_m_inline_Gap.d.ts +6 -0
  103. package/dist/js/c_form__group_control_m_inline_Gap.js +8 -0
  104. package/dist/js/c_form__group_label_m_info_Gap.d.ts +1 -1
  105. package/dist/js/c_form__group_label_m_info_Gap.js +1 -1
  106. package/dist/js/c_form__section_Gap.d.ts +1 -1
  107. package/dist/js/c_form__section_Gap.js +1 -1
  108. package/dist/js/c_form_control.d.ts +60 -58
  109. package/dist/js/c_form_control.js +60 -58
  110. package/dist/js/c_form_control__select_PaddingInlineEnd.d.ts +1 -1
  111. package/dist/js/c_form_control__select_PaddingInlineEnd.js +1 -1
  112. package/dist/js/c_form_control__select_m_error_m_status_PaddingInlineEnd.d.ts +1 -1
  113. package/dist/js/c_form_control__select_m_error_m_status_PaddingInlineEnd.js +1 -1
  114. package/dist/js/c_form_control__select_m_success_m_status_PaddingInlineEnd.d.ts +1 -1
  115. package/dist/js/c_form_control__select_m_success_m_status_PaddingInlineEnd.js +1 -1
  116. package/dist/js/c_form_control__select_m_warning_m_status_PaddingInlineEnd.d.ts +1 -1
  117. package/dist/js/c_form_control__select_m_warning_m_status_PaddingInlineEnd.js +1 -1
  118. package/dist/js/c_form_control__utilities_Gap.d.ts +1 -1
  119. package/dist/js/c_form_control__utilities_Gap.js +1 -1
  120. package/dist/js/c_input_group.d.ts +1 -0
  121. package/dist/js/c_input_group.js +1 -0
  122. package/dist/js/c_label.d.ts +1 -0
  123. package/dist/js/c_label.js +1 -0
  124. package/dist/js/global_spacer_gap_group_to_group_horizontal_compact.d.ts +6 -0
  125. package/dist/js/global_spacer_gap_group_to_group_horizontal_compact.js +8 -0
  126. package/dist/js/global_spacer_gap_group_to_group_vertical_compact.d.ts +6 -0
  127. package/dist/js/global_spacer_gap_group_to_group_vertical_compact.js +8 -0
  128. package/dist/js/global_spacer_gap_text_to_element_compact.d.ts +6 -0
  129. package/dist/js/global_spacer_gap_text_to_element_compact.js +8 -0
  130. package/dist/js/index.d.ts +4 -2
  131. package/dist/js/index.js +4 -2
  132. package/dist/js/patternfly_variables.d.ts +27 -0
  133. package/dist/js/patternfly_variables.js +27 -0
  134. package/package.json +3 -3
  135. package/dist/esm/c_form__group_control_Gap.d.ts +0 -6
  136. package/dist/esm/c_form__group_control_Gap.js +0 -6
  137. package/dist/esm/c_form__group_control_m_inline_child_MarginInlineEnd.d.ts +0 -6
  138. package/dist/esm/c_form__group_control_m_inline_child_MarginInlineEnd.js +0 -6
  139. package/dist/js/c_form__group_control_Gap.d.ts +0 -6
  140. package/dist/js/c_form__group_control_Gap.js +0 -8
  141. package/dist/js/c_form__group_control_m_inline_child_MarginInlineEnd.d.ts +0 -6
  142. package/dist/js/c_form__group_control_m_inline_child_MarginInlineEnd.js +0 -8
package/dist/js/c_form.js CHANGED
@@ -6,6 +6,7 @@ exports.c_form = {
6
6
  "name": "--pf-v6-c-form--GridGap",
7
7
  "value": "1.5rem",
8
8
  "values": [
9
+ "--pf-t--global--spacer--gap--group-to-group--vertical",
9
10
  "--pf-t--global--spacer--lg",
10
11
  "--pf-t--global--spacer--400",
11
12
  "1.5rem"
@@ -15,6 +16,7 @@ exports.c_form = {
15
16
  "name": "--pf-v6-c-form__group--Gap",
16
17
  "value": "0.5rem",
17
18
  "values": [
19
+ "--pf-t--global--spacer--gap--group--vertical",
18
20
  "--pf-t--global--spacer--sm",
19
21
  "--pf-t--global--spacer--200",
20
22
  "0.5rem"
@@ -37,6 +39,7 @@ exports.c_form = {
37
39
  "name": "--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap",
38
40
  "value": "1rem",
39
41
  "values": [
42
+ "--pf-t--global--spacer--gap--group--horizontal",
40
43
  "--pf-t--global--spacer--md",
41
44
  "--pf-t--global--spacer--300",
42
45
  "1rem"
@@ -170,11 +173,10 @@ exports.c_form = {
170
173
  },
171
174
  "c_form__group_label_m_info_Gap": {
172
175
  "name": "--pf-v6-c-form__group-label--m-info--Gap",
173
- "value": "0.5rem",
176
+ "value": "undefined",
174
177
  "values": [
175
- "--pf-t--global--spacer--sm",
176
- "--pf-t--global--spacer--200",
177
- "0.5rem"
178
+ "--pf-t--global--spacer--gap--horizontal",
179
+ "undefined"
178
180
  ]
179
181
  },
180
182
  "c_form__group_label_info_FontSize": {
@@ -191,18 +193,20 @@ exports.c_form = {
191
193
  "name": "--pf-v6-c-form--m-horizontal__group-label--m-info--Gap",
192
194
  "value": "0.5rem",
193
195
  "values": [
196
+ "--pf-t--global--spacer--gap--group--vertical",
194
197
  "--pf-t--global--spacer--sm",
195
198
  "--pf-t--global--spacer--200",
196
199
  "0.5rem"
197
200
  ]
198
201
  },
199
- "c_form__group_control_m_inline_child_MarginInlineEnd": {
200
- "name": "--pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd",
201
- "value": "1.5rem",
202
+ "c_form__group_control_m_inline_Gap": {
203
+ "name": "--pf-v6-c-form__group-control--m-inline--Gap",
204
+ "value": "1rem",
202
205
  "values": [
203
- "--pf-t--global--spacer--lg",
204
- "--pf-t--global--spacer--400",
205
- "1.5rem"
206
+ "--pf-t--global--spacer--gap--group--horizontal",
207
+ "--pf-t--global--spacer--md",
208
+ "--pf-t--global--spacer--300",
209
+ "1rem"
206
210
  ]
207
211
  },
208
212
  "c_form__group_control__helper_text_MarginBlockEnd": {
@@ -214,19 +218,11 @@ exports.c_form = {
214
218
  "0.25rem"
215
219
  ]
216
220
  },
217
- "c_form__group_control_Gap": {
218
- "name": "--pf-v6-c-form__group-control--Gap",
219
- "value": "0.5rem",
220
- "values": [
221
- "--pf-t--global--spacer--sm",
222
- "--pf-t--global--spacer--200",
223
- "0.5rem"
224
- ]
225
- },
226
221
  "c_form__group_control_m_stack_Gap": {
227
222
  "name": "--pf-v6-c-form__group-control--m-stack--Gap",
228
223
  "value": "0.5rem",
229
224
  "values": [
225
+ "--pf-t--global--spacer--gap--group--vertical",
230
226
  "--pf-t--global--spacer--sm",
231
227
  "--pf-t--global--spacer--200",
232
228
  "0.5rem"
@@ -237,8 +233,9 @@ exports.c_form = {
237
233
  "value": "calc(0.5rem * -1 + 0.25rem)",
238
234
  "values": [
239
235
  "calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)",
240
- "calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--xs)",
241
- "calc(--pf-t--global--spacer--200 * -1 + --pf-t--global--spacer--100)",
236
+ "calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)",
237
+ "calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)",
238
+ "calc(--pf-t--global--spacer--200 * -1 + 0.25rem)",
242
239
  "calc(0.5rem * -1 + 0.25rem)"
243
240
  ]
244
241
  },
@@ -348,11 +345,13 @@ exports.c_form = {
348
345
  },
349
346
  "c_form__section_Gap": {
350
347
  "name": "--pf-v6-c-form__section--Gap",
351
- "value": "1rem",
348
+ "value": "1.5rem",
352
349
  "values": [
353
- "--pf-t--global--spacer--md",
354
- "--pf-t--global--spacer--300",
355
- "1rem"
350
+ "--pf-v6-c-form--GridGap",
351
+ "--pf-t--global--spacer--gap--group-to-group--vertical",
352
+ "--pf-t--global--spacer--lg",
353
+ "--pf-t--global--spacer--400",
354
+ "1.5rem"
356
355
  ]
357
356
  },
358
357
  "c_form__section_title_FontSize": {
@@ -437,6 +436,7 @@ exports.c_form = {
437
436
  "value": "calc(1.5rem * -1)",
438
437
  "values": [
439
438
  "calc(--pf-v6-c-form--GridGap * -1)",
439
+ "calc(--pf-t--global--spacer--gap--group-to-group--vertical * -1)",
440
440
  "calc(--pf-t--global--spacer--lg * -1)",
441
441
  "calc(--pf-t--global--spacer--400 * -1)",
442
442
  "calc(1.5rem * -1)"
@@ -662,6 +662,7 @@ exports.c_form = {
662
662
  "value": "1.5rem",
663
663
  "values": [
664
664
  "--pf-v6-c-form--GridGap",
665
+ "--pf-t--global--spacer--gap--group-to-group--vertical",
665
666
  "--pf-t--global--spacer--lg",
666
667
  "--pf-t--global--spacer--400",
667
668
  "1.5rem"
@@ -709,12 +710,6 @@ exports.c_form = {
709
710
  ]
710
711
  }
711
712
  },
712
- ".pf-v6-c-form__group-control.pf-m-inline > :last-child": {
713
- "c_form__group_control_m_inline_child_MarginInlineEnd": {
714
- "name": "--pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd",
715
- "value": "0"
716
- }
717
- },
718
713
  ".pf-v6-c-form__group-control.pf-m-stack": {
719
714
  "c_form__helper_text_MarginBlockStart": {
720
715
  "name": "--pf-v6-c-form__helper-text--MarginBlockStart",
@@ -722,8 +717,9 @@ exports.c_form = {
722
717
  "values": [
723
718
  "--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart",
724
719
  "calc(--pf-v6-c-form__group-control--m-stack--Gap * -1 + --pf-v6-c-form__helper-text--MarginBlockStart--base)",
725
- "calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--xs)",
726
- "calc(--pf-t--global--spacer--200 * -1 + --pf-t--global--spacer--100)",
720
+ "calc(--pf-t--global--spacer--gap--group--vertical * -1 + --pf-t--global--spacer--xs)",
721
+ "calc(--pf-t--global--spacer--sm * -1 + --pf-t--global--spacer--100)",
722
+ "calc(--pf-t--global--spacer--200 * -1 + 0.25rem)",
727
723
  "calc(0.5rem * -1 + 0.25rem)"
728
724
  ]
729
725
  }
package/dist/js/c_form__group_control_m_inline_Gap.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export const c_form__group_control_m_inline_Gap: {
2
+ "name": "--pf-v6-c-form__group-control--m-inline--Gap",
3
+ "value": "1rem",
4
+ "var": "var(--pf-v6-c-form__group-control--m-inline--Gap)"
5
+ };
6
+ export default c_form__group_control_m_inline_Gap;
package/dist/js/c_form__group_control_m_inline_Gap.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_form__group_control_m_inline_Gap = {
4
+ "name": "--pf-v6-c-form__group-control--m-inline--Gap",
5
+ "value": "1rem",
6
+ "var": "var(--pf-v6-c-form__group-control--m-inline--Gap)"
7
+ };
8
+ exports["default"] = exports.c_form__group_control_m_inline_Gap;
package/dist/js/c_form__group_label_m_info_Gap.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_form__group_label_m_info_Gap: {
2
2
  "name": "--pf-v6-c-form__group-label--m-info--Gap",
3
- "value": "0.5rem",
3
+ "value": "undefined",
4
4
  "var": "var(--pf-v6-c-form__group-label--m-info--Gap)"
5
5
  };
6
6
  export default c_form__group_label_m_info_Gap;
package/dist/js/c_form__group_label_m_info_Gap.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_form__group_label_m_info_Gap = {
4
4
  "name": "--pf-v6-c-form__group-label--m-info--Gap",
5
- "value": "0.5rem",
5
+ "value": "undefined",
6
6
  "var": "var(--pf-v6-c-form__group-label--m-info--Gap)"
7
7
  };
8
8
  exports["default"] = exports.c_form__group_label_m_info_Gap;
package/dist/js/c_form__section_Gap.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export const c_form__section_Gap: {
2
2
  "name": "--pf-v6-c-form__section--Gap",
3
- "value": "1rem",
3
+ "value": "1.5rem",
4
4
  "var": "var(--pf-v6-c-form__section--Gap)"
5
5
  };
6
6
  export default c_form__section_Gap;
package/dist/js/c_form__section_Gap.js CHANGED
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_form__section_Gap = {
4
4
  "name": "--pf-v6-c-form__section--Gap",
5
- "value": "1rem",
5
+ "value": "1.5rem",
6
6
  "var": "var(--pf-v6-c-form__section--Gap)"
7
7
  };
8
8
  exports["default"] = exports.c_form__section_Gap;
package/dist/js/c_form_control.d.ts CHANGED
@@ -4,6 +4,7 @@ export const c_form_control: {
4
4
  "name": "--pf-v6-c-form-control--ColumnGap",
5
5
  "value": "0.5rem",
6
6
  "values": [
7
+ "--pf-t--global--spacer--gap--text-to-element--default",
7
8
  "--pf-t--global--spacer--sm",
8
9
  "--pf-t--global--spacer--200",
9
10
  "0.5rem"
@@ -344,9 +345,9 @@ export const c_form_control: {
344
345
  "value": "calc(0.875rem + 1rem + 0.5rem)",
345
346
  "values": [
346
347
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
347
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
348
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
349
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
348
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
349
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
350
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
350
351
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
351
352
  "calc(0.875rem + 1rem + 0.5rem)"
352
353
  ]
@@ -375,9 +376,9 @@ export const c_form_control: {
375
376
  "value": "calc(0.875rem + 1rem + 0.5rem)",
376
377
  "values": [
377
378
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
378
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
379
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
380
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
379
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
380
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
381
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
381
382
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
382
383
  "calc(0.875rem + 1rem + 0.5rem)"
383
384
  ]
@@ -407,9 +408,9 @@ export const c_form_control: {
407
408
  "value": "calc(0.875rem + 1rem + 0.5rem)",
408
409
  "values": [
409
410
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
410
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
411
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
412
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
411
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
412
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
413
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
413
414
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
414
415
  "calc(0.875rem + 1rem + 0.5rem)"
415
416
  ]
@@ -494,38 +495,38 @@ export const c_form_control: {
494
495
  },
495
496
  "c_form_control__select_m_success_m_status_PaddingInlineEnd": {
496
497
  "name": "--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd",
497
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
498
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
498
499
  "values": [
499
500
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
500
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
501
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
502
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
503
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
504
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
501
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
502
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
503
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
504
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
505
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
505
506
  ]
506
507
  },
507
508
  "c_form_control__select_m_warning_m_status_PaddingInlineEnd": {
508
509
  "name": "--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd",
509
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
510
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
510
511
  "values": [
511
512
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
512
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
513
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
514
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
515
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
516
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
513
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
514
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
515
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
516
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
517
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
517
518
  ]
518
519
  },
519
520
  "c_form_control__select_m_error_m_status_PaddingInlineEnd": {
520
521
  "name": "--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd",
521
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
522
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
522
523
  "values": [
523
524
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
524
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
525
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
526
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
527
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
528
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
525
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
526
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
527
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
528
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
529
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
529
530
  ]
530
531
  },
531
532
  "c_form_control_textarea_Width": {
@@ -605,11 +606,12 @@ export const c_form_control: {
605
606
  },
606
607
  "c_form_control__utilities_Gap": {
607
608
  "name": "--pf-v6-c-form-control__utilities--Gap",
608
- "value": "0.5rem",
609
+ "value": "1rem",
609
610
  "values": [
610
- "--pf-t--global--spacer--sm",
611
- "--pf-t--global--spacer--200",
612
- "0.5rem"
611
+ "--pf-t--global--spacer--gap--group--horizontal",
612
+ "--pf-t--global--spacer--md",
613
+ "--pf-t--global--spacer--300",
614
+ "1rem"
613
615
  ]
614
616
  },
615
617
  "c_form_control__utilities_PaddingBlockStart": {
@@ -835,9 +837,9 @@ export const c_form_control: {
835
837
  "values": [
836
838
  "--pf-v6-c-form-control--m-error--PaddingInlineEnd",
837
839
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
838
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
839
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
840
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
840
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
841
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
842
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
841
843
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
842
844
  "calc(0.875rem + 1rem + 0.5rem)"
843
845
  ]
@@ -880,15 +882,15 @@ export const c_form_control: {
880
882
  },
881
883
  "c_form_control__select_PaddingInlineEnd": {
882
884
  "name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
883
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
885
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
884
886
  "values": [
885
887
  "--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd",
886
888
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
887
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
888
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
889
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
890
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
891
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
889
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
890
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
891
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
892
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
893
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
892
894
  ]
893
895
  },
894
896
  "c_form_control_after_BorderWidth": {
@@ -924,9 +926,9 @@ export const c_form_control: {
924
926
  "values": [
925
927
  "--pf-v6-c-form-control--m-success--PaddingInlineEnd",
926
928
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
927
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
928
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
929
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
929
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
930
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
931
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
930
932
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
931
933
  "calc(0.875rem + 1rem + 0.5rem)"
932
934
  ]
@@ -969,15 +971,15 @@ export const c_form_control: {
969
971
  },
970
972
  "c_form_control__select_PaddingInlineEnd": {
971
973
  "name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
972
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
974
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
973
975
  "values": [
974
976
  "--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd",
975
977
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
976
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
977
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
978
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
979
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
980
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
978
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
979
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
980
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
981
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
982
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
981
983
  ]
982
984
  },
983
985
  "c_form_control_after_BorderWidth": {
@@ -1013,9 +1015,9 @@ export const c_form_control: {
1013
1015
  "values": [
1014
1016
  "--pf-v6-c-form-control--m-warning--PaddingInlineEnd",
1015
1017
  "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--ColumnGap)",
1016
- "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--sm)",
1017
- "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--200)",
1018
- "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + 0.5rem)",
1018
+ "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--gap--text-to-element--default)",
1019
+ "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--md + --pf-t--global--spacer--sm)",
1020
+ "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--300 + --pf-t--global--spacer--200)",
1019
1021
  "calc(--pf-t--global--font--size--200 + 1rem + 0.5rem)",
1020
1022
  "calc(0.875rem + 1rem + 0.5rem)"
1021
1023
  ]
@@ -1055,15 +1057,15 @@ export const c_form_control: {
1055
1057
  },
1056
1058
  "c_form_control__select_PaddingInlineEnd": {
1057
1059
  "name": "--pf-v6-c-form-control__select--PaddingInlineEnd",
1058
- "value": "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)",
1060
+ "value": "calc((0.875rem * 2) + 1rem + 1rem + 1rem)",
1059
1061
  "values": [
1060
1062
  "--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd",
1061
1063
  "calc((--pf-v6-c-form-control__icon--FontSize * 2) + --pf-v6-c-form-control__utilities--Gap + --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd + --pf-v6-c-form-control__toggle-icon--PaddingInlineStart)",
1062
- "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--sm + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
1063
- "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--200 + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
1064
- "calc((--pf-t--global--font--size--sm * 2) + 0.5rem + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
1065
- "calc((--pf-t--global--font--size--200 * 2) + 0.5rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
1066
- "calc((0.875rem * 2) + 0.5rem + 1rem + 1rem)"
1064
+ "calc((--pf-t--global--icon--size--font--body--default * 2) + --pf-t--global--spacer--gap--group--horizontal + --pf-v6-c-form-control--inset--base + --pf-v6-c-form-control--inset--base)",
1065
+ "calc((--pf-t--global--font--size--body--default * 2) + --pf-t--global--spacer--md + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default)",
1066
+ "calc((--pf-t--global--font--size--sm * 2) + --pf-t--global--spacer--300 + --pf-t--global--spacer--md + --pf-t--global--spacer--md)",
1067
+ "calc((--pf-t--global--font--size--200 * 2) + 1rem + --pf-t--global--spacer--300 + --pf-t--global--spacer--300)",
1068
+ "calc((0.875rem * 2) + 1rem + 1rem + 1rem)"
1067
1069
  ]
1068
1070
  },
1069
1071
  "c_form_control_after_BorderWidth": {