@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
@@ -46,68 +46,68 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
46
46
  if (p[1] === "_v") flexShrink = true;
47
47
  rules += p[0];
48
48
  }
49
- if (props.isFocusVisible) rules += ' _Lf15';
50
- else rules += ' _Le15';
51
- if (props.isStaticColor) rules += ' Oe15';
52
- else rules += ' Oh15';
53
- rules += ' Olc15';
54
- rules += ' _Mc15';
55
- rules += ' _Kd15';
56
- if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr15';
57
- else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s15';
58
- rules += ' sd15';
59
- rules += ' eb15';
60
- rules += ' _Ca15';
49
+ if (props.isFocusVisible) rules += ' _Lf151';
50
+ else rules += ' _Le151';
51
+ if (props.isStaticColor) rules += ' Oe151';
52
+ else rules += ' Oh151';
53
+ rules += ' Olc151';
54
+ rules += ' _Mc151';
55
+ rules += ' _Kd151';
56
+ if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr151';
57
+ else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s151';
58
+ rules += ' sd151';
59
+ rules += ' eb151';
60
+ rules += ' _Ca151';
61
61
  if (props.size === "XL") {
62
- if (!width) rules += ' ZF15';
62
+ if (!width) rules += ' ZF151';
63
63
  } else if (props.size === "L") {
64
- if (!width) rules += ' Zw15';
64
+ if (!width) rules += ' Zw151';
65
65
  } else if (props.size === "S") {
66
- if (!width) rules += ' Zo15';
66
+ if (!width) rules += ' Zo151';
67
67
  } else if (props.size === "XS") {
68
- if (!width) rules += ' Zm15';
69
- } else if (!width) rules += ' ZC15';
70
- if (props.size === "XL") rules += ' Fz15';
71
- else if (props.size === "L") rules += ' Fv15';
72
- else if (props.size === "S") rules += ' Fp15';
73
- else if (props.size === "XS") rules += ' Fn15';
74
- else rules += ' Fx15';
75
- if (!flexShrink) rules += ' _va15';
76
- rules += ' og15';
77
- rules += ' ng15';
78
- rules += ' kg15';
79
- rules += ' jg15';
80
- rules += ' Td15';
81
- rules += ' Qd15';
82
- rules += ' Sd15';
83
- rules += ' Rd15';
84
- rules += ' _je15';
85
- rules += ' Yd15';
86
- rules += ' Xb15';
87
- rules += ' _2b15';
68
+ if (!width) rules += ' Zm151';
69
+ } else if (!width) rules += ' ZC151';
70
+ if (props.size === "XL") rules += ' Fz151';
71
+ else if (props.size === "L") rules += ' Fv151';
72
+ else if (props.size === "S") rules += ' Fp151';
73
+ else if (props.size === "XS") rules += ' Fn151';
74
+ else rules += ' Fx151';
75
+ if (!flexShrink) rules += ' _va151';
76
+ rules += ' og151';
77
+ rules += ' ng151';
78
+ rules += ' kg151';
79
+ rules += ' jg151';
80
+ rules += ' Td151';
81
+ rules += ' Qd151';
82
+ rules += ' Sd151';
83
+ rules += ' Rd151';
84
+ rules += ' _je151';
85
+ rules += ' Yd151';
86
+ rules += ' Xb151';
87
+ rules += ' _2b151';
88
88
  if (props.isPressed) {
89
- if (props.isStaticColor) rules += ' gg15';
90
- else rules += ' gF15';
89
+ if (props.isStaticColor) rules += ' gg151';
90
+ else rules += ' gF151';
91
91
  } else if (props.isFocusVisible) {
92
- if (props.isStaticColor) rules += ' gg15';
93
- else rules += ' gF15';
92
+ if (props.isStaticColor) rules += ' gg151';
93
+ else rules += ' gF151';
94
94
  } else if (props.isHovered) {
95
- if (props.isStaticColor) rules += ' gg15';
96
- else rules += ' gF15';
97
- } else rules += ' g915';
95
+ if (props.isStaticColor) rules += ' gg151';
96
+ else rules += ' gF151';
97
+ } else rules += ' g9151';
98
98
  if (props.isStaticColor) {
99
- if (props.isDisabled) rules += ' -_8sjo0b-pi15';
100
- else rules += ' -_8sjo0b-px15';
101
- } else if (props.isDisabled) rules += ' -_8sjo0b-pp15';
99
+ if (props.isDisabled) rules += ' -_8sjo0b-pi151';
100
+ else rules += ' -_8sjo0b-px151';
101
+ } else if (props.isDisabled) rules += ' -_8sjo0b-pp151';
102
102
  else {
103
- if (props.isPressed) rules += ' -_8sjo0b-po15';
104
- else if (props.isFocusVisible) rules += ' -_8sjo0b-po15';
105
- else if (props.isHovered) rules += ' -_8sjo0b-po15';
106
- else rules += ' -_8sjo0b-pt15';
103
+ if (props.isPressed) rules += ' -_8sjo0b-po151';
104
+ else if (props.isFocusVisible) rules += ' -_8sjo0b-po151';
105
+ else if (props.isHovered) rules += ' -_8sjo0b-po151';
106
+ else rules += ' -_8sjo0b-pt151';
107
107
  }
108
- if (props.isDisabled) rules += ' -_8sjo0b-lpc15';
109
- else rules += ' -_8sjo0b-lpb15';
110
- rules += ' __ca15';
108
+ if (props.isDisabled) rules += ' -_8sjo0b-lpc151';
109
+ else rules += ' -_8sjo0b-lpb151';
110
+ rules += ' __ca151';
111
111
  return rules;
112
112
  };
113
113
  const $a9cda54c4f47ce52$export$c796eec99a15b55d = /*#__PURE__*/ (0, $5wH0g$createContext)(null);
@@ -63,22 +63,22 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
63
63
  if (p[1] === "M") minHeight = true;
64
64
  rules += p[0];
65
65
  }
66
- if (!position) rules += ' _Pc15';
67
- if (!width) rules += ' Zr15';
68
- if (!height) rules += ' Fs15';
69
- if (!minWidth) rules += ' Nm15';
70
- if (!minHeight) rules += ' Ml15';
71
- rules += ' ob15';
72
- rules += ' nb15';
73
- rules += ' kb15';
74
- rules += ' jb15';
75
- rules += ' Oi15';
76
- rules += ' Ola15';
77
- rules += ' _Mb15';
78
- rules += ' _Ka15';
79
- if (props.isDisabled) rules += ' _Le15';
80
- else rules += ' _Lf15';
81
- if (props.isDisabled) rules += ' gH15';
66
+ if (!position) rules += ' _Pc151';
67
+ if (!width) rules += ' Zr151';
68
+ if (!height) rules += ' Fs151';
69
+ if (!minWidth) rules += ' Nm151';
70
+ if (!minHeight) rules += ' Ml151';
71
+ rules += ' ob151';
72
+ rules += ' nb151';
73
+ rules += ' kb151';
74
+ rules += ' jb151';
75
+ rules += ' Oi151';
76
+ rules += ' Ola151';
77
+ rules += ' _Mb151';
78
+ rules += ' _Ka151';
79
+ if (props.isDisabled) rules += ' _Le151';
80
+ else rules += ' _Lf151';
81
+ if (props.isDisabled) rules += ' gH151';
82
82
  return rules;
83
83
  }(renderProps, styles),
84
84
  children: ({ state: state })=>/*#__PURE__*/ (0, $lfrPf$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {
@@ -1,61 +1,61 @@
1
1
  @layer _.a {
2
- ._Pc15 {
2
+ ._Pc151 {
3
3
  position: relative;
4
4
  }
5
5
 
6
- .Zr15 {
6
+ .Zr151 {
7
7
  width: calc(12rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Fs15 {
10
+ .Fs151 {
11
11
  height: calc(12rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Nm15 {
14
+ .Nm151 {
15
15
  min-width: calc(4rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Ml15 {
18
+ .Ml151 {
19
19
  min-height: calc(4rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .ob15 {
22
+ .ob151 {
23
23
  border-start-start-radius: .5rem;
24
24
  }
25
25
 
26
- .nb15 {
26
+ .nb151 {
27
27
  border-start-end-radius: .5rem;
28
28
  }
29
29
 
30
- .kb15 {
30
+ .kb151 {
31
31
  border-end-start-radius: .5rem;
32
32
  }
33
33
 
34
- .jb15 {
34
+ .jb151 {
35
35
  border-end-end-radius: .5rem;
36
36
  }
37
37
 
38
- .Oi15 {
38
+ .Oi151 {
39
39
  outline-color: light-dark(#0000001a, #ffffff1a);
40
40
  }
41
41
 
42
- ._Mb15 {
42
+ ._Mb151 {
43
43
  outline-width: 1px;
44
44
  }
45
45
 
46
- ._Ka15 {
46
+ ._Ka151 {
47
47
  outline-offset: -1px;
48
48
  }
49
49
 
50
- ._Lf15 {
50
+ ._Lf151 {
51
51
  outline-style: solid;
52
52
  }
53
53
 
54
- ._Le15 {
54
+ ._Le151 {
55
55
  outline-style: none;
56
56
  }
57
57
 
58
- .gH15 {
58
+ .gH151 {
59
59
  background-color: light-dark(#e9e9e9, #2c2c2c);
60
60
  }
61
61
  }
@@ -64,7 +64,7 @@
64
64
 
65
65
  @layer _.b.l {
66
66
  @media (forced-colors: active) {
67
- .Ola15 {
67
+ .Ola151 {
68
68
  outline-color: buttonborder;
69
69
  }
70
70
  }
@@ -56,22 +56,22 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
56
56
  if (p[1] === "M") minHeight = true;
57
57
  rules += p[0];
58
58
  }
59
- if (!position) rules += ' _Pc15';
60
- if (!width) rules += ' Zr15';
61
- if (!height) rules += ' Fs15';
62
- if (!minWidth) rules += ' Nm15';
63
- if (!minHeight) rules += ' Ml15';
64
- rules += ' ob15';
65
- rules += ' nb15';
66
- rules += ' kb15';
67
- rules += ' jb15';
68
- rules += ' Oi15';
69
- rules += ' Ola15';
70
- rules += ' _Mb15';
71
- rules += ' _Ka15';
72
- if (props.isDisabled) rules += ' _Le15';
73
- else rules += ' _Lf15';
74
- if (props.isDisabled) rules += ' gH15';
59
+ if (!position) rules += ' _Pc151';
60
+ if (!width) rules += ' Zr151';
61
+ if (!height) rules += ' Fs151';
62
+ if (!minWidth) rules += ' Nm151';
63
+ if (!minHeight) rules += ' Ml151';
64
+ rules += ' ob151';
65
+ rules += ' nb151';
66
+ rules += ' kb151';
67
+ rules += ' jb151';
68
+ rules += ' Oi151';
69
+ rules += ' Ola151';
70
+ rules += ' _Mb151';
71
+ rules += ' _Ka151';
72
+ if (props.isDisabled) rules += ' _Le151';
73
+ else rules += ' _Lf151';
74
+ if (props.isDisabled) rules += ' gH151';
75
75
  return rules;
76
76
  }(renderProps, styles),
77
77
  children: ({ state: state })=>/*#__PURE__*/ (0, $dNfSU$jsx)((0, $b4f7db7c45cd3de9$export$92862704de639678), {
@@ -67,51 +67,51 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
67
67
  if (p[1] === "y") gridColumnEnd = true;
68
68
  rules += p[0];
69
69
  }
70
- rules += ' se15';
70
+ rules += ' se151';
71
71
  if (props.isInForm) {
72
- if (!gridColumnStart) rules += ' z2mU15';
72
+ if (!gridColumnStart) rules += ' z2mU151';
73
73
  }
74
74
  if (props.isInForm) {
75
75
  if (props.labelPosition === "side") {
76
- if (!gridColumnEnd) rules += ' yvoofG15';
76
+ if (!gridColumnEnd) rules += ' yvoofG151';
77
77
  }
78
78
  }
79
- if (props.isInForm) rules += ' DLwlgod15';
79
+ if (props.isInForm) rules += ' DLwlgod151';
80
80
  else {
81
- if (props.labelPosition === "side") rules += ' DPlN5qb15';
82
- else if (props.labelPosition === "top") rules += ' DM8Mfn15';
81
+ if (props.labelPosition === "side") rules += ' DPlN5qb151';
82
+ else if (props.labelPosition === "top") rules += ' DM8Mfn151';
83
83
  }
84
- if (props.labelPosition === "side") rules += ' EPlN5qb15';
85
- else if (props.labelPosition === "top") rules += ' E4w1sLc15';
86
- if (props.labelPosition === "side") rules += ' CbRM95c15';
87
- else if (props.labelPosition === "top") rules += ' Cxaocre15';
84
+ if (props.labelPosition === "side") rules += ' EPlN5qb151';
85
+ else if (props.labelPosition === "top") rules += ' E4w1sLc151';
86
+ if (props.labelPosition === "side") rules += ' CbRM95c151';
87
+ else if (props.labelPosition === "top") rules += ' Cxaocre151';
88
88
  if (props.size === "XL") {
89
- rules += ' -_6BNtrc-e15';
90
- rules += ' vx15';
89
+ rules += ' -_6BNtrc-e151';
90
+ rules += ' vx151';
91
91
  } else if (props.size === "L") {
92
- rules += ' -_6BNtrc-d15';
93
- rules += ' vx15';
92
+ rules += ' -_6BNtrc-d151';
93
+ rules += ' vx151';
94
94
  } else if (props.size === "S") {
95
- rules += ' -_6BNtrc-b15';
96
- rules += ' vx15';
95
+ rules += ' -_6BNtrc-b151';
96
+ rules += ' vx151';
97
97
  } else if (props.size === "XS") {
98
- rules += ' -_6BNtrc-a15';
99
- rules += ' vx15';
98
+ rules += ' -_6BNtrc-a151';
99
+ rules += ' vx151';
100
100
  } else {
101
- rules += ' -_6BNtrc-c15';
102
- rules += ' vx15';
101
+ rules += ' -_6BNtrc-c151';
102
+ rules += ' vx151';
103
103
  }
104
- rules += ' ea15';
105
- rules += ' _Fd15';
106
- rules += ' _FnuYUweb15';
107
- if (props.size === "XL") rules += ' -BhX7R-Fz15';
108
- else if (props.size === "L") rules += ' -BhX7R-Fv15';
109
- else if (props.size === "S") rules += ' -BhX7R-Fp15';
110
- else if (props.size === "XS") rules += ' -BhX7R-Fn15';
111
- else rules += ' -BhX7R-Fx15';
112
- rules += ' -AJjOLd-UVkF0Db15';
113
- rules += ' qg15';
114
- rules += ' __ca15';
104
+ rules += ' ea151';
105
+ rules += ' _Fd151';
106
+ rules += ' _FnuYUweb151';
107
+ if (props.size === "XL") rules += ' -BhX7R-Fz151';
108
+ else if (props.size === "L") rules += ' -BhX7R-Fv151';
109
+ else if (props.size === "S") rules += ' -BhX7R-Fp151';
110
+ else if (props.size === "XS") rules += ' -BhX7R-Fn151';
111
+ else rules += ' -BhX7R-Fx151';
112
+ rules += ' -AJjOLd-UVkF0Db151';
113
+ rules += ' qg151';
114
+ rules += ' __ca151';
115
115
  return rules;
116
116
  }({
117
117
  size: props.size,
@@ -1,114 +1,114 @@
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
- ._Fd15 {
73
+ ._Fd151 {
74
74
  line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
75
75
  }
76
76
 
77
- .-BhX7R-Fx15 {
77
+ .-BhX7R-Fx151 {
78
78
  --field-height: calc(2rem * var(--s2-scale));
79
79
  }
80
80
 
81
- .-BhX7R-Fn15 {
81
+ .-BhX7R-Fn151 {
82
82
  --field-height: calc(1.25rem * var(--s2-scale));
83
83
  }
84
84
 
85
- .-BhX7R-Fp15 {
85
+ .-BhX7R-Fp151 {
86
86
  --field-height: calc(1.5rem * var(--s2-scale));
87
87
  }
88
88
 
89
- .-BhX7R-Fv15 {
89
+ .-BhX7R-Fv151 {
90
90
  --field-height: calc(2.5rem * var(--s2-scale));
91
91
  }
92
92
 
93
- .-BhX7R-Fz15 {
93
+ .-BhX7R-Fz151 {
94
94
  --field-height: calc(3rem * var(--s2-scale));
95
95
  }
96
96
 
97
- .-AJjOLd-UVkF0Db15 {
97
+ .-AJjOLd-UVkF0Db151 {
98
98
  --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
99
99
  }
100
100
 
101
- .qg15 {
101
+ .qg151 {
102
102
  column-gap: .75rem;
103
103
  }
104
104
 
105
- .__ca15 {
105
+ .__ca151 {
106
106
  -webkit-tap-highlight-color: #0000;
107
107
  }
108
108
  }
109
109
 
110
110
  @layer _.b {
111
- ._FnuYUweb15:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
111
+ ._FnuYUweb151:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
112
112
  line-height: 1.5;
113
113
  }
114
114
  }
@@ -60,51 +60,51 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
60
60
  if (p[1] === "y") gridColumnEnd = true;
61
61
  rules += p[0];
62
62
  }
63
- rules += ' se15';
63
+ rules += ' se151';
64
64
  if (props.isInForm) {
65
- if (!gridColumnStart) rules += ' z2mU15';
65
+ if (!gridColumnStart) rules += ' z2mU151';
66
66
  }
67
67
  if (props.isInForm) {
68
68
  if (props.labelPosition === "side") {
69
- if (!gridColumnEnd) rules += ' yvoofG15';
69
+ if (!gridColumnEnd) rules += ' yvoofG151';
70
70
  }
71
71
  }
72
- if (props.isInForm) rules += ' DLwlgod15';
72
+ if (props.isInForm) rules += ' DLwlgod151';
73
73
  else {
74
- if (props.labelPosition === "side") rules += ' DPlN5qb15';
75
- else if (props.labelPosition === "top") rules += ' DM8Mfn15';
74
+ if (props.labelPosition === "side") rules += ' DPlN5qb151';
75
+ else if (props.labelPosition === "top") rules += ' DM8Mfn151';
76
76
  }
77
- if (props.labelPosition === "side") rules += ' EPlN5qb15';
78
- else if (props.labelPosition === "top") rules += ' E4w1sLc15';
79
- if (props.labelPosition === "side") rules += ' CbRM95c15';
80
- else if (props.labelPosition === "top") rules += ' Cxaocre15';
77
+ if (props.labelPosition === "side") rules += ' EPlN5qb151';
78
+ else if (props.labelPosition === "top") rules += ' E4w1sLc151';
79
+ if (props.labelPosition === "side") rules += ' CbRM95c151';
80
+ else if (props.labelPosition === "top") rules += ' Cxaocre151';
81
81
  if (props.size === "XL") {
82
- rules += ' -_6BNtrc-e15';
83
- rules += ' vx15';
82
+ rules += ' -_6BNtrc-e151';
83
+ rules += ' vx151';
84
84
  } else if (props.size === "L") {
85
- rules += ' -_6BNtrc-d15';
86
- rules += ' vx15';
85
+ rules += ' -_6BNtrc-d151';
86
+ rules += ' vx151';
87
87
  } else if (props.size === "S") {
88
- rules += ' -_6BNtrc-b15';
89
- rules += ' vx15';
88
+ rules += ' -_6BNtrc-b151';
89
+ rules += ' vx151';
90
90
  } else if (props.size === "XS") {
91
- rules += ' -_6BNtrc-a15';
92
- rules += ' vx15';
91
+ rules += ' -_6BNtrc-a151';
92
+ rules += ' vx151';
93
93
  } else {
94
- rules += ' -_6BNtrc-c15';
95
- rules += ' vx15';
94
+ rules += ' -_6BNtrc-c151';
95
+ rules += ' vx151';
96
96
  }
97
- rules += ' ea15';
98
- rules += ' _Fd15';
99
- rules += ' _FnuYUweb15';
100
- if (props.size === "XL") rules += ' -BhX7R-Fz15';
101
- else if (props.size === "L") rules += ' -BhX7R-Fv15';
102
- else if (props.size === "S") rules += ' -BhX7R-Fp15';
103
- else if (props.size === "XS") rules += ' -BhX7R-Fn15';
104
- else rules += ' -BhX7R-Fx15';
105
- rules += ' -AJjOLd-UVkF0Db15';
106
- rules += ' qg15';
107
- rules += ' __ca15';
97
+ rules += ' ea151';
98
+ rules += ' _Fd151';
99
+ rules += ' _FnuYUweb151';
100
+ if (props.size === "XL") rules += ' -BhX7R-Fz151';
101
+ else if (props.size === "L") rules += ' -BhX7R-Fv151';
102
+ else if (props.size === "S") rules += ' -BhX7R-Fp151';
103
+ else if (props.size === "XS") rules += ' -BhX7R-Fn151';
104
+ else rules += ' -BhX7R-Fx151';
105
+ rules += ' -AJjOLd-UVkF0Db151';
106
+ rules += ' qg151';
107
+ rules += ' __ca151';
108
108
  return rules;
109
109
  }({
110
110
  size: props.size,