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