@react-spectrum/s2 1.5.0 → 1.5.1

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 (268) hide show
  1. package/dist/private/Accordion.cjs +2 -2
  2. package/dist/private/Accordion.css +2 -2
  3. package/dist/private/Accordion.mjs +2 -2
  4. package/dist/private/ActionBar.cjs +59 -59
  5. package/dist/private/ActionBar.css +58 -58
  6. package/dist/private/ActionBar.mjs +59 -59
  7. package/dist/private/ActionButton.cjs +247 -247
  8. package/dist/private/ActionButton.css +169 -169
  9. package/dist/private/ActionButton.mjs +247 -247
  10. package/dist/private/ActionButtonGroup.cjs +15 -15
  11. package/dist/private/ActionButtonGroup.css +9 -9
  12. package/dist/private/ActionButtonGroup.mjs +15 -15
  13. package/dist/private/Add.cjs +10 -10
  14. package/dist/private/Add.css +6 -6
  15. package/dist/private/Add.mjs +10 -10
  16. package/dist/private/AlertDialog.cjs +3 -3
  17. package/dist/private/AlertDialog.css +3 -3
  18. package/dist/private/AlertDialog.mjs +3 -3
  19. package/dist/private/Asterisk.cjs +6 -6
  20. package/dist/private/Asterisk.css +4 -4
  21. package/dist/private/Asterisk.mjs +6 -6
  22. package/dist/private/Avatar.cjs +16 -16
  23. package/dist/private/Avatar.css +16 -16
  24. package/dist/private/Avatar.mjs +16 -16
  25. package/dist/private/AvatarGroup.cjs +120 -120
  26. package/dist/private/AvatarGroup.css +31 -31
  27. package/dist/private/AvatarGroup.mjs +120 -120
  28. package/dist/private/Badge.cjs +197 -197
  29. package/dist/private/Badge.css +125 -125
  30. package/dist/private/Badge.mjs +197 -197
  31. package/dist/private/Breadcrumbs.cjs +234 -234
  32. package/dist/private/Breadcrumbs.css +100 -100
  33. package/dist/private/Breadcrumbs.mjs +234 -234
  34. package/dist/private/Button.cjs +335 -326
  35. package/dist/private/Button.cjs.map +1 -1
  36. package/dist/private/Button.css +176 -172
  37. package/dist/private/Button.css.map +1 -1
  38. package/dist/private/Button.mjs +335 -326
  39. package/dist/private/Button.mjs.map +1 -1
  40. package/dist/private/ButtonGroup.cjs +21 -21
  41. package/dist/private/ButtonGroup.css +16 -16
  42. package/dist/private/ButtonGroup.mjs +21 -21
  43. package/dist/private/Calendar.cjs +232 -232
  44. package/dist/private/Calendar.css +149 -149
  45. package/dist/private/Calendar.mjs +232 -232
  46. package/dist/private/Card.cjs +309 -309
  47. package/dist/private/Card.css +206 -206
  48. package/dist/private/Card.mjs +309 -309
  49. package/dist/private/CardView.cjs +17 -17
  50. package/dist/private/CardView.css +17 -17
  51. package/dist/private/CardView.mjs +17 -17
  52. package/dist/private/CenterBaseline.cjs +1 -1
  53. package/dist/private/CenterBaseline.css +2 -2
  54. package/dist/private/CenterBaseline.mjs +1 -1
  55. package/dist/private/Checkbox.cjs +188 -188
  56. package/dist/private/Checkbox.css +110 -110
  57. package/dist/private/Checkbox.mjs +188 -188
  58. package/dist/private/CheckboxGroup.cjs +43 -43
  59. package/dist/private/CheckboxGroup.css +37 -37
  60. package/dist/private/CheckboxGroup.mjs +43 -43
  61. package/dist/private/Checkmark.cjs +12 -12
  62. package/dist/private/Checkmark.css +8 -8
  63. package/dist/private/Checkmark.mjs +12 -12
  64. package/dist/private/Chevron.cjs +12 -12
  65. package/dist/private/Chevron.css +10 -10
  66. package/dist/private/Chevron.mjs +12 -12
  67. package/dist/private/ClearButton.cjs +30 -30
  68. package/dist/private/ClearButton.css +30 -30
  69. package/dist/private/ClearButton.mjs +30 -30
  70. package/dist/private/CloseButton.cjs +52 -52
  71. package/dist/private/CloseButton.css +46 -46
  72. package/dist/private/CloseButton.mjs +52 -52
  73. package/dist/private/ColorArea.cjs +16 -16
  74. package/dist/private/ColorArea.css +16 -16
  75. package/dist/private/ColorArea.mjs +16 -16
  76. package/dist/private/ColorField.cjs +31 -31
  77. package/dist/private/ColorField.css +27 -27
  78. package/dist/private/ColorField.mjs +31 -31
  79. package/dist/private/ColorHandle.cjs +27 -27
  80. package/dist/private/ColorHandle.css +42 -42
  81. package/dist/private/ColorHandle.mjs +27 -27
  82. package/dist/private/ColorSlider.cjs +108 -108
  83. package/dist/private/ColorSlider.css +52 -52
  84. package/dist/private/ColorSlider.mjs +108 -108
  85. package/dist/private/ColorSwatch.cjs +29 -29
  86. package/dist/private/ColorSwatch.css +29 -29
  87. package/dist/private/ColorSwatch.mjs +29 -29
  88. package/dist/private/ColorSwatchPicker.cjs +29 -29
  89. package/dist/private/ColorSwatchPicker.css +48 -48
  90. package/dist/private/ColorSwatchPicker.mjs +29 -29
  91. package/dist/private/ColorWheel.cjs +26 -26
  92. package/dist/private/ColorWheel.css +17 -17
  93. package/dist/private/ColorWheel.mjs +26 -26
  94. package/dist/private/ComboBox.cjs +381 -381
  95. package/dist/private/ComboBox.css +188 -188
  96. package/dist/private/ComboBox.mjs +381 -381
  97. package/dist/private/ContextualHelp.cjs +5 -5
  98. package/dist/private/ContextualHelp.css +50 -50
  99. package/dist/private/ContextualHelp.mjs +5 -5
  100. package/dist/private/CornerTriangle.cjs +8 -8
  101. package/dist/private/CornerTriangle.css +6 -6
  102. package/dist/private/CornerTriangle.mjs +8 -8
  103. package/dist/private/Cross.cjs +14 -14
  104. package/dist/private/Cross.css +10 -10
  105. package/dist/private/Cross.mjs +14 -14
  106. package/dist/private/CustomDialog.cjs +25 -25
  107. package/dist/private/CustomDialog.css +25 -25
  108. package/dist/private/CustomDialog.mjs +25 -25
  109. package/dist/private/Dash.cjs +10 -10
  110. package/dist/private/Dash.css +6 -6
  111. package/dist/private/Dash.mjs +10 -10
  112. package/dist/private/DateField.cjs +73 -73
  113. package/dist/private/DateField.css +77 -77
  114. package/dist/private/DateField.mjs +73 -73
  115. package/dist/private/DatePicker.cjs +172 -172
  116. package/dist/private/DatePicker.css +128 -128
  117. package/dist/private/DatePicker.mjs +172 -172
  118. package/dist/private/DateRangePicker.cjs +55 -55
  119. package/dist/private/DateRangePicker.css +59 -59
  120. package/dist/private/DateRangePicker.mjs +55 -55
  121. package/dist/private/Dialog.cjs +17 -17
  122. package/dist/private/Dialog.css +70 -70
  123. package/dist/private/Dialog.mjs +17 -17
  124. package/dist/private/Disclosure.cjs +119 -119
  125. package/dist/private/Disclosure.css +112 -112
  126. package/dist/private/Disclosure.mjs +119 -119
  127. package/dist/private/Divider.cjs +25 -25
  128. package/dist/private/Divider.css +25 -25
  129. package/dist/private/Divider.mjs +25 -25
  130. package/dist/private/DragHandle.cjs +8 -8
  131. package/dist/private/DragHandle.css +6 -6
  132. package/dist/private/DragHandle.mjs +8 -8
  133. package/dist/private/DragPreview.cjs +154 -154
  134. package/dist/private/DragPreview.css +106 -106
  135. package/dist/private/DragPreview.mjs +154 -154
  136. package/dist/private/DropZone.cjs +61 -61
  137. package/dist/private/DropZone.css +57 -57
  138. package/dist/private/DropZone.mjs +61 -61
  139. package/dist/private/Field.cjs +360 -360
  140. package/dist/private/Field.cjs.map +1 -1
  141. package/dist/private/Field.css +160 -160
  142. package/dist/private/Field.mjs +360 -360
  143. package/dist/private/Field.mjs.map +1 -1
  144. package/dist/private/Form.cjs +9 -9
  145. package/dist/private/Form.css +9 -9
  146. package/dist/private/Form.mjs +9 -9
  147. package/dist/private/FullscreenDialog.cjs +5 -5
  148. package/dist/private/FullscreenDialog.css +78 -78
  149. package/dist/private/FullscreenDialog.mjs +5 -5
  150. package/dist/private/IllustratedMessage.cjs +228 -228
  151. package/dist/private/IllustratedMessage.css +72 -72
  152. package/dist/private/IllustratedMessage.mjs +228 -228
  153. package/dist/private/Image.cjs +14 -14
  154. package/dist/private/Image.css +14 -14
  155. package/dist/private/Image.mjs +14 -14
  156. package/dist/private/InlineAlert.cjs +100 -100
  157. package/dist/private/InlineAlert.css +76 -76
  158. package/dist/private/InlineAlert.mjs +100 -100
  159. package/dist/private/LabeledValue.cjs +134 -134
  160. package/dist/private/LabeledValue.css +63 -63
  161. package/dist/private/LabeledValue.mjs +134 -134
  162. package/dist/private/Link.cjs +49 -49
  163. package/dist/private/Link.css +41 -41
  164. package/dist/private/Link.mjs +49 -49
  165. package/dist/private/LinkOut.cjs +8 -8
  166. package/dist/private/LinkOut.css +8 -8
  167. package/dist/private/LinkOut.mjs +8 -8
  168. package/dist/private/ListView.cjs +245 -245
  169. package/dist/private/ListView.css +177 -177
  170. package/dist/private/ListView.mjs +245 -245
  171. package/dist/private/Menu.cjs +446 -446
  172. package/dist/private/Menu.css +196 -196
  173. package/dist/private/Menu.mjs +446 -446
  174. package/dist/private/Meter.cjs +153 -153
  175. package/dist/private/Meter.css +91 -91
  176. package/dist/private/Meter.mjs +153 -153
  177. package/dist/private/Modal.cjs +74 -74
  178. package/dist/private/Modal.css +59 -59
  179. package/dist/private/Modal.mjs +74 -74
  180. package/dist/private/NotificationBadge.cjs +56 -56
  181. package/dist/private/NotificationBadge.css +49 -49
  182. package/dist/private/NotificationBadge.mjs +56 -56
  183. package/dist/private/NumberField.cjs +114 -114
  184. package/dist/private/NumberField.css +99 -99
  185. package/dist/private/NumberField.mjs +114 -114
  186. package/dist/private/Picker.cjs +275 -275
  187. package/dist/private/Picker.css +173 -173
  188. package/dist/private/Picker.mjs +275 -275
  189. package/dist/private/Popover.cjs +95 -95
  190. package/dist/private/Popover.css +75 -75
  191. package/dist/private/Popover.mjs +95 -95
  192. package/dist/private/ProgressBar.cjs +163 -163
  193. package/dist/private/ProgressBar.css +99 -99
  194. package/dist/private/ProgressBar.mjs +163 -163
  195. package/dist/private/ProgressCircle.cjs +31 -31
  196. package/dist/private/ProgressCircle.css +24 -24
  197. package/dist/private/ProgressCircle.mjs +31 -31
  198. package/dist/private/Provider.cjs +19 -19
  199. package/dist/private/Provider.css +15 -15
  200. package/dist/private/Provider.mjs +19 -19
  201. package/dist/private/RadioGroup.cjs +208 -208
  202. package/dist/private/RadioGroup.css +113 -113
  203. package/dist/private/RadioGroup.mjs +208 -208
  204. package/dist/private/RangeCalendar.cjs +16 -16
  205. package/dist/private/RangeCalendar.css +17 -17
  206. package/dist/private/RangeCalendar.mjs +16 -16
  207. package/dist/private/SearchField.cjs +41 -41
  208. package/dist/private/SearchField.css +45 -45
  209. package/dist/private/SearchField.mjs +41 -41
  210. package/dist/private/SegmentedControl.cjs +178 -178
  211. package/dist/private/SegmentedControl.css +123 -123
  212. package/dist/private/SegmentedControl.mjs +178 -178
  213. package/dist/private/SelectBoxGroup.cjs +142 -142
  214. package/dist/private/SelectBoxGroup.css +120 -120
  215. package/dist/private/SelectBoxGroup.mjs +142 -142
  216. package/dist/private/Slider.cjs +292 -292
  217. package/dist/private/Slider.css +159 -159
  218. package/dist/private/Slider.mjs +292 -292
  219. package/dist/private/StatusLight.cjs +115 -115
  220. package/dist/private/StatusLight.css +59 -59
  221. package/dist/private/StatusLight.mjs +115 -115
  222. package/dist/private/Switch.cjs +171 -171
  223. package/dist/private/Switch.css +85 -85
  224. package/dist/private/Switch.mjs +171 -171
  225. package/dist/private/TableView.cjs +540 -540
  226. package/dist/private/TableView.css +290 -290
  227. package/dist/private/TableView.mjs +540 -540
  228. package/dist/private/Tabs.cjs +123 -123
  229. package/dist/private/Tabs.css +105 -105
  230. package/dist/private/Tabs.mjs +123 -123
  231. package/dist/private/TabsPicker.cjs +127 -127
  232. package/dist/private/TabsPicker.css +108 -108
  233. package/dist/private/TabsPicker.mjs +127 -127
  234. package/dist/private/TagGroup.cjs +203 -203
  235. package/dist/private/TagGroup.css +146 -146
  236. package/dist/private/TagGroup.mjs +203 -203
  237. package/dist/private/TextField.cjs +58 -58
  238. package/dist/private/TextField.css +54 -54
  239. package/dist/private/TextField.mjs +58 -58
  240. package/dist/private/TimeField.cjs +51 -51
  241. package/dist/private/TimeField.css +47 -47
  242. package/dist/private/TimeField.mjs +51 -51
  243. package/dist/private/Toast.cjs +120 -120
  244. package/dist/private/Toast.css +110 -110
  245. package/dist/private/Toast.mjs +120 -120
  246. package/dist/private/ToggleButton.cjs +16 -16
  247. package/dist/private/ToggleButton.css +23 -23
  248. package/dist/private/ToggleButton.mjs +16 -16
  249. package/dist/private/Tooltip.cjs +86 -86
  250. package/dist/private/Tooltip.css +70 -70
  251. package/dist/private/Tooltip.mjs +86 -86
  252. package/dist/private/TreeView.cjs +229 -229
  253. package/dist/private/TreeView.css +184 -184
  254. package/dist/private/TreeView.mjs +229 -229
  255. package/dist/private/dnd-utils.cjs +42 -42
  256. package/dist/private/dnd-utils.css +39 -39
  257. package/dist/private/dnd-utils.mjs +42 -42
  258. package/icons/Icon.cjs +10 -10
  259. package/icons/Icon.css +9 -9
  260. package/icons/Icon.mjs +10 -10
  261. package/icons/Skeleton.cjs +2 -2
  262. package/icons/Skeleton.cjs.map +1 -1
  263. package/icons/Skeleton.css +6 -6
  264. package/icons/Skeleton.mjs +2 -2
  265. package/icons/Skeleton.mjs.map +1 -1
  266. package/package.json +2 -2
  267. package/src/Button.tsx +12 -2
  268. package/style/__tests__/style-macro.test.js +73 -71
@@ -1,154 +1,154 @@
1
1
  @layer _.a {
2
- .se15 {
2
+ .se151 {
3
3
  display: grid;
4
4
  }
5
5
 
6
- .z2mU15 {
6
+ .z2mU151 {
7
7
  grid-column-start: 1;
8
8
  }
9
9
 
10
- .yvoofG15 {
10
+ .yvoofG151 {
11
11
  grid-column-end: span 2;
12
12
  }
13
13
 
14
- .DM8Mfn15 {
14
+ .DM8Mfn151 {
15
15
  grid-template-columns: 1fr;
16
16
  }
17
17
 
18
- .DPlN5qb15 {
18
+ .DPlN5qb151 {
19
19
  grid-template-columns: auto 1fr;
20
20
  }
21
21
 
22
- .DLwlgod15 {
22
+ .DLwlgod151 {
23
23
  grid-template-columns: subgrid;
24
24
  }
25
25
 
26
- .E4w1sLc15 {
26
+ .E4w1sLc151 {
27
27
  grid-template-rows: auto 1fr auto;
28
28
  }
29
29
 
30
- .EPlN5qb15 {
30
+ .EPlN5qb151 {
31
31
  grid-template-rows: auto 1fr;
32
32
  }
33
33
 
34
- .Cxaocre15 {
34
+ .Cxaocre151 {
35
35
  grid-template-areas: "label"
36
36
  "input"
37
37
  "helptext";
38
38
  }
39
39
 
40
- .CbRM95c15 {
40
+ .CbRM95c151 {
41
41
  grid-template-areas: "label input"
42
42
  "label helptext";
43
43
  }
44
44
 
45
- .-_6BNtrc-c15 {
45
+ .-_6BNtrc-c151 {
46
46
  --fs: pow(1.125, 0);
47
47
  }
48
48
 
49
- .-_6BNtrc-a15 {
49
+ .-_6BNtrc-a151 {
50
50
  --fs: pow(1.125, -2);
51
51
  }
52
52
 
53
- .-_6BNtrc-b15 {
53
+ .-_6BNtrc-b151 {
54
54
  --fs: pow(1.125, -1);
55
55
  }
56
56
 
57
- .-_6BNtrc-d15 {
57
+ .-_6BNtrc-d151 {
58
58
  --fs: pow(1.125, 1);
59
59
  }
60
60
 
61
- .-_6BNtrc-e15 {
61
+ .-_6BNtrc-e151 {
62
62
  --fs: pow(1.125, 2);
63
63
  }
64
64
 
65
- .vx15 {
65
+ .vx151 {
66
66
  font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
67
67
  }
68
68
 
69
- .ea15 {
69
+ .ea151 {
70
70
  align-items: baseline;
71
71
  }
72
72
 
73
- .-BhX7R-Fx15 {
73
+ .-BhX7R-Fx151 {
74
74
  --field-height: calc(2rem * var(--s2-scale));
75
75
  }
76
76
 
77
- .-BhX7R-Fn15 {
77
+ .-BhX7R-Fn151 {
78
78
  --field-height: calc(1.25rem * var(--s2-scale));
79
79
  }
80
80
 
81
- .-BhX7R-Fp15 {
81
+ .-BhX7R-Fp151 {
82
82
  --field-height: calc(1.5rem * var(--s2-scale));
83
83
  }
84
84
 
85
- .-BhX7R-Fv15 {
85
+ .-BhX7R-Fv151 {
86
86
  --field-height: calc(2.5rem * var(--s2-scale));
87
87
  }
88
88
 
89
- .-BhX7R-Fz15 {
89
+ .-BhX7R-Fz151 {
90
90
  --field-height: calc(3rem * var(--s2-scale));
91
91
  }
92
92
 
93
- .-AJjOLd-UVxyPec15 {
93
+ .-AJjOLd-UVxyPec151 {
94
94
  --field-gap: calc(var(--field-height) - 1lh);
95
95
  }
96
96
 
97
- .qg15 {
97
+ .qg151 {
98
98
  column-gap: .75rem;
99
99
  }
100
100
 
101
- .__ca15 {
101
+ .__ca151 {
102
102
  -webkit-tap-highlight-color: #0000;
103
103
  }
104
104
 
105
- .zXcEWr15 {
105
+ .zXcEWr151 {
106
106
  grid-column-start: input;
107
107
  }
108
108
 
109
- .yXcEWr15 {
109
+ .yXcEWr151 {
110
110
  grid-column-end: input;
111
111
  }
112
112
 
113
- .BXcEWr15 {
113
+ .BXcEWr151 {
114
114
  grid-row-start: input;
115
115
  }
116
116
 
117
- .AXcEWr15 {
117
+ .AXcEWr151 {
118
118
  grid-row-end: input;
119
119
  }
120
120
 
121
- .sd15 {
121
+ .sd151 {
122
122
  display: flex;
123
123
  }
124
124
 
125
- ._ta15 {
125
+ ._ta151 {
126
126
  flex-direction: column;
127
127
  }
128
128
 
129
- ._tc15 {
129
+ ._tc151 {
130
130
  flex-direction: row;
131
131
  }
132
132
 
133
- ._Fd15 {
133
+ ._Fd151 {
134
134
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
135
135
  }
136
136
 
137
- .UgOnRt15 {
137
+ .UgOnRt151 {
138
138
  row-gap: var(--field-gap);
139
139
  }
140
140
 
141
- .ql15 {
141
+ .ql151 {
142
142
  column-gap: 1rem;
143
143
  }
144
144
 
145
- ._wb15 {
145
+ ._wb151 {
146
146
  flex-wrap: wrap;
147
147
  }
148
148
  }
149
149
 
150
150
  @layer _.b {
151
- ._FnuYUweb15:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
151
+ ._FnuYUweb151:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
152
152
  line-height: 1.5;
153
153
  }
154
154
  }
@@ -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 += ' se15';
50
+ rules += ' se151';
51
51
  if (props.isInForm) {
52
- if (!gridColumnStart) rules += ' z2mU15';
52
+ if (!gridColumnStart) rules += ' z2mU151';
53
53
  }
54
54
  if (props.isInForm) {
55
55
  if (props.labelPosition === "side") {
56
- if (!gridColumnEnd) rules += ' yvoofG15';
56
+ if (!gridColumnEnd) rules += ' yvoofG151';
57
57
  }
58
58
  }
59
- if (props.isInForm) rules += ' DLwlgod15';
59
+ if (props.isInForm) rules += ' DLwlgod151';
60
60
  else {
61
- if (props.labelPosition === "side") rules += ' DPlN5qb15';
62
- else if (props.labelPosition === "top") rules += ' DM8Mfn15';
61
+ if (props.labelPosition === "side") rules += ' DPlN5qb151';
62
+ else if (props.labelPosition === "top") rules += ' DM8Mfn151';
63
63
  }
64
- if (props.labelPosition === "side") rules += ' EPlN5qb15';
65
- else if (props.labelPosition === "top") rules += ' E4w1sLc15';
66
- if (props.labelPosition === "side") rules += ' CbRM95c15';
67
- else if (props.labelPosition === "top") rules += ' Cxaocre15';
64
+ if (props.labelPosition === "side") rules += ' EPlN5qb151';
65
+ else if (props.labelPosition === "top") rules += ' E4w1sLc151';
66
+ if (props.labelPosition === "side") rules += ' CbRM95c151';
67
+ else if (props.labelPosition === "top") rules += ' Cxaocre151';
68
68
  if (props.size === "XL") {
69
- rules += ' -_6BNtrc-e15';
70
- rules += ' vx15';
69
+ rules += ' -_6BNtrc-e151';
70
+ rules += ' vx151';
71
71
  } else if (props.size === "L") {
72
- rules += ' -_6BNtrc-d15';
73
- rules += ' vx15';
72
+ rules += ' -_6BNtrc-d151';
73
+ rules += ' vx151';
74
74
  } else if (props.size === "S") {
75
- rules += ' -_6BNtrc-b15';
76
- rules += ' vx15';
75
+ rules += ' -_6BNtrc-b151';
76
+ rules += ' vx151';
77
77
  } else if (props.size === "XS") {
78
- rules += ' -_6BNtrc-a15';
79
- rules += ' vx15';
78
+ rules += ' -_6BNtrc-a151';
79
+ rules += ' vx151';
80
80
  } else {
81
- rules += ' -_6BNtrc-c15';
82
- rules += ' vx15';
81
+ rules += ' -_6BNtrc-c151';
82
+ rules += ' vx151';
83
83
  }
84
- rules += ' ea15';
85
- rules += ' _Fd15';
86
- rules += ' _FnuYUweb15';
87
- if (props.size === "XL") rules += ' -BhX7R-Fz15';
88
- else if (props.size === "L") rules += ' -BhX7R-Fv15';
89
- else if (props.size === "S") rules += ' -BhX7R-Fp15';
90
- else if (props.size === "XS") rules += ' -BhX7R-Fn15';
91
- else rules += ' -BhX7R-Fx15';
92
- rules += ' -AJjOLd-UVxyPec15';
93
- rules += ' qg15';
94
- rules += ' __ca15';
84
+ rules += ' ea151';
85
+ rules += ' _Fd151';
86
+ rules += ' _FnuYUweb151';
87
+ if (props.size === "XL") rules += ' -BhX7R-Fz151';
88
+ else if (props.size === "L") rules += ' -BhX7R-Fv151';
89
+ else if (props.size === "S") rules += ' -BhX7R-Fp151';
90
+ else if (props.size === "XS") rules += ' -BhX7R-Fn151';
91
+ else rules += ' -BhX7R-Fx151';
92
+ rules += ' -AJjOLd-UVxyPec151';
93
+ rules += ' qg151';
94
+ rules += ' __ca151';
95
95
  return rules;
96
96
  }({
97
97
  size: props.size,
@@ -115,18 +115,18 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
115
115
  /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
116
116
  className: function anonymous(props) {
117
117
  let rules = " ";
118
- rules += ' zXcEWr15';
119
- rules += ' yXcEWr15';
120
- rules += ' BXcEWr15';
121
- rules += ' AXcEWr15';
122
- rules += ' sd15';
123
- if (props.orientation === "horizontal") rules += ' _tc15';
124
- else if (props.orientation === "vertical") rules += ' _ta15';
125
- rules += ' _Fd15';
126
- rules += ' _FnuYUweb15';
127
- rules += ' UgOnRt15';
128
- rules += ' ql15';
129
- if (props.orientation === "horizontal") rules += ' _wb15';
118
+ rules += ' zXcEWr151';
119
+ rules += ' yXcEWr151';
120
+ rules += ' BXcEWr151';
121
+ rules += ' AXcEWr151';
122
+ rules += ' sd151';
123
+ if (props.orientation === "horizontal") rules += ' _tc151';
124
+ else if (props.orientation === "vertical") rules += ' _ta151';
125
+ rules += ' _Fd151';
126
+ rules += ' _FnuYUweb151';
127
+ rules += ' UgOnRt151';
128
+ rules += ' ql151';
129
+ if (props.orientation === "horizontal") rules += ' _wb151';
130
130
  return rules;
131
131
  }({
132
132
  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 += ' Zi15';
36
- else if (props.size === "XS") rules += ' Zi15';
37
- else if (props.size === "XXL") rules += ' Zu15';
38
- else if (props.size === "XL") rules += ' Zk15';
39
- else if (props.size === "L") rules += ' Zj15';
40
- else if (props.size === "M") rules += ' Zi15';
41
- if (props.size === "S") rules += ' Fj15';
42
- else if (props.size === "XS") rules += ' Fj15';
43
- else if (props.size === "XXL") rules += ' Ft15';
44
- else if (props.size === "XL") rules += ' Fl15';
45
- else if (props.size === "L") rules += ' Fk15';
46
- else if (props.size === "M") rules += ' Fj15';
35
+ if (props.size === "S") rules += ' Zi151';
36
+ else if (props.size === "XS") rules += ' Zi151';
37
+ else if (props.size === "XXL") rules += ' Zu151';
38
+ else if (props.size === "XL") rules += ' Zk151';
39
+ else if (props.size === "L") rules += ' Zj151';
40
+ else if (props.size === "M") rules += ' Zi151';
41
+ if (props.size === "S") rules += ' Fj151';
42
+ else if (props.size === "XS") rules += ' Fj151';
43
+ else if (props.size === "XXL") rules += ' Ft151';
44
+ else if (props.size === "XL") rules += ' Fl151';
45
+ else if (props.size === "L") rules += ' Fk151';
46
+ else if (props.size === "M") rules += ' Fj151';
47
47
  return rules;
48
48
  };
49
49
  function $dba2b18fc5727f9b$export$2e2bcd8739ae039(props) {
@@ -1,34 +1,34 @@
1
1
  @layer _.a {
2
- .Zj15 {
2
+ .Zj151 {
3
3
  width: calc(.75rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zk15 {
6
+ .Zk151 {
7
7
  width: calc(.875rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zu15 {
10
+ .Zu151 {
11
11
  width: calc(1rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zi15 {
14
+ .Zi151 {
15
15
  width: calc(.625rem * var(--s2-scale));
16
16
  width: calc(.625rem * var(--s2-scale));
17
17
  }
18
18
 
19
- .Fk15 {
19
+ .Fk151 {
20
20
  height: calc(.75rem * var(--s2-scale));
21
21
  }
22
22
 
23
- .Fl15 {
23
+ .Fl151 {
24
24
  height: calc(.875rem * var(--s2-scale));
25
25
  }
26
26
 
27
- .Ft15 {
27
+ .Ft151 {
28
28
  height: calc(1rem * var(--s2-scale));
29
29
  }
30
30
 
31
- .Fj15 {
31
+ .Fj151 {
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 += ' Zi15';
30
- else if (props.size === "XS") rules += ' Zi15';
31
- else if (props.size === "XXL") rules += ' Zu15';
32
- else if (props.size === "XL") rules += ' Zk15';
33
- else if (props.size === "L") rules += ' Zj15';
34
- else if (props.size === "M") rules += ' Zi15';
35
- if (props.size === "S") rules += ' Fj15';
36
- else if (props.size === "XS") rules += ' Fj15';
37
- else if (props.size === "XXL") rules += ' Ft15';
38
- else if (props.size === "XL") rules += ' Fl15';
39
- else if (props.size === "L") rules += ' Fk15';
40
- else if (props.size === "M") rules += ' Fj15';
29
+ if (props.size === "S") rules += ' Zi151';
30
+ else if (props.size === "XS") rules += ' Zi151';
31
+ else if (props.size === "XXL") rules += ' Zu151';
32
+ else if (props.size === "XL") rules += ' Zk151';
33
+ else if (props.size === "L") rules += ' Zj151';
34
+ else if (props.size === "M") rules += ' Zi151';
35
+ if (props.size === "S") rules += ' Fj151';
36
+ else if (props.size === "XS") rules += ' Fj151';
37
+ else if (props.size === "XXL") rules += ' Ft151';
38
+ else if (props.size === "XL") rules += ' Fl151';
39
+ else if (props.size === "L") rules += ' Fk151';
40
+ else if (props.size === "M") rules += ' Fj151';
41
41
  return rules;
42
42
  };
43
43
  function $81cf3d4588736e7d$export$2e2bcd8739ae039(props) {
@@ -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 += ' Zi15';
36
- else if (props.size === "XS") rules += ' Zg15';
37
- else if (props.size === "XXL") rules += ' Zu15';
38
- else if (props.size === "XL") rules += ' Zk15';
39
- else if (props.size === "L") rules += ' Zj15';
40
- else if (props.size === "M") rules += ' Zi15';
41
- if (props.size === "S") rules += ' Fj15';
42
- else if (props.size === "XS") rules += ' Fg15';
43
- else if (props.size === "XXL") rules += ' Ft15';
44
- else if (props.size === "XL") rules += ' Fl15';
45
- else if (props.size === "L") rules += ' Fk15';
46
- else if (props.size === "M") rules += ' Fj15';
35
+ if (props.size === "S") rules += ' Zi151';
36
+ else if (props.size === "XS") rules += ' Zg151';
37
+ else if (props.size === "XXL") rules += ' Zu151';
38
+ else if (props.size === "XL") rules += ' Zk151';
39
+ else if (props.size === "L") rules += ' Zj151';
40
+ else if (props.size === "M") rules += ' Zi151';
41
+ if (props.size === "S") rules += ' Fj151';
42
+ else if (props.size === "XS") rules += ' Fg151';
43
+ else if (props.size === "XXL") rules += ' Ft151';
44
+ else if (props.size === "XL") rules += ' Fl151';
45
+ else if (props.size === "L") rules += ' Fk151';
46
+ else if (props.size === "M") rules += ' Fj151';
47
47
  return rules;
48
48
  };
49
49
  function $1df9f1c9262ce5df$export$2e2bcd8739ae039(props) {
@@ -1,41 +1,41 @@
1
1
  @layer _.a {
2
- .Zj15 {
2
+ .Zj151 {
3
3
  width: calc(.75rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zk15 {
6
+ .Zk151 {
7
7
  width: calc(.875rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zu15 {
10
+ .Zu151 {
11
11
  width: calc(1rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zg15 {
14
+ .Zg151 {
15
15
  width: calc(.375rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Zi15 {
18
+ .Zi151 {
19
19
  width: calc(.625rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fk15 {
22
+ .Fk151 {
23
23
  height: calc(.75rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .Fl15 {
26
+ .Fl151 {
27
27
  height: calc(.875rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Ft15 {
30
+ .Ft151 {
31
31
  height: calc(1rem * var(--s2-scale));
32
32
  }
33
33
 
34
- .Fg15 {
34
+ .Fg151 {
35
35
  height: calc(.375rem * var(--s2-scale));
36
36
  }
37
37
 
38
- .Fj15 {
38
+ .Fj151 {
39
39
  height: calc(.625rem * var(--s2-scale));
40
40
  }
41
41
  }
@@ -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 += ' Zi15';
30
- else if (props.size === "XS") rules += ' Zg15';
31
- else if (props.size === "XXL") rules += ' Zu15';
32
- else if (props.size === "XL") rules += ' Zk15';
33
- else if (props.size === "L") rules += ' Zj15';
34
- else if (props.size === "M") rules += ' Zi15';
35
- if (props.size === "S") rules += ' Fj15';
36
- else if (props.size === "XS") rules += ' Fg15';
37
- else if (props.size === "XXL") rules += ' Ft15';
38
- else if (props.size === "XL") rules += ' Fl15';
39
- else if (props.size === "L") rules += ' Fk15';
40
- else if (props.size === "M") rules += ' Fj15';
29
+ if (props.size === "S") rules += ' Zi151';
30
+ else if (props.size === "XS") rules += ' Zg151';
31
+ else if (props.size === "XXL") rules += ' Zu151';
32
+ else if (props.size === "XL") rules += ' Zk151';
33
+ else if (props.size === "L") rules += ' Zj151';
34
+ else if (props.size === "M") rules += ' Zi151';
35
+ if (props.size === "S") rules += ' Fj151';
36
+ else if (props.size === "XS") rules += ' Fg151';
37
+ else if (props.size === "XXL") rules += ' Ft151';
38
+ else if (props.size === "XL") rules += ' Fl151';
39
+ else if (props.size === "L") rules += ' Fk151';
40
+ else if (props.size === "M") rules += ' Fj151';
41
41
  return rules;
42
42
  };
43
43
  function $4b69f02ec06b9226$export$2e2bcd8739ae039(props) {
@@ -42,38 +42,38 @@ const $4fb579ecc195bd2b$var$focusRingStyles = {
42
42
  };
43
43
  const $4fb579ecc195bd2b$var$visibleClearButton = function anonymous(props) {
44
44
  let rules = " ";
45
- if (props.isFocusVisible) rules += ' _Lf15';
46
- else rules += ' _Le15';
47
- if (props.isStaticColor) rules += ' Ok15';
45
+ if (props.isFocusVisible) rules += ' _Lf151';
46
+ else rules += ' _Le151';
47
+ if (props.isStaticColor) rules += ' Ok151';
48
48
  else {
49
- rules += ' Oh15';
50
- rules += ' Olc15';
49
+ rules += ' Oh151';
50
+ rules += ' Olc151';
51
51
  }
52
- rules += ' _Mc15';
53
- rules += ' _Kc15';
54
- rules += ' sd15';
55
- rules += ' eb15';
56
- rules += ' _Ca15';
57
- rules += ' Fb15';
58
- if (props.size === "XL") rules += ' ZF15';
59
- else if (props.size === "L") rules += ' Zw15';
60
- else if (props.size === "S") rules += ' Zo15';
61
- else if (props.size === "XS") rules += ' Zm15';
62
- else rules += ' ZC15';
63
- rules += ' _va15';
64
- rules += ' og15';
65
- rules += ' ng15';
66
- rules += ' kg15';
67
- rules += ' jg15';
68
- rules += ' _je15';
69
- rules += ' g915';
70
- rules += ' _oa15';
71
- rules += ' Td15';
72
- rules += ' Qd15';
73
- rules += ' Sd15';
74
- rules += ' Rd15';
75
- rules += ' p40ub4c15';
76
- rules += ' -_8sjo0b-t5ZbAob15';
52
+ rules += ' _Mc151';
53
+ rules += ' _Kc151';
54
+ rules += ' sd151';
55
+ rules += ' eb151';
56
+ rules += ' _Ca151';
57
+ rules += ' Fb151';
58
+ if (props.size === "XL") rules += ' ZF151';
59
+ else if (props.size === "L") rules += ' Zw151';
60
+ else if (props.size === "S") rules += ' Zo151';
61
+ else if (props.size === "XS") rules += ' Zm151';
62
+ else rules += ' ZC151';
63
+ rules += ' _va151';
64
+ rules += ' og151';
65
+ rules += ' ng151';
66
+ rules += ' kg151';
67
+ rules += ' jg151';
68
+ rules += ' _je151';
69
+ rules += ' g9151';
70
+ rules += ' _oa151';
71
+ rules += ' Td151';
72
+ rules += ' Qd151';
73
+ rules += ' Sd151';
74
+ rules += ' Rd151';
75
+ rules += ' p40ub4c151';
76
+ rules += ' -_8sjo0b-t5ZbAob151';
77
77
  return rules;
78
78
  };
79
79
  const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react.forwardRef)(function ClearButton(props, ref) {