@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250520

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 (228) hide show
  1. package/dist/Accordion.cjs +2 -2
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +2 -2
  4. package/dist/ActionBar.cjs +60 -60
  5. package/dist/ActionBar.css +59 -59
  6. package/dist/ActionBar.mjs +60 -60
  7. package/dist/ActionButton.cjs +187 -187
  8. package/dist/ActionButton.css +134 -134
  9. package/dist/ActionButton.mjs +187 -187
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +120 -120
  26. package/dist/AvatarGroup.css +37 -37
  27. package/dist/AvatarGroup.mjs +120 -120
  28. package/dist/Badge.cjs +196 -196
  29. package/dist/Badge.css +129 -129
  30. package/dist/Badge.mjs +196 -196
  31. package/dist/Breadcrumbs.cjs +231 -231
  32. package/dist/Breadcrumbs.css +102 -102
  33. package/dist/Breadcrumbs.mjs +231 -231
  34. package/dist/Button.cjs +328 -328
  35. package/dist/Button.css +176 -176
  36. package/dist/Button.mjs +328 -328
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Card.cjs +294 -294
  41. package/dist/Card.css +205 -205
  42. package/dist/Card.mjs +294 -294
  43. package/dist/CardView.cjs +17 -17
  44. package/dist/CardView.css +17 -17
  45. package/dist/CardView.mjs +17 -17
  46. package/dist/CenterBaseline.cjs +1 -1
  47. package/dist/CenterBaseline.css +2 -2
  48. package/dist/CenterBaseline.mjs +1 -1
  49. package/dist/Checkbox.cjs +160 -160
  50. package/dist/Checkbox.css +94 -94
  51. package/dist/Checkbox.mjs +160 -160
  52. package/dist/CheckboxGroup.cjs +43 -43
  53. package/dist/CheckboxGroup.css +41 -41
  54. package/dist/CheckboxGroup.mjs +43 -43
  55. package/dist/Checkmark.cjs +12 -12
  56. package/dist/Checkmark.css +8 -8
  57. package/dist/Checkmark.mjs +12 -12
  58. package/dist/Chevron.cjs +12 -12
  59. package/dist/Chevron.css +10 -10
  60. package/dist/Chevron.mjs +12 -12
  61. package/dist/ClearButton.cjs +29 -29
  62. package/dist/ClearButton.css +29 -29
  63. package/dist/ClearButton.mjs +29 -29
  64. package/dist/CloseButton.cjs +54 -54
  65. package/dist/CloseButton.css +46 -46
  66. package/dist/CloseButton.mjs +54 -54
  67. package/dist/ColorArea.cjs +16 -16
  68. package/dist/ColorArea.css +16 -16
  69. package/dist/ColorArea.mjs +16 -16
  70. package/dist/ColorField.cjs +31 -31
  71. package/dist/ColorField.css +31 -31
  72. package/dist/ColorField.mjs +31 -31
  73. package/dist/ColorHandle.cjs +27 -27
  74. package/dist/ColorHandle.css +42 -42
  75. package/dist/ColorHandle.mjs +27 -27
  76. package/dist/ColorSlider.cjs +108 -108
  77. package/dist/ColorSlider.css +56 -56
  78. package/dist/ColorSlider.mjs +108 -108
  79. package/dist/ColorSwatch.cjs +29 -29
  80. package/dist/ColorSwatch.css +29 -29
  81. package/dist/ColorSwatch.mjs +29 -29
  82. package/dist/ColorSwatchPicker.cjs +27 -27
  83. package/dist/ColorSwatchPicker.css +46 -46
  84. package/dist/ColorSwatchPicker.mjs +27 -27
  85. package/dist/ColorWheel.cjs +26 -26
  86. package/dist/ColorWheel.css +17 -17
  87. package/dist/ColorWheel.mjs +26 -26
  88. package/dist/ComboBox.cjs +379 -379
  89. package/dist/ComboBox.cjs.map +1 -1
  90. package/dist/ComboBox.css +179 -179
  91. package/dist/ComboBox.css.map +1 -1
  92. package/dist/ComboBox.mjs +379 -379
  93. package/dist/ComboBox.mjs.map +1 -1
  94. package/dist/ContextualHelp.cjs +5 -5
  95. package/dist/ContextualHelp.css +47 -47
  96. package/dist/ContextualHelp.mjs +5 -5
  97. package/dist/Cross.cjs +14 -14
  98. package/dist/Cross.css +10 -10
  99. package/dist/Cross.mjs +14 -14
  100. package/dist/CustomDialog.cjs +25 -25
  101. package/dist/CustomDialog.css +25 -25
  102. package/dist/CustomDialog.mjs +25 -25
  103. package/dist/Dash.cjs +10 -10
  104. package/dist/Dash.css +6 -6
  105. package/dist/Dash.mjs +10 -10
  106. package/dist/Dialog.cjs +17 -17
  107. package/dist/Dialog.css +70 -70
  108. package/dist/Dialog.mjs +17 -17
  109. package/dist/Disclosure.cjs +129 -129
  110. package/dist/Disclosure.css +104 -104
  111. package/dist/Disclosure.mjs +129 -129
  112. package/dist/Divider.cjs +25 -25
  113. package/dist/Divider.css +25 -25
  114. package/dist/Divider.mjs +25 -25
  115. package/dist/DropZone.cjs +58 -58
  116. package/dist/DropZone.css +54 -54
  117. package/dist/DropZone.mjs +58 -58
  118. package/dist/Field.cjs +340 -340
  119. package/dist/Field.css +144 -144
  120. package/dist/Field.mjs +340 -340
  121. package/dist/Form.cjs +9 -9
  122. package/dist/Form.css +9 -9
  123. package/dist/Form.mjs +9 -9
  124. package/dist/FullscreenDialog.cjs +5 -5
  125. package/dist/FullscreenDialog.css +79 -79
  126. package/dist/FullscreenDialog.mjs +5 -5
  127. package/dist/IllustratedMessage.cjs +219 -219
  128. package/dist/IllustratedMessage.css +74 -74
  129. package/dist/IllustratedMessage.mjs +219 -219
  130. package/dist/Image.cjs +13 -13
  131. package/dist/Image.css +14 -14
  132. package/dist/Image.mjs +13 -13
  133. package/dist/InlineAlert.cjs +108 -108
  134. package/dist/InlineAlert.css +90 -90
  135. package/dist/InlineAlert.mjs +108 -108
  136. package/dist/Link.cjs +49 -49
  137. package/dist/Link.css +41 -41
  138. package/dist/Link.mjs +49 -49
  139. package/dist/LinkOut.cjs +8 -8
  140. package/dist/LinkOut.css +8 -8
  141. package/dist/LinkOut.mjs +8 -8
  142. package/dist/Menu.cjs +422 -422
  143. package/dist/Menu.css +180 -180
  144. package/dist/Menu.mjs +422 -422
  145. package/dist/Meter.cjs +153 -153
  146. package/dist/Meter.css +95 -95
  147. package/dist/Meter.mjs +153 -153
  148. package/dist/Modal.cjs +58 -58
  149. package/dist/Modal.css +50 -50
  150. package/dist/Modal.mjs +58 -58
  151. package/dist/NotificationBadge.cjs +56 -56
  152. package/dist/NotificationBadge.css +51 -51
  153. package/dist/NotificationBadge.mjs +56 -56
  154. package/dist/NumberField.cjs +114 -114
  155. package/dist/NumberField.css +103 -103
  156. package/dist/NumberField.mjs +114 -114
  157. package/dist/Picker.cjs +271 -271
  158. package/dist/Picker.css +169 -169
  159. package/dist/Picker.mjs +271 -271
  160. package/dist/Popover.cjs +85 -85
  161. package/dist/Popover.css +66 -66
  162. package/dist/Popover.mjs +85 -85
  163. package/dist/ProgressBar.cjs +163 -163
  164. package/dist/ProgressBar.css +103 -103
  165. package/dist/ProgressBar.mjs +163 -163
  166. package/dist/ProgressCircle.cjs +17 -17
  167. package/dist/ProgressCircle.css +17 -17
  168. package/dist/ProgressCircle.mjs +17 -17
  169. package/dist/Provider.cjs +10 -10
  170. package/dist/Provider.css +9 -9
  171. package/dist/Provider.mjs +10 -10
  172. package/dist/Radio.cjs +144 -144
  173. package/dist/Radio.css +81 -81
  174. package/dist/Radio.mjs +144 -144
  175. package/dist/RadioGroup.cjs +41 -41
  176. package/dist/RadioGroup.css +41 -41
  177. package/dist/RadioGroup.mjs +41 -41
  178. package/dist/SearchField.cjs +41 -41
  179. package/dist/SearchField.css +49 -49
  180. package/dist/SearchField.mjs +41 -41
  181. package/dist/SegmentedControl.cjs +171 -171
  182. package/dist/SegmentedControl.css +120 -120
  183. package/dist/SegmentedControl.mjs +171 -171
  184. package/dist/Slider.cjs +288 -288
  185. package/dist/Slider.css +152 -152
  186. package/dist/Slider.mjs +288 -288
  187. package/dist/StatusLight.cjs +115 -115
  188. package/dist/StatusLight.css +63 -63
  189. package/dist/StatusLight.mjs +115 -115
  190. package/dist/Switch.cjs +152 -152
  191. package/dist/Switch.css +76 -76
  192. package/dist/Switch.mjs +152 -152
  193. package/dist/TableView.cjs +310 -310
  194. package/dist/TableView.css +172 -172
  195. package/dist/TableView.mjs +310 -310
  196. package/dist/Tabs.cjs +108 -108
  197. package/dist/Tabs.css +92 -92
  198. package/dist/Tabs.mjs +108 -108
  199. package/dist/TabsPicker.cjs +123 -123
  200. package/dist/TabsPicker.css +112 -112
  201. package/dist/TabsPicker.mjs +123 -123
  202. package/dist/TagGroup.cjs +202 -202
  203. package/dist/TagGroup.css +147 -147
  204. package/dist/TagGroup.mjs +202 -202
  205. package/dist/TextField.cjs +57 -57
  206. package/dist/TextField.css +57 -57
  207. package/dist/TextField.mjs +57 -57
  208. package/dist/Toast.cjs +118 -118
  209. package/dist/Toast.css +105 -105
  210. package/dist/Toast.mjs +118 -118
  211. package/dist/ToggleButton.cjs +3 -3
  212. package/dist/ToggleButton.css +12 -12
  213. package/dist/ToggleButton.mjs +3 -3
  214. package/dist/Tooltip.cjs +81 -81
  215. package/dist/Tooltip.css +68 -68
  216. package/dist/Tooltip.mjs +81 -81
  217. package/dist/TreeView.cjs +142 -142
  218. package/dist/TreeView.css +143 -143
  219. package/dist/TreeView.mjs +142 -142
  220. package/icons/Icon.cjs +10 -10
  221. package/icons/Icon.css +9 -9
  222. package/icons/Icon.mjs +10 -10
  223. package/icons/Skeleton.cjs +2 -2
  224. package/icons/Skeleton.css +6 -6
  225. package/icons/Skeleton.mjs +2 -2
  226. package/package.json +20 -20
  227. package/src/ComboBox.tsx +3 -2
  228. package/style/__tests__/style-macro.test.js +56 -56
package/dist/Switch.mjs CHANGED
@@ -37,208 +37,208 @@ const $8926b17b75ae985d$var$wrapper = function anonymous(props, overrides) {
37
37
  if (p[1] === "z") gridColumnStart = true;
38
38
  rules += p[0];
39
39
  }
40
- rules += ' sd8';
41
- rules += ' qf8';
42
- rules += ' ea8';
43
- if (!width) rules += ' ZJ8';
40
+ rules += ' sd9';
41
+ rules += ' qf9';
42
+ rules += ' ea9';
43
+ if (!width) rules += ' ZJ9';
44
44
  if (props.size === "XL") {
45
- rules += ' ug8';
46
- rules += ' uch8';
47
- rules += ' udi8';
48
- rules += ' uea8';
49
- rules += ' ugb8';
50
- rules += ' uhd8';
51
- rules += ' uje8';
52
- rules += ' uic8';
45
+ rules += ' ug9';
46
+ rules += ' uch9';
47
+ rules += ' udi9';
48
+ rules += ' uea9';
49
+ rules += ' ugb9';
50
+ rules += ' uhd9';
51
+ rules += ' uje9';
52
+ rules += ' uic9';
53
53
  } else if (props.size === "L") {
54
- rules += ' ug8';
55
- rules += ' uch8';
56
- rules += ' udi8';
57
- rules += ' uea8';
58
- rules += ' ugb8';
59
- rules += ' uhd8';
60
- rules += ' uje8';
61
- rules += ' uic8';
54
+ rules += ' ug9';
55
+ rules += ' uch9';
56
+ rules += ' udi9';
57
+ rules += ' uea9';
58
+ rules += ' ugb9';
59
+ rules += ' uhd9';
60
+ rules += ' uje9';
61
+ rules += ' uic9';
62
62
  } else if (props.size === "S") {
63
- rules += ' ug8';
64
- rules += ' uch8';
65
- rules += ' udi8';
66
- rules += ' uea8';
67
- rules += ' ugb8';
68
- rules += ' uhd8';
69
- rules += ' uje8';
70
- rules += ' uic8';
63
+ rules += ' ug9';
64
+ rules += ' uch9';
65
+ rules += ' udi9';
66
+ rules += ' uea9';
67
+ rules += ' ugb9';
68
+ rules += ' uhd9';
69
+ rules += ' uje9';
70
+ rules += ' uic9';
71
71
  } else if (props.size === "XS") {
72
- rules += ' ug8';
73
- rules += ' uch8';
74
- rules += ' udi8';
75
- rules += ' uea8';
76
- rules += ' ugb8';
77
- rules += ' uhd8';
78
- rules += ' uje8';
79
- rules += ' uic8';
72
+ rules += ' ug9';
73
+ rules += ' uch9';
74
+ rules += ' udi9';
75
+ rules += ' uea9';
76
+ rules += ' ugb9';
77
+ rules += ' uhd9';
78
+ rules += ' uje9';
79
+ rules += ' uic9';
80
80
  } else {
81
- rules += ' ug8';
82
- rules += ' uch8';
83
- rules += ' udi8';
84
- rules += ' uea8';
85
- rules += ' ugb8';
86
- rules += ' uhd8';
87
- rules += ' uje8';
88
- rules += ' uic8';
81
+ rules += ' ug9';
82
+ rules += ' uch9';
83
+ rules += ' udi9';
84
+ rules += ' uea9';
85
+ rules += ' ugb9';
86
+ rules += ' uhd9';
87
+ rules += ' uje9';
88
+ rules += ' uic9';
89
89
  }
90
90
  if (props.size === "XL") {
91
- rules += ' vg8';
92
- rules += ' vsj8';
91
+ rules += ' vg9';
92
+ rules += ' vsj9';
93
93
  } else if (props.size === "L") {
94
- rules += ' vp8';
95
- rules += ' vsh8';
94
+ rules += ' vp9';
95
+ rules += ' vsh9';
96
96
  } else if (props.size === "S") {
97
- rules += ' vb8';
98
- rules += ' vse8';
97
+ rules += ' vb9';
98
+ rules += ' vse9';
99
99
  } else if (props.size === "XS") {
100
- rules += ' va8';
101
- rules += ' vsc8';
100
+ rules += ' va9';
101
+ rules += ' vsc9';
102
102
  } else {
103
- rules += ' vd8';
104
- rules += ' vsf8';
103
+ rules += ' vd9';
104
+ rules += ' vsf9';
105
105
  }
106
106
  if (props.size === "XL") {
107
- rules += ' wb8';
108
- rules += ' xb8';
109
- rules += ' _xa8';
107
+ rules += ' wb9';
108
+ rules += ' xb9';
109
+ rules += ' _xa9';
110
110
  } else if (props.size === "L") {
111
- rules += ' wb8';
112
- rules += ' xb8';
113
- rules += ' _xa8';
111
+ rules += ' wb9';
112
+ rules += ' xb9';
113
+ rules += ' _xa9';
114
114
  } else if (props.size === "S") {
115
- rules += ' wb8';
116
- rules += ' xb8';
117
- rules += ' _xa8';
115
+ rules += ' wb9';
116
+ rules += ' xb9';
117
+ rules += ' _xa9';
118
118
  } else if (props.size === "XS") {
119
- rules += ' wb8';
120
- rules += ' xb8';
121
- rules += ' _xa8';
119
+ rules += ' wb9';
120
+ rules += ' xb9';
121
+ rules += ' _xa9';
122
122
  } else {
123
- rules += ' wb8';
124
- rules += ' xb8';
125
- rules += ' _xa8';
123
+ rules += ' wb9';
124
+ rules += ' xb9';
125
+ rules += ' _xa9';
126
126
  }
127
127
  if (props.size === "XL") {
128
- rules += ' _Fa8';
129
- rules += ' _Ffb8';
128
+ rules += ' _Fa9';
129
+ rules += ' _Ffb9';
130
130
  } else if (props.size === "L") {
131
- rules += ' _Fa8';
132
- rules += ' _Ffb8';
131
+ rules += ' _Fa9';
132
+ rules += ' _Ffb9';
133
133
  } else if (props.size === "S") {
134
- rules += ' _Fa8';
135
- rules += ' _Ffb8';
134
+ rules += ' _Fa9';
135
+ rules += ' _Ffb9';
136
136
  } else if (props.size === "XS") {
137
- rules += ' _Fa8';
138
- rules += ' _Ffb8';
137
+ rules += ' _Fa9';
138
+ rules += ' _Ffb9';
139
139
  } else {
140
- rules += ' _Fa8';
141
- rules += ' _Ffb8';
140
+ rules += ' _Fa9';
141
+ rules += ' _Ffb9';
142
142
  }
143
143
  if (props.isDisabled) {
144
- rules += ' pp8';
145
- rules += ' plc8';
144
+ rules += ' pp9';
145
+ rules += ' plc9';
146
146
  } else {
147
- if (props.isPressed) rules += ' po8';
148
- else if (props.isFocusVisible) rules += ' po8';
149
- else if (props.isHovered) rules += ' po8';
150
- else rules += ' pt8';
147
+ if (props.isPressed) rules += ' po9';
148
+ else if (props.isFocusVisible) rules += ' po9';
149
+ else if (props.isHovered) rules += ' po9';
150
+ else rules += ' pt9';
151
151
  }
152
- rules += ' Yc8';
153
- rules += ' Xb8';
154
- rules += ' _2b8';
152
+ rules += ' Yc9';
153
+ rules += ' Xb9';
154
+ rules += ' _2b9';
155
155
  if (props.isInForm) {
156
- if (!gridColumnStart) rules += ' zhJUGr8';
156
+ if (!gridColumnStart) rules += ' zhJUGr9';
157
157
  }
158
- rules += ' __ca8';
158
+ rules += ' __ca9';
159
159
  return rules;
160
160
  };
161
161
  const $8926b17b75ae985d$var$track = function anonymous(props) {
162
162
  let rules = " ";
163
- if (props.isFocusVisible) rules += ' _Lf8';
164
- else rules += ' _Le8';
165
- rules += ' Oh8';
166
- rules += ' _Mc8';
167
- rules += ' _Kd8';
168
- rules += ' og8';
169
- rules += ' ng8';
170
- rules += ' kg8';
171
- rules += ' jg8';
172
- rules += ' -ERv7Xb-ZmDIzbc8';
173
- if (props.size === "XL") rules += ' -LsrJQc-Fn8';
174
- else if (props.size === "L") rules += ' -LsrJQc-Fm8';
175
- else if (props.size === "S") rules += ' -LsrJQc-Fl8';
176
- else rules += ' -LsrJQc-Ft8';
177
- rules += ' ZAkyXj8';
178
- rules += ' Fpk5ROc8';
179
- rules += ' _oa8';
180
- rules += ' _kc8';
181
- rules += ' hc8';
182
- rules += ' mc8';
183
- rules += ' lc8';
184
- rules += ' _jf8';
185
- rules += ' Yd8';
186
- rules += ' Xb8';
187
- rules += ' _2b8';
188
- rules += ' _yb8';
189
- if (props.isSelected) rules += ' iA8';
163
+ if (props.isFocusVisible) rules += ' _Lf9';
164
+ else rules += ' _Le9';
165
+ rules += ' Oh9';
166
+ rules += ' _Mc9';
167
+ rules += ' _Kd9';
168
+ rules += ' og9';
169
+ rules += ' ng9';
170
+ rules += ' kg9';
171
+ rules += ' jg9';
172
+ rules += ' -ERv7Xb-ZmDIzbc9';
173
+ if (props.size === "XL") rules += ' -LsrJQc-Fn9';
174
+ else if (props.size === "L") rules += ' -LsrJQc-Fm9';
175
+ else if (props.size === "S") rules += ' -LsrJQc-Fl9';
176
+ else rules += ' -LsrJQc-Ft9';
177
+ rules += ' ZAkyXj9';
178
+ rules += ' Fpk5ROc9';
179
+ rules += ' _oa9';
180
+ rules += ' _kc9';
181
+ rules += ' hc9';
182
+ rules += ' mc9';
183
+ rules += ' lc9';
184
+ rules += ' _jf9';
185
+ rules += ' Yd9';
186
+ rules += ' Xb9';
187
+ rules += ' _2b9';
188
+ rules += ' _yb9';
189
+ if (props.isSelected) rules += ' iA9';
190
190
  else if (props.isDisabled) {
191
- rules += ' io8';
192
- rules += ' ilc8';
191
+ rules += ' io9';
192
+ rules += ' ilc9';
193
193
  } else {
194
- if (props.isPressed) rules += ' in8';
195
- else if (props.isFocusVisible) rules += ' in8';
196
- else if (props.isHovered) rules += ' in8';
197
- else rules += ' iv8';
198
- rules += ' ila8';
194
+ if (props.isPressed) rules += ' in9';
195
+ else if (props.isFocusVisible) rules += ' in9';
196
+ else if (props.isHovered) rules += ' in9';
197
+ else rules += ' iv9';
198
+ rules += ' ila9';
199
199
  }
200
200
  if (props.isSelected) {
201
201
  if (props.isDisabled) {
202
- rules += ' gw8';
203
- rules += ' gld8';
202
+ rules += ' gw9';
203
+ rules += ' gld9';
204
204
  } else {
205
205
  if (props.isEmphasized) {
206
- if (props.isPressed) rules += ' gY8';
207
- else if (props.isFocusVisible) rules += ' gY8';
208
- else if (props.isHovered) rules += ' gY8';
209
- else rules += ' g38';
206
+ if (props.isPressed) rules += ' gY9';
207
+ else if (props.isFocusVisible) rules += ' gY9';
208
+ else if (props.isHovered) rules += ' gY9';
209
+ else rules += ' g39';
210
210
  } else {
211
- if (props.isPressed) rules += ' gu8';
212
- else if (props.isFocusVisible) rules += ' gu8';
213
- else if (props.isHovered) rules += ' gu8';
214
- else rules += ' g08';
211
+ if (props.isPressed) rules += ' gu9';
212
+ else if (props.isFocusVisible) rules += ' gu9';
213
+ else if (props.isHovered) rules += ' gu9';
214
+ else rules += ' g09';
215
215
  }
216
- rules += ' gle8';
216
+ rules += ' gle9';
217
217
  }
218
- } else rules += ' gX8';
218
+ } else rules += ' gX9';
219
219
  return rules;
220
220
  };
221
221
  const $8926b17b75ae985d$var$handle = function anonymous(props) {
222
222
  let rules = " ";
223
- rules += ' Fb8';
224
- rules += ' fa8';
225
- rules += ' og8';
226
- rules += ' ng8';
227
- rules += ' kg8';
228
- rules += ' jg8';
229
- if (props.isSelected) rules += ' gX8';
223
+ rules += ' Fb9';
224
+ rules += ' fa9';
225
+ rules += ' og9';
226
+ rules += ' ng9';
227
+ rules += ' kg9';
228
+ rules += ' jg9';
229
+ if (props.isSelected) rules += ' gX9';
230
230
  else if (props.isDisabled) {
231
- rules += ' gw8';
232
- rules += ' gld8';
231
+ rules += ' gw9';
232
+ rules += ' gld9';
233
233
  } else {
234
- if (props.isPressed) rules += ' gu8';
235
- else if (props.isFocusVisible) rules += ' gu8';
236
- else if (props.isHovered) rules += ' gu8';
237
- else rules += ' g08';
234
+ if (props.isPressed) rules += ' gu9';
235
+ else if (props.isFocusVisible) rules += ' gu9';
236
+ else if (props.isHovered) rules += ' gu9';
237
+ else rules += ' g09';
238
238
  }
239
- rules += ' Yd8';
240
- rules += ' Xb8';
241
- rules += ' _2b8';
239
+ rules += ' Yd9';
240
+ rules += ' Xb9';
241
+ rules += ' _2b9';
242
242
  return rules;
243
243
  };
244
244
  // Use an inline style to calculate the transform so we can combine it with the press scale.