@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
@@ -47,20 +47,20 @@ const $4e301a98f0cc4e4f$var$disclosure = function anonymous(props, overrides) {
47
47
  if (p[1] === "N") minWidth = true;
48
48
  rules += p[0];
49
49
  }
50
- rules += ' po8';
51
- if (props.isQuiet) rules += ' _ka8';
52
- else rules += ' _kb8';
50
+ rules += ' po9';
51
+ if (props.isQuiet) rules += ' _ka9';
52
+ else rules += ' _kb9';
53
53
  if (props.isInGroup) {
54
- rules += ' ha8';
55
- if (props.isQuiet) rules += ' hka8';
56
- else rules += ' hkb8';
57
- } else if (props.isQuiet) rules += ' ha8';
58
- else rules += ' hb8';
59
- rules += ' ma8';
60
- rules += ' la8';
61
- rules += ' _jf8';
62
- rules += ' ir8';
63
- if (!minWidth) rules += ' Ng8';
54
+ rules += ' ha9';
55
+ if (props.isQuiet) rules += ' hka9';
56
+ else rules += ' hkb9';
57
+ } else if (props.isQuiet) rules += ' ha9';
58
+ else rules += ' hb9';
59
+ rules += ' ma9';
60
+ rules += ' la9';
61
+ rules += ' _jf9';
62
+ rules += ' ir9';
63
+ if (!minWidth) rules += ' Ng9';
64
64
  return rules;
65
65
  };
66
66
  const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react.forwardRef)(function Disclosure(props, ref) {
@@ -91,113 +91,113 @@ const $4e301a98f0cc4e4f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $5FRIp$react
91
91
  })
92
92
  });
93
93
  });
94
- const $4e301a98f0cc4e4f$var$headingStyle = " Jy8 Gy8 Iy8 Hy8 _ub8 sd8 _vb8 Na8";
94
+ const $4e301a98f0cc4e4f$var$headingStyle = " Jy9 Gy9 Iy9 Hy9 _ub9 sd9 _vb9 Na9";
95
95
  const $4e301a98f0cc4e4f$var$buttonStyles = function anonymous(props) {
96
96
  let rules = " ";
97
- if (props.isFocusVisible) rules += ' _Lf8';
98
- else rules += ' _Le8';
99
- rules += ' Oh8';
100
- rules += ' _Mc8';
101
- rules += ' _Kb8';
102
- rules += ' ug8';
103
- rules += ' uch8';
104
- rules += ' udi8';
105
- rules += ' uea8';
106
- rules += ' ugb8';
107
- rules += ' uhd8';
108
- rules += ' uje8';
109
- rules += ' uic8';
97
+ if (props.isFocusVisible) rules += ' _Lf9';
98
+ else rules += ' _Le9';
99
+ rules += ' Oh9';
100
+ rules += ' _Mc9';
101
+ rules += ' _Kb9';
102
+ rules += ' ug9';
103
+ rules += ' uch9';
104
+ rules += ' udi9';
105
+ rules += ' uea9';
106
+ rules += ' ugb9';
107
+ rules += ' uhd9';
108
+ rules += ' uje9';
109
+ rules += ' uic9';
110
110
  if (props.size === "XL") {
111
- rules += ' vi8';
112
- rules += ' vsl8';
111
+ rules += ' vi9';
112
+ rules += ' vsl9';
113
113
  } else if (props.size === "L") {
114
- rules += ' vg8';
115
- rules += ' vsj8';
114
+ rules += ' vg9';
115
+ rules += ' vsj9';
116
116
  } else if (props.size === "M") {
117
- rules += ' vp8';
118
- rules += ' vsh8';
117
+ rules += ' vp9';
118
+ rules += ' vsh9';
119
119
  } else if (props.size === "S") {
120
- rules += ' vd8';
121
- rules += ' vsf8';
120
+ rules += ' vd9';
121
+ rules += ' vsf9';
122
122
  }
123
- rules += ' wd8';
124
- rules += ' xd8';
125
- rules += ' _xa8';
126
- rules += ' _Fa8';
127
- rules += ' _Ffb8';
128
- if (props.isDisabled) rules += ' pp8';
123
+ rules += ' wd9';
124
+ rules += ' xd9';
125
+ rules += ' _xa9';
126
+ rules += ' _Fa9';
127
+ rules += ' _Ffb9';
128
+ if (props.isDisabled) rules += ' pp9';
129
129
  else {
130
- if (props.isPressed) rules += ' po8';
131
- else if (props.isFocusVisible) rules += ' po8';
132
- else if (props.isHovered) rules += ' po8';
133
- else rules += ' pt8';
130
+ if (props.isPressed) rules += ' po9';
131
+ else if (props.isFocusVisible) rules += ' po9';
132
+ else if (props.isHovered) rules += ' po9';
133
+ else rules += ' pt9';
134
134
  }
135
- rules += ' sd8';
136
- rules += ' _ub8';
137
- rules += ' ea8';
138
- rules += ' S6FcKR8';
139
- rules += ' R6FcKR8';
140
- rules += ' Tu7Fubd8';
141
- rules += ' Qu7Fubd8';
142
- rules += ' U6FcKR8';
143
- rules += ' q6FcKR8';
144
- rules += ' MAyFGYc8';
145
- rules += ' Za8';
146
- if (props.isPressed) rules += ' gnSjEFb8';
147
- else if (props.isHovered) rules += ' gabY4te8';
148
- else if (props.isFocusVisible) rules += ' gabY4te8';
149
- else rules += ' g98';
150
- rules += ' Yd8';
151
- rules += ' Xb8';
152
- rules += ' _2b8';
153
- rules += ' _kJ8iPYd8';
154
- rules += ' hXMFGYc8';
155
- rules += ' ma8';
156
- rules += ' la8';
157
- if (props.isQuiet) rules += ' ob8';
158
- else if (props.isFocusVisible) rules += ' ob8';
159
- else rules += ' od8';
160
- if (props.isQuiet) rules += ' nb8';
161
- else if (props.isFocusVisible) rules += ' nb8';
162
- else rules += ' nd8';
163
- if (props.isQuiet) rules += ' kb8';
164
- else if (props.isFocusVisible) rules += ' kb8';
165
- else rules += ' kd8';
166
- if (props.isQuiet) rules += ' jb8';
167
- else if (props.isFocusVisible) rules += ' jb8';
168
- else rules += ' jd8';
169
- rules += ' _Wd8';
170
- rules += ' __ca8';
135
+ rules += ' sd9';
136
+ rules += ' _ub9';
137
+ rules += ' ea9';
138
+ rules += ' S6FcKR9';
139
+ rules += ' R6FcKR9';
140
+ rules += ' Tu7Fubd9';
141
+ rules += ' Qu7Fubd9';
142
+ rules += ' U6FcKR9';
143
+ rules += ' q6FcKR9';
144
+ rules += ' MAyFGYc9';
145
+ rules += ' Za9';
146
+ if (props.isPressed) rules += ' gnSjEFb9';
147
+ else if (props.isHovered) rules += ' gabY4te9';
148
+ else if (props.isFocusVisible) rules += ' gabY4te9';
149
+ else rules += ' g99';
150
+ rules += ' Yd9';
151
+ rules += ' Xb9';
152
+ rules += ' _2b9';
153
+ rules += ' _kJ8iPYd9';
154
+ rules += ' hXMFGYc9';
155
+ rules += ' ma9';
156
+ rules += ' la9';
157
+ if (props.isQuiet) rules += ' ob9';
158
+ else if (props.isFocusVisible) rules += ' ob9';
159
+ else rules += ' od9';
160
+ if (props.isQuiet) rules += ' nb9';
161
+ else if (props.isFocusVisible) rules += ' nb9';
162
+ else rules += ' nd9';
163
+ if (props.isQuiet) rules += ' kb9';
164
+ else if (props.isFocusVisible) rules += ' kb9';
165
+ else rules += ' kd9';
166
+ if (props.isQuiet) rules += ' jb9';
167
+ else if (props.isFocusVisible) rules += ' jb9';
168
+ else rules += ' jd9';
169
+ rules += ' _Wd9';
170
+ rules += ' __ca9';
171
171
  if (props.size === "XL") {
172
- if (props.density === "spacious") rules += ' -M_-Mj8';
173
- else if (props.density === "regular") rules += ' -M_-Mk8';
174
- else if (props.density === "compact") rules += ' -M_-Mh8';
172
+ if (props.density === "spacious") rules += ' -M_-Mj9';
173
+ else if (props.density === "regular") rules += ' -M_-Mk9';
174
+ else if (props.density === "compact") rules += ' -M_-Mh9';
175
175
  } else if (props.size === "L") {
176
- if (props.density === "spacious") rules += ' -M_-Mk8';
177
- else if (props.density === "regular") rules += ' -M_-Mh8';
178
- else if (props.density === "compact") rules += ' -M_-Mi8';
176
+ if (props.density === "spacious") rules += ' -M_-Mk9';
177
+ else if (props.density === "regular") rules += ' -M_-Mh9';
178
+ else if (props.density === "compact") rules += ' -M_-Mi9';
179
179
  } else if (props.size === "M") {
180
- if (props.density === "spacious") rules += ' -M_-Mh8';
181
- else if (props.density === "regular") rules += ' -M_-Mi8';
182
- else if (props.density === "compact") rules += ' -M_-Mg8';
180
+ if (props.density === "spacious") rules += ' -M_-Mh9';
181
+ else if (props.density === "regular") rules += ' -M_-Mi9';
182
+ else if (props.density === "compact") rules += ' -M_-Mg9';
183
183
  } else if (props.size === "S") {
184
- if (props.density === "spacious") rules += ' -M_-Mi8';
185
- else if (props.density === "regular") rules += ' -M_-Mg8';
186
- else if (props.density === "compact") rules += ' -M_-Me8';
184
+ if (props.density === "spacious") rules += ' -M_-Mi9';
185
+ else if (props.density === "regular") rules += ' -M_-Mg9';
186
+ else if (props.density === "compact") rules += ' -M_-Me9';
187
187
  }
188
- rules += ' -_k_-_ka8';
189
- rules += ' -h_-ha8';
188
+ rules += ' -_k_-_ka9';
189
+ rules += ' -h_-ha9';
190
190
  return rules;
191
191
  };
192
192
  const $4e301a98f0cc4e4f$var$chevronStyles = function anonymous(props) {
193
193
  let rules = " ";
194
- if (props.isExpanded) rules += ' _Sd8';
195
- else if (props.isRTL) rules += ' _Sc8';
196
- rules += ' Yd8';
197
- rules += ' Xb8';
198
- rules += ' _2b8';
199
- rules += ' -_8sjo0b-t5ZbAob8';
200
- rules += ' _va8';
194
+ if (props.isExpanded) rules += ' _Sd9';
195
+ else if (props.isRTL) rules += ' _Sc9';
196
+ rules += ' Yd9';
197
+ rules += ' Xb9';
198
+ rules += ' _2b9';
199
+ rules += ' -_8sjo0b-t5ZbAob9';
200
+ rules += ' _va9';
201
201
  return rules;
202
202
  };
203
203
  const $4e301a98f0cc4e4f$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $5FRIp$react.createContext)(null);
@@ -233,7 +233,7 @@ function $4e301a98f0cc4e4f$var$DisclosureHeaderWithForwardRef(props, ref) {
233
233
  ],
234
234
  children: /*#__PURE__*/ (0, $5FRIp$reactjsxruntime.jsx)("div", {
235
235
  style: UNSAFE_style,
236
- className: (UNSAFE_className ?? '') + " sd8 eb8 Ub8 qb8",
236
+ className: (UNSAFE_className ?? '') + " sd9 eb9 Ub9 qb9",
237
237
  ref: domRef,
238
238
  children: children
239
239
  })
@@ -285,35 +285,35 @@ const $4e301a98f0cc4e4f$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $5FRIp$react
285
285
  });
286
286
  const $4e301a98f0cc4e4f$var$panelStyles = function anonymous(props) {
287
287
  let rules = " ";
288
- rules += ' ug8';
289
- rules += ' uch8';
290
- rules += ' udi8';
291
- rules += ' uea8';
292
- rules += ' ugb8';
293
- rules += ' uhd8';
294
- rules += ' uje8';
295
- rules += ' uic8';
296
- rules += ' vp8';
297
- rules += ' vsh8';
298
- rules += ' wb8';
299
- rules += ' xb8';
300
- rules += ' _xa8';
301
- rules += ' _Fb8';
302
- rules += ' _Ffc8';
303
- rules += ' pt8';
304
- if (props.isExpanded) rules += ' Tt8';
305
- if (props.isExpanded) rules += ' Qf8';
288
+ rules += ' ug9';
289
+ rules += ' uch9';
290
+ rules += ' udi9';
291
+ rules += ' uea9';
292
+ rules += ' ugb9';
293
+ rules += ' uhd9';
294
+ rules += ' uje9';
295
+ rules += ' uic9';
296
+ rules += ' vp9';
297
+ rules += ' vsh9';
298
+ rules += ' wb9';
299
+ rules += ' xb9';
300
+ rules += ' _xa9';
301
+ rules += ' _Fb9';
302
+ rules += ' _Ffc9';
303
+ rules += ' pt9';
304
+ if (props.isExpanded) rules += ' Tt9';
305
+ if (props.isExpanded) rules += ' Qf9';
306
306
  if (props.isExpanded) {
307
- if (props.size === "XL") rules += ' Sz5EUbe8';
308
- else if (props.size === "L") rules += ' Se8';
309
- else if (props.size === "M") rules += ' SLabwmd8';
310
- else if (props.size === "S") rules += ' St8';
307
+ if (props.size === "XL") rules += ' Sz5EUbe9';
308
+ else if (props.size === "L") rules += ' Se9';
309
+ else if (props.size === "M") rules += ' SLabwmd9';
310
+ else if (props.size === "S") rules += ' St9';
311
311
  }
312
312
  if (props.isExpanded) {
313
- if (props.size === "XL") rules += ' Rz5EUbe8';
314
- else if (props.size === "L") rules += ' Re8';
315
- else if (props.size === "M") rules += ' RLabwmd8';
316
- else if (props.size === "S") rules += ' Rt8';
313
+ if (props.size === "XL") rules += ' Rz5EUbe9';
314
+ else if (props.size === "L") rules += ' Re9';
315
+ else if (props.size === "M") rules += ' RLabwmd9';
316
+ else if (props.size === "S") rules += ' Rt9';
317
317
  }
318
318
  return rules;
319
319
  };