@react-spectrum/s2 0.9.0 → 0.9.2

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 (272) 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.cjs.map +1 -1
  9. package/dist/ActionButton.css +134 -134
  10. package/dist/ActionButton.css.map +1 -1
  11. package/dist/ActionButton.mjs +187 -187
  12. package/dist/ActionButton.mjs.map +1 -1
  13. package/dist/ActionButtonGroup.cjs +15 -15
  14. package/dist/ActionButtonGroup.css +9 -9
  15. package/dist/ActionButtonGroup.mjs +15 -15
  16. package/dist/Add.cjs +10 -10
  17. package/dist/Add.css +6 -6
  18. package/dist/Add.mjs +10 -10
  19. package/dist/AlertDialog.cjs +3 -3
  20. package/dist/AlertDialog.css +3 -3
  21. package/dist/AlertDialog.mjs +3 -3
  22. package/dist/Asterisk.cjs +6 -6
  23. package/dist/Asterisk.css +4 -4
  24. package/dist/Asterisk.mjs +6 -6
  25. package/dist/Avatar.cjs +14 -14
  26. package/dist/Avatar.css +14 -14
  27. package/dist/Avatar.mjs +14 -14
  28. package/dist/AvatarGroup.cjs +120 -120
  29. package/dist/AvatarGroup.css +37 -37
  30. package/dist/AvatarGroup.mjs +120 -120
  31. package/dist/Badge.cjs +196 -196
  32. package/dist/Badge.css +129 -129
  33. package/dist/Badge.mjs +196 -196
  34. package/dist/Breadcrumbs.cjs +231 -231
  35. package/dist/Breadcrumbs.css +102 -102
  36. package/dist/Breadcrumbs.mjs +231 -231
  37. package/dist/Button.cjs +328 -328
  38. package/dist/Button.cjs.map +1 -1
  39. package/dist/Button.css +176 -176
  40. package/dist/Button.css.map +1 -1
  41. package/dist/Button.mjs +328 -328
  42. package/dist/Button.mjs.map +1 -1
  43. package/dist/ButtonGroup.cjs +20 -20
  44. package/dist/ButtonGroup.css +15 -15
  45. package/dist/ButtonGroup.mjs +20 -20
  46. package/dist/Card.cjs +294 -294
  47. package/dist/Card.css +205 -205
  48. package/dist/Card.mjs +294 -294
  49. package/dist/CardView.cjs +17 -17
  50. package/dist/CardView.css +17 -17
  51. package/dist/CardView.mjs +17 -17
  52. package/dist/CenterBaseline.cjs +1 -1
  53. package/dist/CenterBaseline.css +2 -2
  54. package/dist/CenterBaseline.mjs +1 -1
  55. package/dist/Checkbox.cjs +160 -160
  56. package/dist/Checkbox.css +94 -94
  57. package/dist/Checkbox.mjs +160 -160
  58. package/dist/CheckboxGroup.cjs +43 -43
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +43 -43
  61. package/dist/Checkmark.cjs +12 -12
  62. package/dist/Checkmark.css +8 -8
  63. package/dist/Checkmark.mjs +12 -12
  64. package/dist/Chevron.cjs +12 -12
  65. package/dist/Chevron.css +10 -10
  66. package/dist/Chevron.mjs +12 -12
  67. package/dist/ClearButton.cjs +29 -29
  68. package/dist/ClearButton.css +29 -29
  69. package/dist/ClearButton.mjs +29 -29
  70. package/dist/CloseButton.cjs +54 -54
  71. package/dist/CloseButton.css +46 -46
  72. package/dist/CloseButton.mjs +54 -54
  73. package/dist/ColorArea.cjs +16 -16
  74. package/dist/ColorArea.css +16 -16
  75. package/dist/ColorArea.mjs +16 -16
  76. package/dist/ColorField.cjs +31 -31
  77. package/dist/ColorField.css +31 -31
  78. package/dist/ColorField.mjs +31 -31
  79. package/dist/ColorHandle.cjs +27 -27
  80. package/dist/ColorHandle.css +42 -42
  81. package/dist/ColorHandle.mjs +27 -27
  82. package/dist/ColorSlider.cjs +108 -108
  83. package/dist/ColorSlider.css +56 -56
  84. package/dist/ColorSlider.mjs +108 -108
  85. package/dist/ColorSwatch.cjs +29 -29
  86. package/dist/ColorSwatch.css +29 -29
  87. package/dist/ColorSwatch.mjs +29 -29
  88. package/dist/ColorSwatchPicker.cjs +27 -27
  89. package/dist/ColorSwatchPicker.css +46 -46
  90. package/dist/ColorSwatchPicker.mjs +27 -27
  91. package/dist/ColorWheel.cjs +26 -26
  92. package/dist/ColorWheel.css +17 -17
  93. package/dist/ColorWheel.mjs +26 -26
  94. package/dist/ComboBox.cjs +378 -376
  95. package/dist/ComboBox.cjs.map +1 -1
  96. package/dist/ComboBox.css +179 -179
  97. package/dist/ComboBox.css.map +1 -1
  98. package/dist/ComboBox.mjs +378 -376
  99. package/dist/ComboBox.mjs.map +1 -1
  100. package/dist/ContextualHelp.cjs +5 -5
  101. package/dist/ContextualHelp.cjs.map +1 -1
  102. package/dist/ContextualHelp.css +49 -49
  103. package/dist/ContextualHelp.css.map +1 -1
  104. package/dist/ContextualHelp.mjs +5 -5
  105. package/dist/ContextualHelp.mjs.map +1 -1
  106. package/dist/Cross.cjs +14 -14
  107. package/dist/Cross.css +10 -10
  108. package/dist/Cross.mjs +14 -14
  109. package/dist/CustomDialog.cjs +25 -25
  110. package/dist/CustomDialog.css +25 -25
  111. package/dist/CustomDialog.mjs +25 -25
  112. package/dist/Dash.cjs +10 -10
  113. package/dist/Dash.css +6 -6
  114. package/dist/Dash.mjs +10 -10
  115. package/dist/Dialog.cjs +17 -17
  116. package/dist/Dialog.css +70 -70
  117. package/dist/Dialog.mjs +17 -17
  118. package/dist/Disclosure.cjs +129 -129
  119. package/dist/Disclosure.css +104 -104
  120. package/dist/Disclosure.mjs +129 -129
  121. package/dist/Divider.cjs +25 -25
  122. package/dist/Divider.css +25 -25
  123. package/dist/Divider.mjs +25 -25
  124. package/dist/DropZone.cjs +58 -58
  125. package/dist/DropZone.css +54 -54
  126. package/dist/DropZone.mjs +58 -58
  127. package/dist/Field.cjs +340 -340
  128. package/dist/Field.cjs.map +1 -1
  129. package/dist/Field.css +144 -144
  130. package/dist/Field.mjs +340 -340
  131. package/dist/Field.mjs.map +1 -1
  132. package/dist/Form.cjs +9 -9
  133. package/dist/Form.css +9 -9
  134. package/dist/Form.mjs +9 -9
  135. package/dist/FullscreenDialog.cjs +5 -5
  136. package/dist/FullscreenDialog.css +79 -79
  137. package/dist/FullscreenDialog.mjs +5 -5
  138. package/dist/IllustratedMessage.cjs +219 -219
  139. package/dist/IllustratedMessage.css +74 -74
  140. package/dist/IllustratedMessage.mjs +219 -219
  141. package/dist/Image.cjs +14 -14
  142. package/dist/Image.cjs.map +1 -1
  143. package/dist/Image.css +14 -14
  144. package/dist/Image.css.map +1 -1
  145. package/dist/Image.mjs +14 -14
  146. package/dist/Image.mjs.map +1 -1
  147. package/dist/InlineAlert.cjs +108 -108
  148. package/dist/InlineAlert.css +90 -90
  149. package/dist/InlineAlert.mjs +108 -108
  150. package/dist/Link.cjs +49 -49
  151. package/dist/Link.css +41 -41
  152. package/dist/Link.mjs +49 -49
  153. package/dist/LinkOut.cjs +8 -8
  154. package/dist/LinkOut.css +8 -8
  155. package/dist/LinkOut.mjs +8 -8
  156. package/dist/Menu.cjs +422 -422
  157. package/dist/Menu.css +180 -180
  158. package/dist/Menu.mjs +422 -422
  159. package/dist/Meter.cjs +153 -153
  160. package/dist/Meter.css +95 -95
  161. package/dist/Meter.mjs +153 -153
  162. package/dist/Modal.cjs +58 -58
  163. package/dist/Modal.css +50 -50
  164. package/dist/Modal.mjs +58 -58
  165. package/dist/NotificationBadge.cjs +56 -56
  166. package/dist/NotificationBadge.css +51 -51
  167. package/dist/NotificationBadge.mjs +56 -56
  168. package/dist/NumberField.cjs +114 -118
  169. package/dist/NumberField.cjs.map +1 -1
  170. package/dist/NumberField.css +103 -103
  171. package/dist/NumberField.css.map +1 -1
  172. package/dist/NumberField.mjs +115 -119
  173. package/dist/NumberField.mjs.map +1 -1
  174. package/dist/Picker.cjs +273 -271
  175. package/dist/Picker.cjs.map +1 -1
  176. package/dist/Picker.css +169 -169
  177. package/dist/Picker.css.map +1 -1
  178. package/dist/Picker.mjs +273 -271
  179. package/dist/Picker.mjs.map +1 -1
  180. package/dist/Popover.cjs +85 -85
  181. package/dist/Popover.css +66 -66
  182. package/dist/Popover.mjs +85 -85
  183. package/dist/ProgressBar.cjs +163 -163
  184. package/dist/ProgressBar.css +103 -103
  185. package/dist/ProgressBar.mjs +163 -163
  186. package/dist/ProgressCircle.cjs +17 -17
  187. package/dist/ProgressCircle.css +17 -17
  188. package/dist/ProgressCircle.mjs +17 -17
  189. package/dist/Provider.cjs +10 -10
  190. package/dist/Provider.css +9 -9
  191. package/dist/Provider.mjs +10 -10
  192. package/dist/Radio.cjs +144 -144
  193. package/dist/Radio.css +81 -81
  194. package/dist/Radio.mjs +144 -144
  195. package/dist/RadioGroup.cjs +41 -41
  196. package/dist/RadioGroup.css +41 -41
  197. package/dist/RadioGroup.mjs +41 -41
  198. package/dist/SearchField.cjs +41 -41
  199. package/dist/SearchField.css +49 -49
  200. package/dist/SearchField.mjs +41 -41
  201. package/dist/SegmentedControl.cjs +171 -171
  202. package/dist/SegmentedControl.css +120 -120
  203. package/dist/SegmentedControl.mjs +171 -171
  204. package/dist/Slider.cjs +288 -288
  205. package/dist/Slider.css +152 -152
  206. package/dist/Slider.mjs +288 -288
  207. package/dist/StatusLight.cjs +115 -115
  208. package/dist/StatusLight.css +63 -63
  209. package/dist/StatusLight.mjs +115 -115
  210. package/dist/Switch.cjs +152 -152
  211. package/dist/Switch.css +76 -76
  212. package/dist/Switch.mjs +152 -152
  213. package/dist/TableView.cjs +310 -310
  214. package/dist/TableView.css +172 -172
  215. package/dist/TableView.mjs +310 -310
  216. package/dist/Tabs.cjs +113 -110
  217. package/dist/Tabs.cjs.map +1 -1
  218. package/dist/Tabs.css +92 -92
  219. package/dist/Tabs.css.map +1 -1
  220. package/dist/Tabs.mjs +113 -110
  221. package/dist/Tabs.mjs.map +1 -1
  222. package/dist/TabsPicker.cjs +123 -123
  223. package/dist/TabsPicker.css +112 -112
  224. package/dist/TabsPicker.mjs +123 -123
  225. package/dist/TagGroup.cjs +202 -202
  226. package/dist/TagGroup.cjs.map +1 -1
  227. package/dist/TagGroup.css +147 -147
  228. package/dist/TagGroup.css.map +1 -1
  229. package/dist/TagGroup.mjs +202 -202
  230. package/dist/TagGroup.mjs.map +1 -1
  231. package/dist/TextField.cjs +57 -57
  232. package/dist/TextField.css +57 -57
  233. package/dist/TextField.mjs +57 -57
  234. package/dist/Toast.cjs +118 -118
  235. package/dist/Toast.css +105 -105
  236. package/dist/Toast.mjs +118 -118
  237. package/dist/ToggleButton.cjs +3 -3
  238. package/dist/ToggleButton.css +12 -12
  239. package/dist/ToggleButton.mjs +3 -3
  240. package/dist/Tooltip.cjs +81 -81
  241. package/dist/Tooltip.css +68 -68
  242. package/dist/Tooltip.mjs +81 -81
  243. package/dist/TreeView.cjs +143 -149
  244. package/dist/TreeView.cjs.map +1 -1
  245. package/dist/TreeView.css +143 -143
  246. package/dist/TreeView.css.map +1 -1
  247. package/dist/TreeView.mjs +143 -149
  248. package/dist/TreeView.mjs.map +1 -1
  249. package/dist/types.d.ts +2 -2
  250. package/dist/types.d.ts.map +1 -1
  251. package/icons/Icon.cjs +10 -10
  252. package/icons/Icon.css +9 -9
  253. package/icons/Icon.mjs +10 -10
  254. package/icons/Skeleton.cjs +4 -3
  255. package/icons/Skeleton.cjs.map +1 -1
  256. package/icons/Skeleton.css +6 -6
  257. package/icons/Skeleton.css.map +1 -1
  258. package/icons/Skeleton.mjs +4 -3
  259. package/icons/Skeleton.mjs.map +1 -1
  260. package/package.json +45 -26
  261. package/src/ActionButton.tsx +1 -1
  262. package/src/Button.tsx +3 -3
  263. package/src/ComboBox.tsx +3 -2
  264. package/src/ContextualHelp.tsx +2 -2
  265. package/src/Image.tsx +1 -1
  266. package/src/NumberField.tsx +0 -2
  267. package/src/Picker.tsx +3 -2
  268. package/src/Skeleton.tsx +2 -1
  269. package/src/Tabs.tsx +7 -5
  270. package/src/TagGroup.tsx +1 -1
  271. package/src/TreeView.tsx +1 -6
  272. package/style/__tests__/style-macro.test.js +56 -56
@@ -1,173 +1,173 @@
1
1
  @layer _.a {
2
- .se9 {
2
+ .se91 {
3
3
  display: grid;
4
4
  }
5
5
 
6
- .z2mU9 {
6
+ .z2mU91 {
7
7
  grid-column-start: 1;
8
8
  }
9
9
 
10
- .yvoofG9 {
10
+ .yvoofG91 {
11
11
  grid-column-end: span 2;
12
12
  }
13
13
 
14
- .DM8Mfn9 {
14
+ .DM8Mfn91 {
15
15
  grid-template-columns: 1fr;
16
16
  }
17
17
 
18
- .DPlN5qb9 {
18
+ .DPlN5qb91 {
19
19
  grid-template-columns: auto 1fr;
20
20
  }
21
21
 
22
- .DLwlgod9 {
22
+ .DLwlgod91 {
23
23
  grid-template-columns: subgrid;
24
24
  }
25
25
 
26
- .E4w1sLc9 {
26
+ .E4w1sLc91 {
27
27
  grid-template-rows: auto 1fr auto;
28
28
  }
29
29
 
30
- .EPlN5qb9 {
30
+ .EPlN5qb91 {
31
31
  grid-template-rows: auto 1fr;
32
32
  }
33
33
 
34
- .Cxaocre9 {
34
+ .Cxaocre91 {
35
35
  grid-template-areas: "label"
36
36
  "input"
37
37
  "helptext";
38
38
  }
39
39
 
40
- .CbRM95c9 {
40
+ .CbRM95c91 {
41
41
  grid-template-areas: "label input"
42
42
  "label helptext";
43
43
  }
44
44
 
45
- .vd9 {
45
+ .vd91 {
46
46
  font-size: .875rem;
47
47
  }
48
48
 
49
- .va9 {
49
+ .va91 {
50
50
  font-size: .6875rem;
51
51
  }
52
52
 
53
- .vb9 {
53
+ .vb91 {
54
54
  font-size: .75rem;
55
55
  }
56
56
 
57
- .vp9 {
57
+ .vp91 {
58
58
  font-size: 1rem;
59
59
  }
60
60
 
61
- .vg9 {
61
+ .vg91 {
62
62
  font-size: 1.125rem;
63
63
  }
64
64
 
65
- .ea9 {
65
+ .ea91 {
66
66
  align-items: baseline;
67
67
  }
68
68
 
69
- .-BhX7R-Fx9 {
69
+ .-BhX7R-Fx91 {
70
70
  --field-height: calc(2rem * var(--s2-scale));
71
71
  }
72
72
 
73
- .-BhX7R-Fn9 {
73
+ .-BhX7R-Fn91 {
74
74
  --field-height: calc(1.25rem * var(--s2-scale));
75
75
  }
76
76
 
77
- .-BhX7R-Fp9 {
77
+ .-BhX7R-Fp91 {
78
78
  --field-height: calc(1.5rem * var(--s2-scale));
79
79
  }
80
80
 
81
- .-BhX7R-Fv9 {
81
+ .-BhX7R-Fv91 {
82
82
  --field-height: calc(2.5rem * var(--s2-scale));
83
83
  }
84
84
 
85
- .-BhX7R-Fz9 {
85
+ .-BhX7R-Fz91 {
86
86
  --field-height: calc(3rem * var(--s2-scale));
87
87
  }
88
88
 
89
- .-AJjOLd-UVxyPec9 {
89
+ .-AJjOLd-UVxyPec91 {
90
90
  --field-gap: calc(var(--field-height) - 1lh);
91
91
  }
92
92
 
93
- .qg9 {
93
+ .qg91 {
94
94
  column-gap: .75rem;
95
95
  }
96
96
 
97
- .__ca9 {
97
+ .__ca91 {
98
98
  -webkit-tap-highlight-color: #0000;
99
99
  }
100
100
 
101
- .zXcEWr9 {
101
+ .zXcEWr91 {
102
102
  grid-column-start: input;
103
103
  }
104
104
 
105
- .yXcEWr9 {
105
+ .yXcEWr91 {
106
106
  grid-column-end: input;
107
107
  }
108
108
 
109
- .BXcEWr9 {
109
+ .BXcEWr91 {
110
110
  grid-row-start: input;
111
111
  }
112
112
 
113
- .AXcEWr9 {
113
+ .AXcEWr91 {
114
114
  grid-row-end: input;
115
115
  }
116
116
 
117
- .sd9 {
117
+ .sd91 {
118
118
  display: flex;
119
119
  }
120
120
 
121
- ._ta9 {
121
+ ._ta91 {
122
122
  flex-direction: column;
123
123
  }
124
124
 
125
- ._tc9 {
125
+ ._tc91 {
126
126
  flex-direction: row;
127
127
  }
128
128
 
129
- ._Fa9 {
129
+ ._Fa91 {
130
130
  line-height: 1.3;
131
131
  }
132
132
 
133
- .UgOnRt9 {
133
+ .UgOnRt91 {
134
134
  row-gap: var(--field-gap);
135
135
  }
136
136
 
137
- .ql9 {
137
+ .ql91 {
138
138
  column-gap: 1rem;
139
139
  }
140
140
 
141
- ._wb9 {
141
+ ._wb91 {
142
142
  flex-wrap: wrap;
143
143
  }
144
144
  }
145
145
 
146
146
  @layer _.b {
147
- ._Ffb9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
147
+ ._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
148
148
  line-height: 1.5;
149
149
  }
150
150
  }
151
151
 
152
152
  @layer _.b.s {
153
153
  @media not ((hover: hover) and (pointer: fine)) {
154
- .vsf9 {
154
+ .vsf91 {
155
155
  font-size: 1.0625rem;
156
156
  }
157
157
 
158
- .vsc9 {
158
+ .vsc91 {
159
159
  font-size: .8125rem;
160
160
  }
161
161
 
162
- .vse9 {
162
+ .vse91 {
163
163
  font-size: .9375rem;
164
164
  }
165
165
 
166
- .vsh9 {
166
+ .vsh91 {
167
167
  font-size: 1.1875rem;
168
168
  }
169
169
 
170
- .vsj9 {
170
+ .vsj91 {
171
171
  font-size: 1.375rem;
172
172
  }
173
173
  }
@@ -47,51 +47,51 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
47
47
  if (p[1] === "y") gridColumnEnd = true;
48
48
  rules += p[0];
49
49
  }
50
- rules += ' se9';
50
+ rules += ' se91';
51
51
  if (props.isInForm) {
52
- if (!gridColumnStart) rules += ' z2mU9';
52
+ if (!gridColumnStart) rules += ' z2mU91';
53
53
  }
54
54
  if (props.isInForm) {
55
55
  if (props.labelPosition === "side") {
56
- if (!gridColumnEnd) rules += ' yvoofG9';
56
+ if (!gridColumnEnd) rules += ' yvoofG91';
57
57
  }
58
58
  }
59
- if (props.isInForm) rules += ' DLwlgod9';
59
+ if (props.isInForm) rules += ' DLwlgod91';
60
60
  else {
61
- if (props.labelPosition === "side") rules += ' DPlN5qb9';
62
- else if (props.labelPosition === "top") rules += ' DM8Mfn9';
61
+ if (props.labelPosition === "side") rules += ' DPlN5qb91';
62
+ else if (props.labelPosition === "top") rules += ' DM8Mfn91';
63
63
  }
64
- if (props.labelPosition === "side") rules += ' EPlN5qb9';
65
- else if (props.labelPosition === "top") rules += ' E4w1sLc9';
66
- if (props.labelPosition === "side") rules += ' CbRM95c9';
67
- else if (props.labelPosition === "top") rules += ' Cxaocre9';
64
+ if (props.labelPosition === "side") rules += ' EPlN5qb91';
65
+ else if (props.labelPosition === "top") rules += ' E4w1sLc91';
66
+ if (props.labelPosition === "side") rules += ' CbRM95c91';
67
+ else if (props.labelPosition === "top") rules += ' Cxaocre91';
68
68
  if (props.size === "XL") {
69
- rules += ' vg9';
70
- rules += ' vsj9';
69
+ rules += ' vg91';
70
+ rules += ' vsj91';
71
71
  } else if (props.size === "L") {
72
- rules += ' vp9';
73
- rules += ' vsh9';
72
+ rules += ' vp91';
73
+ rules += ' vsh91';
74
74
  } else if (props.size === "S") {
75
- rules += ' vb9';
76
- rules += ' vse9';
75
+ rules += ' vb91';
76
+ rules += ' vse91';
77
77
  } else if (props.size === "XS") {
78
- rules += ' va9';
79
- rules += ' vsc9';
78
+ rules += ' va91';
79
+ rules += ' vsc91';
80
80
  } else {
81
- rules += ' vd9';
82
- rules += ' vsf9';
81
+ rules += ' vd91';
82
+ rules += ' vsf91';
83
83
  }
84
- rules += ' ea9';
85
- rules += ' _Fa9';
86
- rules += ' _Ffb9';
87
- if (props.size === "XL") rules += ' -BhX7R-Fz9';
88
- else if (props.size === "L") rules += ' -BhX7R-Fv9';
89
- else if (props.size === "S") rules += ' -BhX7R-Fp9';
90
- else if (props.size === "XS") rules += ' -BhX7R-Fn9';
91
- else rules += ' -BhX7R-Fx9';
92
- rules += ' -AJjOLd-UVxyPec9';
93
- rules += ' qg9';
94
- rules += ' __ca9';
84
+ rules += ' ea91';
85
+ rules += ' _Fa91';
86
+ rules += ' _Ffb91';
87
+ if (props.size === "XL") rules += ' -BhX7R-Fz91';
88
+ else if (props.size === "L") rules += ' -BhX7R-Fv91';
89
+ else if (props.size === "S") rules += ' -BhX7R-Fp91';
90
+ else if (props.size === "XS") rules += ' -BhX7R-Fn91';
91
+ else rules += ' -BhX7R-Fx91';
92
+ rules += ' -AJjOLd-UVxyPec91';
93
+ rules += ' qg91';
94
+ rules += ' __ca91';
95
95
  return rules;
96
96
  }({
97
97
  size: props.size,
@@ -113,18 +113,18 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
113
113
  /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
114
114
  className: function anonymous(props) {
115
115
  let rules = " ";
116
- rules += ' zXcEWr9';
117
- rules += ' yXcEWr9';
118
- rules += ' BXcEWr9';
119
- rules += ' AXcEWr9';
120
- rules += ' sd9';
121
- if (props.orientation === "horizontal") rules += ' _tc9';
122
- else if (props.orientation === "vertical") rules += ' _ta9';
123
- rules += ' _Fa9';
124
- rules += ' _Ffb9';
125
- rules += ' UgOnRt9';
126
- rules += ' ql9';
127
- rules += ' _wb9';
116
+ rules += ' zXcEWr91';
117
+ rules += ' yXcEWr91';
118
+ rules += ' BXcEWr91';
119
+ rules += ' AXcEWr91';
120
+ rules += ' sd91';
121
+ if (props.orientation === "horizontal") rules += ' _tc91';
122
+ else if (props.orientation === "vertical") rules += ' _ta91';
123
+ rules += ' _Fa91';
124
+ rules += ' _Ffb91';
125
+ rules += ' UgOnRt91';
126
+ rules += ' ql91';
127
+ rules += ' _wb91';
128
128
  return rules;
129
129
  }({
130
130
  orientation: orientation
@@ -32,18 +32,18 @@ $parcel$export(module.exports, "default", () => $dba2b18fc5727f9b$export$2e2bcd8
32
32
 
33
33
  let $dba2b18fc5727f9b$var$styles = function anonymous(props) {
34
34
  let rules = " ";
35
- if (props.size === "S") rules += ' Zi9';
36
- else if (props.size === "XS") rules += ' Zi9';
37
- else if (props.size === "XXL") rules += ' Zu9';
38
- else if (props.size === "XL") rules += ' Zk9';
39
- else if (props.size === "L") rules += ' Zj9';
40
- else if (props.size === "M") rules += ' Zi9';
41
- if (props.size === "S") rules += ' Fj9';
42
- else if (props.size === "XS") rules += ' Fj9';
43
- else if (props.size === "XXL") rules += ' Ft9';
44
- else if (props.size === "XL") rules += ' Fl9';
45
- else if (props.size === "L") rules += ' Fk9';
46
- else if (props.size === "M") rules += ' Fj9';
35
+ if (props.size === "S") rules += ' Zi91';
36
+ else if (props.size === "XS") rules += ' Zi91';
37
+ else if (props.size === "XXL") rules += ' Zu91';
38
+ else if (props.size === "XL") rules += ' Zk91';
39
+ else if (props.size === "L") rules += ' Zj91';
40
+ else if (props.size === "M") rules += ' Zi91';
41
+ if (props.size === "S") rules += ' Fj91';
42
+ else if (props.size === "XS") rules += ' Fj91';
43
+ else if (props.size === "XXL") rules += ' Ft91';
44
+ else if (props.size === "XL") rules += ' Fl91';
45
+ else if (props.size === "L") rules += ' Fk91';
46
+ else if (props.size === "M") rules += ' Fj91';
47
47
  return rules;
48
48
  };
49
49
  function $dba2b18fc5727f9b$export$2e2bcd8739ae039(props) {
@@ -1,34 +1,34 @@
1
1
  @layer _.a {
2
- .Zj9 {
2
+ .Zj91 {
3
3
  width: calc(.75rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zk9 {
6
+ .Zk91 {
7
7
  width: calc(.875rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zu9 {
10
+ .Zu91 {
11
11
  width: calc(1rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zi9 {
14
+ .Zi91 {
15
15
  width: calc(.625rem * var(--s2-scale));
16
16
  width: calc(.625rem * var(--s2-scale));
17
17
  }
18
18
 
19
- .Fk9 {
19
+ .Fk91 {
20
20
  height: calc(.75rem * var(--s2-scale));
21
21
  }
22
22
 
23
- .Fl9 {
23
+ .Fl91 {
24
24
  height: calc(.875rem * var(--s2-scale));
25
25
  }
26
26
 
27
- .Ft9 {
27
+ .Ft91 {
28
28
  height: calc(1rem * var(--s2-scale));
29
29
  }
30
30
 
31
- .Fj9 {
31
+ .Fj91 {
32
32
  height: calc(.625rem * var(--s2-scale));
33
33
  height: calc(.625rem * var(--s2-scale));
34
34
  }
@@ -26,18 +26,18 @@ import {jsx as $9G1g0$jsx} from "react/jsx-runtime";
26
26
 
27
27
  let $81cf3d4588736e7d$var$styles = function anonymous(props) {
28
28
  let rules = " ";
29
- if (props.size === "S") rules += ' Zi9';
30
- else if (props.size === "XS") rules += ' Zi9';
31
- else if (props.size === "XXL") rules += ' Zu9';
32
- else if (props.size === "XL") rules += ' Zk9';
33
- else if (props.size === "L") rules += ' Zj9';
34
- else if (props.size === "M") rules += ' Zi9';
35
- if (props.size === "S") rules += ' Fj9';
36
- else if (props.size === "XS") rules += ' Fj9';
37
- else if (props.size === "XXL") rules += ' Ft9';
38
- else if (props.size === "XL") rules += ' Fl9';
39
- else if (props.size === "L") rules += ' Fk9';
40
- else if (props.size === "M") rules += ' Fj9';
29
+ if (props.size === "S") rules += ' Zi91';
30
+ else if (props.size === "XS") rules += ' Zi91';
31
+ else if (props.size === "XXL") rules += ' Zu91';
32
+ else if (props.size === "XL") rules += ' Zk91';
33
+ else if (props.size === "L") rules += ' Zj91';
34
+ else if (props.size === "M") rules += ' Zi91';
35
+ if (props.size === "S") rules += ' Fj91';
36
+ else if (props.size === "XS") rules += ' Fj91';
37
+ else if (props.size === "XXL") rules += ' Ft91';
38
+ else if (props.size === "XL") rules += ' Fl91';
39
+ else if (props.size === "L") rules += ' Fk91';
40
+ else if (props.size === "M") rules += ' Fj91';
41
41
  return rules;
42
42
  };
43
43
  function $81cf3d4588736e7d$export$2e2bcd8739ae039(props) {
package/dist/Chevron.cjs CHANGED
@@ -32,18 +32,18 @@ $parcel$export(module.exports, "default", () => $1df9f1c9262ce5df$export$2e2bcd8
32
32
 
33
33
  let $1df9f1c9262ce5df$var$styles = function anonymous(props) {
34
34
  let rules = " ";
35
- if (props.size === "S") rules += ' Zi9';
36
- else if (props.size === "XS") rules += ' Zg9';
37
- else if (props.size === "XXL") rules += ' Zu9';
38
- else if (props.size === "XL") rules += ' Zk9';
39
- else if (props.size === "L") rules += ' Zj9';
40
- else if (props.size === "M") rules += ' Zi9';
41
- if (props.size === "S") rules += ' Fj9';
42
- else if (props.size === "XS") rules += ' Fg9';
43
- else if (props.size === "XXL") rules += ' Ft9';
44
- else if (props.size === "XL") rules += ' Fl9';
45
- else if (props.size === "L") rules += ' Fk9';
46
- else if (props.size === "M") rules += ' Fj9';
35
+ if (props.size === "S") rules += ' Zi91';
36
+ else if (props.size === "XS") rules += ' Zg91';
37
+ else if (props.size === "XXL") rules += ' Zu91';
38
+ else if (props.size === "XL") rules += ' Zk91';
39
+ else if (props.size === "L") rules += ' Zj91';
40
+ else if (props.size === "M") rules += ' Zi91';
41
+ if (props.size === "S") rules += ' Fj91';
42
+ else if (props.size === "XS") rules += ' Fg91';
43
+ else if (props.size === "XXL") rules += ' Ft91';
44
+ else if (props.size === "XL") rules += ' Fl91';
45
+ else if (props.size === "L") rules += ' Fk91';
46
+ else if (props.size === "M") rules += ' Fj91';
47
47
  return rules;
48
48
  };
49
49
  function $1df9f1c9262ce5df$export$2e2bcd8739ae039(props) {
package/dist/Chevron.css CHANGED
@@ -1,41 +1,41 @@
1
1
  @layer _.a {
2
- .Zj9 {
2
+ .Zj91 {
3
3
  width: calc(.75rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zk9 {
6
+ .Zk91 {
7
7
  width: calc(.875rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zu9 {
10
+ .Zu91 {
11
11
  width: calc(1rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zg9 {
14
+ .Zg91 {
15
15
  width: calc(.375rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Zi9 {
18
+ .Zi91 {
19
19
  width: calc(.625rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fk9 {
22
+ .Fk91 {
23
23
  height: calc(.75rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .Fl9 {
26
+ .Fl91 {
27
27
  height: calc(.875rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Ft9 {
30
+ .Ft91 {
31
31
  height: calc(1rem * var(--s2-scale));
32
32
  }
33
33
 
34
- .Fg9 {
34
+ .Fg91 {
35
35
  height: calc(.375rem * var(--s2-scale));
36
36
  }
37
37
 
38
- .Fj9 {
38
+ .Fj91 {
39
39
  height: calc(.625rem * var(--s2-scale));
40
40
  }
41
41
  }
package/dist/Chevron.mjs CHANGED
@@ -26,18 +26,18 @@ import {jsx as $flSpw$jsx} from "react/jsx-runtime";
26
26
 
27
27
  let $4b69f02ec06b9226$var$styles = function anonymous(props) {
28
28
  let rules = " ";
29
- if (props.size === "S") rules += ' Zi9';
30
- else if (props.size === "XS") rules += ' Zg9';
31
- else if (props.size === "XXL") rules += ' Zu9';
32
- else if (props.size === "XL") rules += ' Zk9';
33
- else if (props.size === "L") rules += ' Zj9';
34
- else if (props.size === "M") rules += ' Zi9';
35
- if (props.size === "S") rules += ' Fj9';
36
- else if (props.size === "XS") rules += ' Fg9';
37
- else if (props.size === "XXL") rules += ' Ft9';
38
- else if (props.size === "XL") rules += ' Fl9';
39
- else if (props.size === "L") rules += ' Fk9';
40
- else if (props.size === "M") rules += ' Fj9';
29
+ if (props.size === "S") rules += ' Zi91';
30
+ else if (props.size === "XS") rules += ' Zg91';
31
+ else if (props.size === "XXL") rules += ' Zu91';
32
+ else if (props.size === "XL") rules += ' Zk91';
33
+ else if (props.size === "L") rules += ' Zj91';
34
+ else if (props.size === "M") rules += ' Zi91';
35
+ if (props.size === "S") rules += ' Fj91';
36
+ else if (props.size === "XS") rules += ' Fg91';
37
+ else if (props.size === "XXL") rules += ' Ft91';
38
+ else if (props.size === "XL") rules += ' Fl91';
39
+ else if (props.size === "L") rules += ' Fk91';
40
+ else if (props.size === "M") rules += ' Fj91';
41
41
  return rules;
42
42
  };
43
43
  function $4b69f02ec06b9226$export$2e2bcd8739ae039(props) {
@@ -39,35 +39,35 @@ const $4fb579ecc195bd2b$var$focusRingStyles = {
39
39
  };
40
40
  const $4fb579ecc195bd2b$var$visibleClearButton = function anonymous(props) {
41
41
  let rules = " ";
42
- if (props.isFocusVisible) rules += ' _Lf9';
43
- else rules += ' _Le9';
44
- if (props.isStaticColor) rules += ' Ok9';
45
- else rules += ' Oh9';
46
- rules += ' _Mc9';
47
- rules += ' _Kc9';
48
- rules += ' sd9';
49
- rules += ' eb9';
50
- rules += ' _Ca9';
51
- rules += ' Fb9';
52
- if (props.size === "XL") rules += ' ZF9';
53
- else if (props.size === "L") rules += ' Zw9';
54
- else if (props.size === "S") rules += ' Zo9';
55
- else if (props.size === "XS") rules += ' Zm9';
56
- else rules += ' ZC9';
57
- rules += ' _va9';
58
- rules += ' og9';
59
- rules += ' ng9';
60
- rules += ' kg9';
61
- rules += ' jg9';
62
- rules += ' _je9';
63
- rules += ' g99';
64
- rules += ' _oa9';
65
- rules += ' Td9';
66
- rules += ' Qd9';
67
- rules += ' Sd9';
68
- rules += ' Rd9';
69
- rules += ' p40ub4c9';
70
- rules += ' -_8sjo0b-t5ZbAob9';
42
+ if (props.isFocusVisible) rules += ' _Lf91';
43
+ else rules += ' _Le91';
44
+ if (props.isStaticColor) rules += ' Ok91';
45
+ else rules += ' Oh91';
46
+ rules += ' _Mc91';
47
+ rules += ' _Kc91';
48
+ rules += ' sd91';
49
+ rules += ' eb91';
50
+ rules += ' _Ca91';
51
+ rules += ' Fb91';
52
+ if (props.size === "XL") rules += ' ZF91';
53
+ else if (props.size === "L") rules += ' Zw91';
54
+ else if (props.size === "S") rules += ' Zo91';
55
+ else if (props.size === "XS") rules += ' Zm91';
56
+ else rules += ' ZC91';
57
+ rules += ' _va91';
58
+ rules += ' og91';
59
+ rules += ' ng91';
60
+ rules += ' kg91';
61
+ rules += ' jg91';
62
+ rules += ' _je91';
63
+ rules += ' g991';
64
+ rules += ' _oa91';
65
+ rules += ' Td91';
66
+ rules += ' Qd91';
67
+ rules += ' Sd91';
68
+ rules += ' Rd91';
69
+ rules += ' p40ub4c91';
70
+ rules += ' -_8sjo0b-t5ZbAob91';
71
71
  return rules;
72
72
  };
73
73
  const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react.forwardRef)(function ClearButton(props, ref) {