@patternfly/react-tokens 6.0.0-alpha.16 → 6.0.0-alpha.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 (142) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/esm/c_form_control.d.ts +0 -11
  3. package/dist/esm/c_form_control.js +0 -11
  4. package/dist/esm/c_text_input_group.d.ts +139 -216
  5. package/dist/esm/c_text_input_group.js +139 -216
  6. package/dist/esm/c_text_input_group_BorderColor.d.ts +6 -0
  7. package/dist/esm/c_text_input_group_BorderColor.js +6 -0
  8. package/dist/esm/c_text_input_group_BorderRadius.d.ts +6 -0
  9. package/dist/esm/c_text_input_group_BorderRadius.js +6 -0
  10. package/dist/esm/c_text_input_group_BorderWidth.d.ts +6 -0
  11. package/dist/esm/c_text_input_group_BorderWidth.js +6 -0
  12. package/dist/esm/c_text_input_group_Color.d.ts +1 -1
  13. package/dist/esm/c_text_input_group_Color.js +1 -1
  14. package/dist/esm/c_text_input_group__icon_Color.d.ts +1 -1
  15. package/dist/esm/c_text_input_group__icon_Color.js +1 -1
  16. package/dist/esm/c_text_input_group__icon_Left.d.ts +1 -1
  17. package/dist/esm/c_text_input_group__icon_Left.js +1 -1
  18. package/dist/esm/c_text_input_group__main_ColumnGap.d.ts +1 -1
  19. package/dist/esm/c_text_input_group__main_ColumnGap.js +1 -1
  20. package/dist/esm/c_text_input_group__main_RowGap.d.ts +1 -1
  21. package/dist/esm/c_text_input_group__main_RowGap.js +1 -1
  22. package/dist/esm/c_text_input_group__main_first_child_not_text_input_MarginLeft.d.ts +1 -1
  23. package/dist/esm/c_text_input_group__main_first_child_not_text_input_MarginLeft.js +1 -1
  24. package/dist/esm/c_text_input_group__main_m_icon__text_input_PaddingLeft.d.ts +1 -1
  25. package/dist/esm/c_text_input_group__main_m_icon__text_input_PaddingLeft.js +1 -1
  26. package/dist/esm/c_text_input_group__text_input_OutlineOffset.d.ts +6 -0
  27. package/dist/esm/c_text_input_group__text_input_OutlineOffset.js +6 -0
  28. package/dist/esm/c_text_input_group__text_input_PaddingBottom.d.ts +1 -1
  29. package/dist/esm/c_text_input_group__text_input_PaddingBottom.js +1 -1
  30. package/dist/esm/c_text_input_group__text_input_PaddingLeft.d.ts +1 -1
  31. package/dist/esm/c_text_input_group__text_input_PaddingLeft.js +1 -1
  32. package/dist/esm/c_text_input_group__text_input_PaddingRight.d.ts +1 -1
  33. package/dist/esm/c_text_input_group__text_input_PaddingRight.js +1 -1
  34. package/dist/esm/c_text_input_group__text_input_PaddingTop.d.ts +1 -1
  35. package/dist/esm/c_text_input_group__text_input_PaddingTop.js +1 -1
  36. package/dist/esm/c_text_input_group__text_input_m_hint_Color.d.ts +1 -1
  37. package/dist/esm/c_text_input_group__text_input_m_hint_Color.js +1 -1
  38. package/dist/esm/c_text_input_group__text_input_placeholder_Color.d.ts +1 -1
  39. package/dist/esm/c_text_input_group__text_input_placeholder_Color.js +1 -1
  40. package/dist/esm/c_text_input_group__utilities_c_button_PaddingLeft.d.ts +1 -1
  41. package/dist/esm/c_text_input_group__utilities_c_button_PaddingLeft.js +1 -1
  42. package/dist/esm/c_text_input_group__utilities_child_MarginLeft.d.ts +1 -1
  43. package/dist/esm/c_text_input_group__utilities_child_MarginLeft.js +1 -1
  44. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingBottom.d.ts +1 -1
  45. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingBottom.js +1 -1
  46. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingRight.d.ts +1 -1
  47. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingRight.js +1 -1
  48. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingTop.d.ts +1 -1
  49. package/dist/esm/c_text_input_group_c_chip_group__main_PaddingTop.js +1 -1
  50. package/dist/esm/c_text_input_group_m_disabled_BackgroundColor.d.ts +1 -1
  51. package/dist/esm/c_text_input_group_m_disabled_BackgroundColor.js +1 -1
  52. package/dist/esm/c_text_input_group_m_disabled_Color.d.ts +1 -1
  53. package/dist/esm/c_text_input_group_m_disabled_Color.js +1 -1
  54. package/dist/esm/c_text_input_group_m_hover_BorderColor.d.ts +6 -0
  55. package/dist/esm/c_text_input_group_m_hover_BorderColor.js +6 -0
  56. package/dist/esm/index.d.ts +5 -7
  57. package/dist/esm/index.js +5 -7
  58. package/dist/js/c_form_control.d.ts +0 -11
  59. package/dist/js/c_form_control.js +0 -11
  60. package/dist/js/c_text_input_group.d.ts +139 -216
  61. package/dist/js/c_text_input_group.js +139 -216
  62. package/dist/js/c_text_input_group_BorderColor.d.ts +6 -0
  63. package/dist/js/c_text_input_group_BorderColor.js +8 -0
  64. package/dist/js/c_text_input_group_BorderRadius.d.ts +6 -0
  65. package/dist/js/c_text_input_group_BorderRadius.js +8 -0
  66. package/dist/js/c_text_input_group_BorderWidth.d.ts +6 -0
  67. package/dist/js/c_text_input_group_BorderWidth.js +8 -0
  68. package/dist/js/c_text_input_group_Color.d.ts +1 -1
  69. package/dist/js/c_text_input_group_Color.js +1 -1
  70. package/dist/js/c_text_input_group__icon_Color.d.ts +1 -1
  71. package/dist/js/c_text_input_group__icon_Color.js +1 -1
  72. package/dist/js/c_text_input_group__icon_Left.d.ts +1 -1
  73. package/dist/js/c_text_input_group__icon_Left.js +1 -1
  74. package/dist/js/c_text_input_group__main_ColumnGap.d.ts +1 -1
  75. package/dist/js/c_text_input_group__main_ColumnGap.js +1 -1
  76. package/dist/js/c_text_input_group__main_RowGap.d.ts +1 -1
  77. package/dist/js/c_text_input_group__main_RowGap.js +1 -1
  78. package/dist/js/c_text_input_group__main_first_child_not_text_input_MarginLeft.d.ts +1 -1
  79. package/dist/js/c_text_input_group__main_first_child_not_text_input_MarginLeft.js +1 -1
  80. package/dist/js/c_text_input_group__main_m_icon__text_input_PaddingLeft.d.ts +1 -1
  81. package/dist/js/c_text_input_group__main_m_icon__text_input_PaddingLeft.js +1 -1
  82. package/dist/js/c_text_input_group__text_input_OutlineOffset.d.ts +6 -0
  83. package/dist/js/c_text_input_group__text_input_OutlineOffset.js +8 -0
  84. package/dist/js/c_text_input_group__text_input_PaddingBottom.d.ts +1 -1
  85. package/dist/js/c_text_input_group__text_input_PaddingBottom.js +1 -1
  86. package/dist/js/c_text_input_group__text_input_PaddingLeft.d.ts +1 -1
  87. package/dist/js/c_text_input_group__text_input_PaddingLeft.js +1 -1
  88. package/dist/js/c_text_input_group__text_input_PaddingRight.d.ts +1 -1
  89. package/dist/js/c_text_input_group__text_input_PaddingRight.js +1 -1
  90. package/dist/js/c_text_input_group__text_input_PaddingTop.d.ts +1 -1
  91. package/dist/js/c_text_input_group__text_input_PaddingTop.js +1 -1
  92. package/dist/js/c_text_input_group__text_input_m_hint_Color.d.ts +1 -1
  93. package/dist/js/c_text_input_group__text_input_m_hint_Color.js +1 -1
  94. package/dist/js/c_text_input_group__text_input_placeholder_Color.d.ts +1 -1
  95. package/dist/js/c_text_input_group__text_input_placeholder_Color.js +1 -1
  96. package/dist/js/c_text_input_group__utilities_c_button_PaddingLeft.d.ts +1 -1
  97. package/dist/js/c_text_input_group__utilities_c_button_PaddingLeft.js +1 -1
  98. package/dist/js/c_text_input_group__utilities_child_MarginLeft.d.ts +1 -1
  99. package/dist/js/c_text_input_group__utilities_child_MarginLeft.js +1 -1
  100. package/dist/js/c_text_input_group_c_chip_group__main_PaddingBottom.d.ts +1 -1
  101. package/dist/js/c_text_input_group_c_chip_group__main_PaddingBottom.js +1 -1
  102. package/dist/js/c_text_input_group_c_chip_group__main_PaddingRight.d.ts +1 -1
  103. package/dist/js/c_text_input_group_c_chip_group__main_PaddingRight.js +1 -1
  104. package/dist/js/c_text_input_group_c_chip_group__main_PaddingTop.d.ts +1 -1
  105. package/dist/js/c_text_input_group_c_chip_group__main_PaddingTop.js +1 -1
  106. package/dist/js/c_text_input_group_m_disabled_BackgroundColor.d.ts +1 -1
  107. package/dist/js/c_text_input_group_m_disabled_BackgroundColor.js +1 -1
  108. package/dist/js/c_text_input_group_m_disabled_Color.d.ts +1 -1
  109. package/dist/js/c_text_input_group_m_disabled_Color.js +1 -1
  110. package/dist/js/c_text_input_group_m_hover_BorderColor.d.ts +6 -0
  111. package/dist/js/c_text_input_group_m_hover_BorderColor.js +8 -0
  112. package/dist/js/index.d.ts +5 -7
  113. package/dist/js/index.js +5 -7
  114. package/package.json +3 -3
  115. package/dist/esm/c_text_input_group__text_after_BorderBottomColor.d.ts +0 -6
  116. package/dist/esm/c_text_input_group__text_after_BorderBottomColor.js +0 -6
  117. package/dist/esm/c_text_input_group__text_after_BorderBottomWidth.d.ts +0 -6
  118. package/dist/esm/c_text_input_group__text_after_BorderBottomWidth.js +0 -6
  119. package/dist/esm/c_text_input_group__text_before_BorderColor.d.ts +0 -6
  120. package/dist/esm/c_text_input_group__text_before_BorderColor.js +0 -6
  121. package/dist/esm/c_text_input_group__text_before_BorderWidth.d.ts +0 -6
  122. package/dist/esm/c_text_input_group__text_before_BorderWidth.js +0 -6
  123. package/dist/esm/c_text_input_group__text_focus_within_after_BorderBottomColor.d.ts +0 -6
  124. package/dist/esm/c_text_input_group__text_focus_within_after_BorderBottomColor.js +0 -6
  125. package/dist/esm/c_text_input_group__text_focus_within_after_BorderBottomWidth.d.ts +0 -6
  126. package/dist/esm/c_text_input_group__text_focus_within_after_BorderBottomWidth.js +0 -6
  127. package/dist/esm/c_text_input_group_hover__text_after_BorderBottomColor.d.ts +0 -6
  128. package/dist/esm/c_text_input_group_hover__text_after_BorderBottomColor.js +0 -6
  129. package/dist/js/c_text_input_group__text_after_BorderBottomColor.d.ts +0 -6
  130. package/dist/js/c_text_input_group__text_after_BorderBottomColor.js +0 -8
  131. package/dist/js/c_text_input_group__text_after_BorderBottomWidth.d.ts +0 -6
  132. package/dist/js/c_text_input_group__text_after_BorderBottomWidth.js +0 -8
  133. package/dist/js/c_text_input_group__text_before_BorderColor.d.ts +0 -6
  134. package/dist/js/c_text_input_group__text_before_BorderColor.js +0 -8
  135. package/dist/js/c_text_input_group__text_before_BorderWidth.d.ts +0 -6
  136. package/dist/js/c_text_input_group__text_before_BorderWidth.js +0 -8
  137. package/dist/js/c_text_input_group__text_focus_within_after_BorderBottomColor.d.ts +0 -6
  138. package/dist/js/c_text_input_group__text_focus_within_after_BorderBottomColor.js +0 -8
  139. package/dist/js/c_text_input_group__text_focus_within_after_BorderBottomWidth.d.ts +0 -6
  140. package/dist/js/c_text_input_group__text_focus_within_after_BorderBottomWidth.js +0 -8
  141. package/dist/js/c_text_input_group_hover__text_after_BorderBottomColor.d.ts +0 -6
  142. package/dist/js/c_text_input_group_hover__text_after_BorderBottomColor.js +0 -8
@@ -1,192 +1,153 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
3
  exports.c_text_input_group = {
4
- ".pf-v6-c-text-input-group": {
4
+ ":where(:root)": {
5
5
  "c_text_input_group_BackgroundColor": {
6
6
  "name": "--pf-v6-c-text-input-group--BackgroundColor",
7
7
  "value": "#fff",
8
8
  "values": [
9
- "--pf-v6-global--BackgroundColor--100",
10
- "$pf-v5-global--BackgroundColor--100",
11
- "$pf-v5-color-white",
9
+ "--pf-t--global--background--color--control--default",
10
+ "--pf-t--global--background--color--primary--default",
11
+ "--pf-t--global--background--color--100",
12
+ "--pf-t--color--white",
12
13
  "#fff"
13
14
  ]
14
15
  },
15
- "c_text_input_group__text_before_BorderWidth": {
16
- "name": "--pf-v6-c-text-input-group__text--before--BorderWidth",
17
- "value": "1px",
18
- "values": [
19
- "--pf-v6-global--BorderWidth--sm",
20
- "$pf-v5-global--BorderWidth--sm",
21
- "1px"
22
- ]
23
- },
24
- "c_text_input_group__text_before_BorderColor": {
25
- "name": "--pf-v6-c-text-input-group__text--before--BorderColor",
26
- "value": "#f0f0f0",
16
+ "c_text_input_group_BorderColor": {
17
+ "name": "--pf-v6-c-text-input-group--BorderColor",
18
+ "value": "#c7c7c7",
27
19
  "values": [
28
- "--pf-v6-global--BorderColor--300",
29
- "$pf-v5-global--BorderColor--300",
30
- "$pf-v5-color-black-200",
31
- "#f0f0f0"
20
+ "--pf-t--global--border--color--default",
21
+ "--pf-t--global--border--color--100",
22
+ "--pf-t--color--gray--30",
23
+ "#c7c7c7"
32
24
  ]
33
25
  },
34
- "c_text_input_group__text_after_BorderBottomWidth": {
35
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
26
+ "c_text_input_group_BorderWidth": {
27
+ "name": "--pf-v6-c-text-input-group--BorderWidth",
36
28
  "value": "1px",
37
29
  "values": [
38
- "--pf-v6-global--BorderWidth--sm",
39
- "$pf-v5-global--BorderWidth--sm",
30
+ "--pf-t--global--border--width--control--default",
31
+ "--pf-t--global--border--width--100",
40
32
  "1px"
41
33
  ]
42
34
  },
43
- "c_text_input_group__text_after_BorderBottomColor": {
44
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
45
- "value": "#8a8d90",
46
- "values": [
47
- "--pf-v6-global--BorderColor--200",
48
- "$pf-v5-global--BorderColor--200",
49
- "$pf-v5-color-black-500",
50
- "#8a8d90"
51
- ]
52
- },
53
- "c_text_input_group_hover__text_after_BorderBottomColor": {
54
- "name": "--pf-v6-c-text-input-group--hover__text--after--BorderBottomColor",
55
- "value": "#06c",
56
- "values": [
57
- "--pf-v6-global--primary-color--100",
58
- "$pf-v5-global--primary-color--100",
59
- "$pf-v5-color-blue-400",
60
- "#06c"
61
- ]
62
- },
63
- "c_text_input_group__text_focus_within_after_BorderBottomWidth": {
64
- "name": "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth",
65
- "value": "2px",
35
+ "c_text_input_group_BorderRadius": {
36
+ "name": "--pf-v6-c-text-input-group--BorderRadius",
37
+ "value": "6px",
66
38
  "values": [
67
- "--pf-v6-global--BorderWidth--md",
68
- "$pf-v5-global--BorderWidth--md",
69
- "2px"
39
+ "--pf-t--global--border--radius--small",
40
+ "--pf-t--global--border--radius--200",
41
+ "6px"
70
42
  ]
71
43
  },
72
- "c_text_input_group__text_focus_within_after_BorderBottomColor": {
73
- "name": "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor",
74
- "value": "#06c",
44
+ "c_text_input_group_m_hover_BorderColor": {
45
+ "name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
46
+ "value": "#4394e5",
75
47
  "values": [
76
- "--pf-v6-global--primary-color--100",
77
- "$pf-v5-global--primary-color--100",
78
- "$pf-v5-color-blue-400",
79
- "#06c"
48
+ "--pf-t--global--border--color--hover",
49
+ "--pf-t--global--color--brand--100",
50
+ "--pf-t--color--blue--40",
51
+ "#4394e5"
80
52
  ]
81
53
  },
82
54
  "c_text_input_group__main_first_child_not_text_input_MarginLeft": {
83
55
  "name": "--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginLeft",
84
- "value": "0.5rem",
56
+ "value": "4px",
85
57
  "values": [
86
- "--pf-v6-global--spacer--sm",
87
- "$pf-v5-global--spacer--sm",
88
- "pf-size-prem(8px)",
89
- "0.5rem"
58
+ "--pf-t--global--spacer--xs",
59
+ "--pf-t--global--spacer--100",
60
+ "4px"
90
61
  ]
91
62
  },
92
63
  "c_text_input_group__main_m_icon__text_input_PaddingLeft": {
93
64
  "name": "--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft",
94
- "value": "2rem",
65
+ "value": "32px",
95
66
  "values": [
96
- "--pf-v6-global--spacer--xl",
97
- "$pf-v5-global--spacer--xl",
98
- "pf-size-prem(32px)",
99
- "2rem"
67
+ "--pf-t--global--spacer--xl",
68
+ "--pf-t--global--spacer--500",
69
+ "32px"
100
70
  ]
101
71
  },
102
72
  "c_text_input_group__main_RowGap": {
103
73
  "name": "--pf-v6-c-text-input-group__main--RowGap",
104
- "value": "0.25rem",
74
+ "value": "4px",
105
75
  "values": [
106
- "--pf-v6-global--spacer--xs",
107
- "$pf-v5-global--spacer--xs",
108
- "pf-size-prem(4px)",
109
- "0.25rem"
76
+ "--pf-t--global--spacer--xs",
77
+ "--pf-t--global--spacer--100",
78
+ "4px"
110
79
  ]
111
80
  },
112
81
  "c_text_input_group__main_ColumnGap": {
113
82
  "name": "--pf-v6-c-text-input-group__main--ColumnGap",
114
- "value": "0.5rem",
83
+ "value": "4px",
115
84
  "values": [
116
- "--pf-v6-global--spacer--sm",
117
- "$pf-v5-global--spacer--sm",
118
- "pf-size-prem(8px)",
119
- "0.5rem"
85
+ "--pf-t--global--spacer--xs",
86
+ "--pf-t--global--spacer--100",
87
+ "4px"
120
88
  ]
121
89
  },
122
90
  "c_text_input_group_c_chip_group__main_PaddingTop": {
123
91
  "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingTop",
124
- "value": "0.25rem",
92
+ "value": "4px",
125
93
  "values": [
126
- "--pf-v6-global--spacer--xs",
127
- "$pf-v5-global--spacer--xs",
128
- "pf-size-prem(4px)",
129
- "0.25rem"
94
+ "--pf-t--global--spacer--xs",
95
+ "--pf-t--global--spacer--100",
96
+ "4px"
130
97
  ]
131
98
  },
132
99
  "c_text_input_group_c_chip_group__main_PaddingRight": {
133
100
  "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingRight",
134
- "value": "0.25rem",
101
+ "value": "4px",
135
102
  "values": [
136
- "--pf-v6-global--spacer--xs",
137
- "$pf-v5-global--spacer--xs",
138
- "pf-size-prem(4px)",
139
- "0.25rem"
103
+ "--pf-t--global--spacer--xs",
104
+ "--pf-t--global--spacer--100",
105
+ "4px"
140
106
  ]
141
107
  },
142
108
  "c_text_input_group_c_chip_group__main_PaddingBottom": {
143
109
  "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingBottom",
144
- "value": "0.25rem",
110
+ "value": "4px",
145
111
  "values": [
146
- "--pf-v6-global--spacer--xs",
147
- "$pf-v5-global--spacer--xs",
148
- "pf-size-prem(4px)",
149
- "0.25rem"
112
+ "--pf-t--global--spacer--xs",
113
+ "--pf-t--global--spacer--100",
114
+ "4px"
150
115
  ]
151
116
  },
152
117
  "c_text_input_group__text_input_PaddingTop": {
153
118
  "name": "--pf-v6-c-text-input-group__text-input--PaddingTop",
154
- "value": "0.375rem",
119
+ "value": "8px",
155
120
  "values": [
156
- "--pf-v6-global--spacer--form-element",
157
- "$pf-v5-global--spacer--form-element",
158
- "pf-size-prem(6px)",
159
- "0.375rem"
121
+ "--pf-t--global--spacer--sm",
122
+ "--pf-t--global--spacer--200",
123
+ "8px"
160
124
  ]
161
125
  },
162
126
  "c_text_input_group__text_input_PaddingRight": {
163
127
  "name": "--pf-v6-c-text-input-group__text-input--PaddingRight",
164
- "value": "0.5rem",
128
+ "value": "8px",
165
129
  "values": [
166
- "--pf-v6-global--spacer--sm",
167
- "$pf-v5-global--spacer--sm",
168
- "pf-size-prem(8px)",
169
- "0.5rem"
130
+ "--pf-t--global--spacer--sm",
131
+ "--pf-t--global--spacer--200",
132
+ "8px"
170
133
  ]
171
134
  },
172
135
  "c_text_input_group__text_input_PaddingBottom": {
173
136
  "name": "--pf-v6-c-text-input-group__text-input--PaddingBottom",
174
- "value": "0.375rem",
137
+ "value": "8px",
175
138
  "values": [
176
- "--pf-v6-global--spacer--form-element",
177
- "$pf-v5-global--spacer--form-element",
178
- "pf-size-prem(6px)",
179
- "0.375rem"
139
+ "--pf-t--global--spacer--sm",
140
+ "--pf-t--global--spacer--200",
141
+ "8px"
180
142
  ]
181
143
  },
182
144
  "c_text_input_group__text_input_PaddingLeft": {
183
145
  "name": "--pf-v6-c-text-input-group__text-input--PaddingLeft",
184
- "value": "0.5rem",
146
+ "value": "8px",
185
147
  "values": [
186
- "--pf-v6-global--spacer--sm",
187
- "$pf-v5-global--spacer--sm",
188
- "pf-size-prem(8px)",
189
- "0.5rem"
148
+ "--pf-t--global--spacer--sm",
149
+ "--pf-t--global--spacer--200",
150
+ "8px"
190
151
  ]
191
152
  },
192
153
  "c_text_input_group__text_input_MinWidth": {
@@ -195,46 +156,51 @@ exports.c_text_input_group = {
195
156
  },
196
157
  "c_text_input_group__text_input_m_hint_Color": {
197
158
  "name": "--pf-v6-c-text-input-group__text-input--m-hint--Color",
198
- "value": "#6a6e73",
159
+ "value": "#4d4d4d",
199
160
  "values": [
200
- "--pf-v6-global--Color--200",
201
- "$pf-v5-global--Color--200",
202
- "$pf-v5-color-black-600",
203
- "#6a6e73"
161
+ "--pf-t--global--text--color--placeholder",
162
+ "--pf-t--global--text--color--subtle",
163
+ "--pf-t--global--text--color--200",
164
+ "--pf-t--color--gray--60",
165
+ "#4d4d4d"
204
166
  ]
205
167
  },
206
168
  "c_text_input_group__text_input_placeholder_Color": {
207
169
  "name": "--pf-v6-c-text-input-group__text-input--placeholder--Color",
208
- "value": "#6a6e73",
170
+ "value": "#4d4d4d",
209
171
  "values": [
210
- "--pf-v6-global--Color--200",
211
- "$pf-v5-global--Color--200",
212
- "$pf-v5-color-black-600",
213
- "#6a6e73"
172
+ "--pf-t--global--text--color--placeholder",
173
+ "--pf-t--global--text--color--subtle",
174
+ "--pf-t--global--text--color--200",
175
+ "--pf-t--color--gray--60",
176
+ "#4d4d4d"
214
177
  ]
215
178
  },
216
179
  "c_text_input_group__text_input_BackgroundColor": {
217
180
  "name": "--pf-v6-c-text-input-group__text-input--BackgroundColor",
218
181
  "value": "transparent"
219
182
  },
183
+ "c_text_input_group__text_input_OutlineOffset": {
184
+ "name": "--pf-v6-c-text-input-group__text-input--OutlineOffset",
185
+ "value": "-6px"
186
+ },
220
187
  "c_text_input_group__icon_Left": {
221
188
  "name": "--pf-v6-c-text-input-group__icon--Left",
222
- "value": "0.5rem",
189
+ "value": "8px",
223
190
  "values": [
224
- "--pf-v6-global--spacer--sm",
225
- "$pf-v5-global--spacer--sm",
226
- "pf-size-prem(8px)",
227
- "0.5rem"
191
+ "--pf-t--global--spacer--sm",
192
+ "--pf-t--global--spacer--200",
193
+ "8px"
228
194
  ]
229
195
  },
230
196
  "c_text_input_group__icon_Color": {
231
197
  "name": "--pf-v6-c-text-input-group__icon--Color",
232
- "value": "#151515",
198
+ "value": "#1f1f1f",
233
199
  "values": [
234
- "--pf-v6-global--icon--Color--dark",
235
- "$pf-v5-global--icon--Color--dark",
236
- "$pf-v5-color-black-900",
237
- "#151515"
200
+ "--pf-t--global--icon--color--regular",
201
+ "--pf-t--global--icon--color--100",
202
+ "--pf-t--color--gray--90",
203
+ "#1f1f1f"
238
204
  ]
239
205
  },
240
206
  "c_text_input_group__icon_TranslateY": {
@@ -243,108 +209,89 @@ exports.c_text_input_group = {
243
209
  },
244
210
  "c_text_input_group__utilities_child_MarginLeft": {
245
211
  "name": "--pf-v6-c-text-input-group__utilities--child--MarginLeft",
246
- "value": "0.25rem",
212
+ "value": "4px",
247
213
  "values": [
248
- "--pf-v6-global--spacer--xs",
249
- "$pf-v5-global--spacer--xs",
250
- "pf-size-prem(4px)",
251
- "0.25rem"
214
+ "--pf-t--global--spacer--xs",
215
+ "--pf-t--global--spacer--100",
216
+ "4px"
252
217
  ]
253
218
  },
254
219
  "c_text_input_group__utilities_c_button_PaddingRight": {
255
220
  "name": "--pf-v6-c-text-input-group__utilities--c-button--PaddingRight",
256
- "value": "0.25rem",
221
+ "value": "4px",
257
222
  "values": [
258
- "--pf-v6-global--spacer--xs",
259
- "$pf-v5-global--spacer--xs",
260
- "pf-size-prem(4px)",
261
- "0.25rem"
223
+ "--pf-t--global--spacer--xs",
224
+ "--pf-t--global--spacer--100",
225
+ "4px"
262
226
  ]
263
227
  },
264
228
  "c_text_input_group__utilities_c_button_PaddingLeft": {
265
229
  "name": "--pf-v6-c-text-input-group__utilities--c-button--PaddingLeft",
266
- "value": "0.25rem",
230
+ "value": "4px",
267
231
  "values": [
268
- "--pf-v6-global--spacer--xs",
269
- "$pf-v5-global--spacer--xs",
270
- "pf-size-prem(4px)",
271
- "0.25rem"
232
+ "--pf-t--global--spacer--xs",
233
+ "--pf-t--global--spacer--100",
234
+ "4px"
272
235
  ]
273
236
  },
274
237
  "c_text_input_group_m_disabled_Color": {
275
238
  "name": "--pf-v6-c-text-input-group--m-disabled--Color",
276
- "value": "#6a6e73",
239
+ "value": "#4d4d4d",
277
240
  "values": [
278
- "--pf-v6-global--disabled-color--100",
279
- "$pf-v5-global--disabled-color--100",
280
- "$pf-v5-color-black-600",
281
- "#6a6e73"
241
+ "--pf-t--global--text--color--on-disabled",
242
+ "--pf-t--global--color--disabled--300",
243
+ "--pf-t--color--gray--60",
244
+ "#4d4d4d"
282
245
  ]
283
246
  },
284
247
  "c_text_input_group_m_disabled_BackgroundColor": {
285
248
  "name": "--pf-v6-c-text-input-group--m-disabled--BackgroundColor",
286
- "value": "#f0f0f0",
249
+ "value": "#a3a3a3",
287
250
  "values": [
288
- "--pf-v6-global--disabled-color--300",
289
- "$pf-v5-global--disabled-color--300",
290
- "$pf-v5-color-black-200",
291
- "#f0f0f0"
251
+ "--pf-t--global--background--color--disabled--default",
252
+ "--pf-t--global--color--disabled--100",
253
+ "--pf-t--color--gray--40",
254
+ "#a3a3a3"
292
255
  ]
293
256
  }
294
257
  },
295
258
  ".pf-v6-c-text-input-group:hover": {
296
- "c_text_input_group__text_after_BorderBottomColor": {
297
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
298
- "value": "#06c",
259
+ "c_text_input_group_BorderColor": {
260
+ "name": "--pf-v6-c-text-input-group--BorderColor",
261
+ "value": "",
299
262
  "values": [
300
- "--pf-v6-c-text-input-group--hover__text--after--BorderBottomColor",
301
- "--pf-v6-global--primary-color--100",
302
- "$pf-v5-global--primary-color--100",
303
- "$pf-v5-color-blue-400",
304
- "#06c"
263
+ "--pf-v6-c-text-input-group--m-hover--BorderColor",
264
+ "--pf-t--global--border--color--hover",
265
+ ""
305
266
  ]
306
267
  }
307
268
  },
308
269
  ".pf-v6-c-text-input-group.pf-m-disabled": {
309
- "c_text_input_group__text_before_BorderWidth": {
310
- "name": "--pf-v6-c-text-input-group__text--before--BorderWidth",
311
- "value": "0"
312
- },
313
- "c_text_input_group__text_after_BorderBottomWidth": {
314
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
315
- "value": "0"
316
- },
317
270
  "c_text_input_group_Color": {
318
271
  "name": "--pf-v6-c-text-input-group--Color",
319
- "value": "#6a6e73",
272
+ "value": "",
320
273
  "values": [
321
274
  "--pf-v6-c-text-input-group--m-disabled--Color",
322
- "--pf-v6-global--disabled-color--100",
323
- "$pf-v5-global--disabled-color--100",
324
- "$pf-v5-color-black-600",
325
- "#6a6e73"
275
+ "--pf-t--global--text--color--on-disabled",
276
+ ""
326
277
  ]
327
278
  },
328
279
  "c_text_input_group__icon_Color": {
329
280
  "name": "--pf-v6-c-text-input-group__icon--Color",
330
- "value": "#6a6e73",
281
+ "value": "",
331
282
  "values": [
332
283
  "--pf-v6-c-text-input-group--m-disabled--Color",
333
- "--pf-v6-global--disabled-color--100",
334
- "$pf-v5-global--disabled-color--100",
335
- "$pf-v5-color-black-600",
336
- "#6a6e73"
284
+ "--pf-t--global--text--color--on-disabled",
285
+ ""
337
286
  ]
338
287
  },
339
288
  "c_text_input_group_BackgroundColor": {
340
289
  "name": "--pf-v6-c-text-input-group--BackgroundColor",
341
- "value": "#f0f0f0",
290
+ "value": "",
342
291
  "values": [
343
292
  "--pf-v6-c-text-input-group--m-disabled--BackgroundColor",
344
- "--pf-v6-global--disabled-color--300",
345
- "$pf-v5-global--disabled-color--300",
346
- "$pf-v5-color-black-200",
347
- "#f0f0f0"
293
+ "--pf-t--global--background--color--disabled--default",
294
+ ""
348
295
  ]
349
296
  }
350
297
  },
@@ -357,36 +304,12 @@ exports.c_text_input_group = {
357
304
  ".pf-v6-c-text-input-group__main.pf-m-icon": {
358
305
  "c_text_input_group__text_input_PaddingLeft": {
359
306
  "name": "--pf-v6-c-text-input-group__text-input--PaddingLeft",
360
- "value": "2rem",
307
+ "value": "32px",
361
308
  "values": [
362
309
  "--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft",
363
- "--pf-v6-global--spacer--xl",
364
- "$pf-v5-global--spacer--xl",
365
- "pf-size-prem(32px)",
366
- "2rem"
367
- ]
368
- }
369
- },
370
- ".pf-v6-c-text-input-group__text:focus-within": {
371
- "c_text_input_group__text_after_BorderBottomWidth": {
372
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
373
- "value": "2px",
374
- "values": [
375
- "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth",
376
- "--pf-v6-global--BorderWidth--md",
377
- "$pf-v5-global--BorderWidth--md",
378
- "2px"
379
- ]
380
- },
381
- "c_text_input_group__text_after_BorderBottomColor": {
382
- "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
383
- "value": "#06c",
384
- "values": [
385
- "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor",
386
- "--pf-v6-global--primary-color--100",
387
- "$pf-v5-global--primary-color--100",
388
- "$pf-v5-color-blue-400",
389
- "#06c"
310
+ "--pf-t--global--spacer--xl",
311
+ "--pf-t--global--spacer--500",
312
+ "32px"
390
313
  ]
391
314
  }
392
315
  }
@@ -0,0 +1,6 @@
1
+ export const c_text_input_group_BorderColor: {
2
+ "name": "--pf-v6-c-text-input-group--BorderColor",
3
+ "value": "",
4
+ "var": "var(--pf-v6-c-text-input-group--BorderColor)"
5
+ };
6
+ export default c_text_input_group_BorderColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_text_input_group_BorderColor = {
4
+ "name": "--pf-v6-c-text-input-group--BorderColor",
5
+ "value": "",
6
+ "var": "var(--pf-v6-c-text-input-group--BorderColor)"
7
+ };
8
+ exports["default"] = exports.c_text_input_group_BorderColor;
@@ -0,0 +1,6 @@
1
+ export const c_text_input_group_BorderRadius: {
2
+ "name": "--pf-v6-c-text-input-group--BorderRadius",
3
+ "value": "6px",
4
+ "var": "var(--pf-v6-c-text-input-group--BorderRadius)"
5
+ };
6
+ export default c_text_input_group_BorderRadius;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_text_input_group_BorderRadius = {
4
+ "name": "--pf-v6-c-text-input-group--BorderRadius",
5
+ "value": "6px",
6
+ "var": "var(--pf-v6-c-text-input-group--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.c_text_input_group_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_text_input_group_BorderWidth: {
2
+ "name": "--pf-v6-c-text-input-group--BorderWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-v6-c-text-input-group--BorderWidth)"
5
+ };
6
+ export default c_text_input_group_BorderWidth;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_text_input_group_BorderWidth = {
4
+ "name": "--pf-v6-c-text-input-group--BorderWidth",
5
+ "value": "1px",
6
+ "var": "var(--pf-v6-c-text-input-group--BorderWidth)"
7
+ };
8
+ exports["default"] = exports.c_text_input_group_BorderWidth;
@@ -1,6 +1,6 @@
1
1
  export const c_text_input_group_Color: {
2
2
  "name": "--pf-v6-c-text-input-group--Color",
3
- "value": "#6a6e73",
3
+ "value": "",
4
4
  "var": "var(--pf-v6-c-text-input-group--Color)"
5
5
  };
6
6
  export default c_text_input_group_Color;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_text_input_group_Color = {
4
4
  "name": "--pf-v6-c-text-input-group--Color",
5
- "value": "#6a6e73",
5
+ "value": "",
6
6
  "var": "var(--pf-v6-c-text-input-group--Color)"
7
7
  };
8
8
  exports["default"] = exports.c_text_input_group_Color;
@@ -1,6 +1,6 @@
1
1
  export const c_text_input_group__icon_Color: {
2
2
  "name": "--pf-v6-c-text-input-group__icon--Color",
3
- "value": "#6a6e73",
3
+ "value": "",
4
4
  "var": "var(--pf-v6-c-text-input-group__icon--Color)"
5
5
  };
6
6
  export default c_text_input_group__icon_Color;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_text_input_group__icon_Color = {
4
4
  "name": "--pf-v6-c-text-input-group__icon--Color",
5
- "value": "#6a6e73",
5
+ "value": "",
6
6
  "var": "var(--pf-v6-c-text-input-group__icon--Color)"
7
7
  };
8
8
  exports["default"] = exports.c_text_input_group__icon_Color;
@@ -1,6 +1,6 @@
1
1
  export const c_text_input_group__icon_Left: {
2
2
  "name": "--pf-v6-c-text-input-group__icon--Left",
3
- "value": "0.5rem",
3
+ "value": "8px",
4
4
  "var": "var(--pf-v6-c-text-input-group__icon--Left)"
5
5
  };
6
6
  export default c_text_input_group__icon_Left;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_text_input_group__icon_Left = {
4
4
  "name": "--pf-v6-c-text-input-group__icon--Left",
5
- "value": "0.5rem",
5
+ "value": "8px",
6
6
  "var": "var(--pf-v6-c-text-input-group__icon--Left)"
7
7
  };
8
8
  exports["default"] = exports.c_text_input_group__icon_Left;
@@ -1,6 +1,6 @@
1
1
  export const c_text_input_group__main_ColumnGap: {
2
2
  "name": "--pf-v6-c-text-input-group__main--ColumnGap",
3
- "value": "0.5rem",
3
+ "value": "4px",
4
4
  "var": "var(--pf-v6-c-text-input-group__main--ColumnGap)"
5
5
  };
6
6
  export default c_text_input_group__main_ColumnGap;