@react-spectrum/s2 0.9.0 → 0.9.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 (262) 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 +13 -13
  142. package/dist/Image.css +14 -14
  143. package/dist/Image.mjs +13 -13
  144. package/dist/InlineAlert.cjs +108 -108
  145. package/dist/InlineAlert.css +90 -90
  146. package/dist/InlineAlert.mjs +108 -108
  147. package/dist/Link.cjs +49 -49
  148. package/dist/Link.css +41 -41
  149. package/dist/Link.mjs +49 -49
  150. package/dist/LinkOut.cjs +8 -8
  151. package/dist/LinkOut.css +8 -8
  152. package/dist/LinkOut.mjs +8 -8
  153. package/dist/Menu.cjs +422 -422
  154. package/dist/Menu.css +180 -180
  155. package/dist/Menu.mjs +422 -422
  156. package/dist/Meter.cjs +153 -153
  157. package/dist/Meter.css +95 -95
  158. package/dist/Meter.mjs +153 -153
  159. package/dist/Modal.cjs +58 -58
  160. package/dist/Modal.css +50 -50
  161. package/dist/Modal.mjs +58 -58
  162. package/dist/NotificationBadge.cjs +56 -56
  163. package/dist/NotificationBadge.css +51 -51
  164. package/dist/NotificationBadge.mjs +56 -56
  165. package/dist/NumberField.cjs +114 -114
  166. package/dist/NumberField.css +103 -103
  167. package/dist/NumberField.mjs +114 -114
  168. package/dist/Picker.cjs +273 -271
  169. package/dist/Picker.cjs.map +1 -1
  170. package/dist/Picker.css +169 -169
  171. package/dist/Picker.css.map +1 -1
  172. package/dist/Picker.mjs +273 -271
  173. package/dist/Picker.mjs.map +1 -1
  174. package/dist/Popover.cjs +85 -85
  175. package/dist/Popover.css +66 -66
  176. package/dist/Popover.mjs +85 -85
  177. package/dist/ProgressBar.cjs +163 -163
  178. package/dist/ProgressBar.css +103 -103
  179. package/dist/ProgressBar.mjs +163 -163
  180. package/dist/ProgressCircle.cjs +17 -17
  181. package/dist/ProgressCircle.css +17 -17
  182. package/dist/ProgressCircle.mjs +17 -17
  183. package/dist/Provider.cjs +10 -10
  184. package/dist/Provider.css +9 -9
  185. package/dist/Provider.mjs +10 -10
  186. package/dist/Radio.cjs +144 -144
  187. package/dist/Radio.css +81 -81
  188. package/dist/Radio.mjs +144 -144
  189. package/dist/RadioGroup.cjs +41 -41
  190. package/dist/RadioGroup.css +41 -41
  191. package/dist/RadioGroup.mjs +41 -41
  192. package/dist/SearchField.cjs +41 -41
  193. package/dist/SearchField.css +49 -49
  194. package/dist/SearchField.mjs +41 -41
  195. package/dist/SegmentedControl.cjs +171 -171
  196. package/dist/SegmentedControl.css +120 -120
  197. package/dist/SegmentedControl.mjs +171 -171
  198. package/dist/Slider.cjs +288 -288
  199. package/dist/Slider.css +152 -152
  200. package/dist/Slider.mjs +288 -288
  201. package/dist/StatusLight.cjs +115 -115
  202. package/dist/StatusLight.css +63 -63
  203. package/dist/StatusLight.mjs +115 -115
  204. package/dist/Switch.cjs +152 -152
  205. package/dist/Switch.css +76 -76
  206. package/dist/Switch.mjs +152 -152
  207. package/dist/TableView.cjs +310 -310
  208. package/dist/TableView.css +172 -172
  209. package/dist/TableView.mjs +310 -310
  210. package/dist/Tabs.cjs +113 -110
  211. package/dist/Tabs.cjs.map +1 -1
  212. package/dist/Tabs.css +92 -92
  213. package/dist/Tabs.css.map +1 -1
  214. package/dist/Tabs.mjs +113 -110
  215. package/dist/Tabs.mjs.map +1 -1
  216. package/dist/TabsPicker.cjs +123 -123
  217. package/dist/TabsPicker.css +112 -112
  218. package/dist/TabsPicker.mjs +123 -123
  219. package/dist/TagGroup.cjs +202 -202
  220. package/dist/TagGroup.cjs.map +1 -1
  221. package/dist/TagGroup.css +147 -147
  222. package/dist/TagGroup.css.map +1 -1
  223. package/dist/TagGroup.mjs +202 -202
  224. package/dist/TagGroup.mjs.map +1 -1
  225. package/dist/TextField.cjs +57 -57
  226. package/dist/TextField.css +57 -57
  227. package/dist/TextField.mjs +57 -57
  228. package/dist/Toast.cjs +118 -118
  229. package/dist/Toast.css +105 -105
  230. package/dist/Toast.mjs +118 -118
  231. package/dist/ToggleButton.cjs +3 -3
  232. package/dist/ToggleButton.css +12 -12
  233. package/dist/ToggleButton.mjs +3 -3
  234. package/dist/Tooltip.cjs +81 -81
  235. package/dist/Tooltip.css +68 -68
  236. package/dist/Tooltip.mjs +81 -81
  237. package/dist/TreeView.cjs +143 -149
  238. package/dist/TreeView.cjs.map +1 -1
  239. package/dist/TreeView.css +143 -143
  240. package/dist/TreeView.css.map +1 -1
  241. package/dist/TreeView.mjs +143 -149
  242. package/dist/TreeView.mjs.map +1 -1
  243. package/dist/types.d.ts +2 -2
  244. package/dist/types.d.ts.map +1 -1
  245. package/icons/Icon.cjs +10 -10
  246. package/icons/Icon.css +9 -9
  247. package/icons/Icon.mjs +10 -10
  248. package/icons/Skeleton.cjs +2 -2
  249. package/icons/Skeleton.cjs.map +1 -1
  250. package/icons/Skeleton.css +6 -6
  251. package/icons/Skeleton.mjs +2 -2
  252. package/icons/Skeleton.mjs.map +1 -1
  253. package/package.json +45 -26
  254. package/src/ActionButton.tsx +1 -1
  255. package/src/Button.tsx +3 -3
  256. package/src/ComboBox.tsx +3 -2
  257. package/src/ContextualHelp.tsx +2 -2
  258. package/src/Picker.tsx +3 -2
  259. package/src/Tabs.tsx +7 -5
  260. package/src/TagGroup.tsx +1 -1
  261. package/src/TreeView.tsx +1 -6
  262. package/style/__tests__/style-macro.test.js +56 -56
package/dist/Link.mjs CHANGED
@@ -28,73 +28,73 @@ const $f50c78733c21bfe2$export$e2509388b49734e7 = /*#__PURE__*/ (0, $d6Kqa$creat
28
28
  const $f50c78733c21bfe2$var$link = function anonymous(props, overrides) {
29
29
  let rules = " ";
30
30
  rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g) || []).join('');
31
- if (props.isFocusVisible) rules += ' _Lf9';
32
- else rules += ' _Le9';
33
- if (props.isStaticColor) rules += ' Oe9';
34
- else rules += ' Oh9';
35
- rules += ' Olc9';
36
- rules += ' _Mc9';
37
- rules += ' _Kd9';
38
- if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr9';
39
- else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s9';
40
- rules += ' oa9';
41
- rules += ' na9';
42
- rules += ' ka9';
43
- rules += ' ja9';
31
+ if (props.isFocusVisible) rules += ' _Lf91';
32
+ else rules += ' _Le91';
33
+ if (props.isStaticColor) rules += ' Oe91';
34
+ else rules += ' Oh91';
35
+ rules += ' Olc91';
36
+ rules += ' _Mc91';
37
+ rules += ' _Kd91';
38
+ if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr91';
39
+ else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s91';
40
+ rules += ' oa91';
41
+ rules += ' na91';
42
+ rules += ' ka91';
43
+ rules += ' ja91';
44
44
  if (props.isStandalone) {
45
- rules += ' ug9';
46
- rules += ' uch9';
47
- rules += ' udi9';
48
- rules += ' uea9';
49
- rules += ' ugb9';
50
- rules += ' uhd9';
51
- rules += ' uje9';
52
- rules += ' uic9';
45
+ rules += ' ug91';
46
+ rules += ' uch91';
47
+ rules += ' udi91';
48
+ rules += ' uea91';
49
+ rules += ' ugb91';
50
+ rules += ' uhd91';
51
+ rules += ' uje91';
52
+ rules += ' uic91';
53
53
  }
54
54
  if (props.isStandalone) {
55
- rules += ' vd9';
56
- rules += ' vsf9';
55
+ rules += ' vd91';
56
+ rules += ' vsf91';
57
57
  }
58
58
  if (props.isStandalone) {
59
- rules += ' wc9';
60
- rules += ' xc9';
61
- rules += ' _xa9';
59
+ rules += ' wc91';
60
+ rules += ' xc91';
61
+ rules += ' _xa91';
62
62
  }
63
63
  if (props.isStandalone) {
64
- rules += ' _Fa9';
65
- rules += ' _Ffb9';
64
+ rules += ' _Fa91';
65
+ rules += ' _Ffb91';
66
66
  }
67
- if (props.isStaticColor) rules += ' pl9';
67
+ if (props.isStaticColor) rules += ' pl91';
68
68
  else if (props.variant === "secondary") {
69
- if (props.isPressed) rules += ' po9';
70
- else if (props.isFocusVisible) rules += ' po9';
71
- else if (props.isHovered) rules += ' po9';
72
- else rules += ' pt9';
69
+ if (props.isPressed) rules += ' po91';
70
+ else if (props.isFocusVisible) rules += ' po91';
71
+ else if (props.isHovered) rules += ' po91';
72
+ else rules += ' pt91';
73
73
  } else if (props.variant === "primary") {
74
- if (props.isPressed) rules += ' ps9';
75
- else if (props.isFocusVisible) rules += ' ps9';
76
- else if (props.isHovered) rules += ' ps9';
77
- else rules += ' pu9';
74
+ if (props.isPressed) rules += ' ps91';
75
+ else if (props.isFocusVisible) rules += ' ps91';
76
+ else if (props.isHovered) rules += ' ps91';
77
+ else rules += ' pu91';
78
78
  }
79
- rules += ' plf9';
80
- rules += ' Yd9';
81
- rules += ' Xb9';
82
- rules += ' _2b9';
79
+ rules += ' plf91';
80
+ rules += ' Yd91';
81
+ rules += ' Xb91';
82
+ rules += ' _2b91';
83
83
  if (props.isStandalone) {
84
84
  if (props.isQuiet) {
85
85
  if (props.isFocusVisible) {
86
- rules += ' _Xb9';
87
- rules += ' __Va9';
86
+ rules += ' _Xb91';
87
+ rules += ' __Va91';
88
88
  } else if (props.isHovered) {
89
- rules += ' _Xb9';
90
- rules += ' __Va9';
91
- } else rules += ' _Xa9';
89
+ rules += ' _Xb91';
90
+ rules += ' __Va91';
91
+ } else rules += ' _Xa91';
92
92
  }
93
93
  } else {
94
- rules += ' _Xb9';
95
- rules += ' __Va9';
94
+ rules += ' _Xb91';
95
+ rules += ' __Va91';
96
96
  }
97
- rules += ' __ca9';
97
+ rules += ' __ca91';
98
98
  return rules;
99
99
  };
100
100
  const $f50c78733c21bfe2$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $d6Kqa$forwardRef)(function Link(props, ref) {
package/dist/LinkOut.cjs CHANGED
@@ -28,14 +28,14 @@ $parcel$export(module.exports, "default", () => $377d9a1b51957cfd$export$2e2bcd8
28
28
 
29
29
  let $377d9a1b51957cfd$var$styles = function anonymous(props) {
30
30
  let rules = " ";
31
- 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 === "XXL") rules += ' Ft9';
36
- else if (props.size === "XL") rules += ' Fl9';
37
- else if (props.size === "L") rules += ' Fk9';
38
- else if (props.size === "M") rules += ' Fj9';
31
+ 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 === "XXL") rules += ' Ft91';
36
+ else if (props.size === "XL") rules += ' Fl91';
37
+ else if (props.size === "L") rules += ' Fk91';
38
+ else if (props.size === "M") rules += ' Fj91';
39
39
  return rules;
40
40
  };
41
41
  function $377d9a1b51957cfd$export$2e2bcd8739ae039(props) {
package/dist/LinkOut.css CHANGED
@@ -1,33 +1,33 @@
1
1
  @layer _.a {
2
- .Zi9 {
2
+ .Zi91 {
3
3
  width: calc(.625rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zj9 {
6
+ .Zj91 {
7
7
  width: calc(.75rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zk9 {
10
+ .Zk91 {
11
11
  width: calc(.875rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zu9 {
14
+ .Zu91 {
15
15
  width: calc(1rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Fj9 {
18
+ .Fj91 {
19
19
  height: 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
  }
package/dist/LinkOut.mjs CHANGED
@@ -22,14 +22,14 @@ import {jsx as $hX5t2$jsx} from "react/jsx-runtime";
22
22
 
23
23
  let $d9f847a2895a93dc$var$styles = function anonymous(props) {
24
24
  let rules = " ";
25
- if (props.size === "XXL") rules += ' Zu9';
26
- else if (props.size === "XL") rules += ' Zk9';
27
- else if (props.size === "L") rules += ' Zj9';
28
- else if (props.size === "M") rules += ' Zi9';
29
- if (props.size === "XXL") rules += ' Ft9';
30
- else if (props.size === "XL") rules += ' Fl9';
31
- else if (props.size === "L") rules += ' Fk9';
32
- else if (props.size === "M") rules += ' Fj9';
25
+ if (props.size === "XXL") rules += ' Zu91';
26
+ else if (props.size === "XL") rules += ' Zk91';
27
+ else if (props.size === "L") rules += ' Zj91';
28
+ else if (props.size === "M") rules += ' Zi91';
29
+ if (props.size === "XXL") rules += ' Ft91';
30
+ else if (props.size === "XL") rules += ' Fl91';
31
+ else if (props.size === "L") rules += ' Fk91';
32
+ else if (props.size === "M") rules += ' Fj91';
33
33
  return rules;
34
34
  };
35
35
  function $d9f847a2895a93dc$export$2e2bcd8739ae039(props) {