@react-spectrum/s2 0.11.1 → 0.11.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 (256) 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 +62 -62
  5. package/dist/ActionBar.css +61 -61
  6. package/dist/ActionBar.mjs +62 -62
  7. package/dist/ActionButton.cjs +202 -202
  8. package/dist/ActionButton.css +138 -138
  9. package/dist/ActionButton.mjs +202 -202
  10. package/dist/ActionButtonGroup.cjs +15 -15
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +15 -15
  13. package/dist/Add.cjs +10 -10
  14. package/dist/Add.css +6 -6
  15. package/dist/Add.mjs +10 -10
  16. package/dist/AlertDialog.cjs +3 -3
  17. package/dist/AlertDialog.css +3 -3
  18. package/dist/AlertDialog.mjs +3 -3
  19. package/dist/Asterisk.cjs +6 -6
  20. package/dist/Asterisk.css +4 -4
  21. package/dist/Asterisk.mjs +6 -6
  22. package/dist/Avatar.cjs +14 -14
  23. package/dist/Avatar.css +14 -14
  24. package/dist/Avatar.mjs +14 -14
  25. package/dist/AvatarGroup.cjs +134 -134
  26. package/dist/AvatarGroup.css +33 -33
  27. package/dist/AvatarGroup.mjs +134 -134
  28. package/dist/Badge.cjs +206 -206
  29. package/dist/Badge.css +127 -127
  30. package/dist/Badge.mjs +206 -206
  31. package/dist/Breadcrumbs.cjs +254 -254
  32. package/dist/Breadcrumbs.css +109 -109
  33. package/dist/Breadcrumbs.mjs +254 -254
  34. package/dist/Button.cjs +341 -341
  35. package/dist/Button.css +177 -177
  36. package/dist/Button.mjs +341 -341
  37. package/dist/ButtonGroup.cjs +20 -20
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +20 -20
  40. package/dist/Calendar.cjs +126 -126
  41. package/dist/Calendar.css +134 -134
  42. package/dist/Calendar.mjs +126 -126
  43. package/dist/Card.cjs +304 -304
  44. package/dist/Card.css +209 -209
  45. package/dist/Card.mjs +304 -304
  46. package/dist/CardView.cjs +16 -16
  47. package/dist/CardView.css +16 -16
  48. package/dist/CardView.mjs +16 -16
  49. package/dist/CenterBaseline.cjs +1 -1
  50. package/dist/CenterBaseline.css +2 -2
  51. package/dist/CenterBaseline.mjs +1 -1
  52. package/dist/Checkbox.cjs +170 -170
  53. package/dist/Checkbox.css +92 -92
  54. package/dist/Checkbox.mjs +170 -170
  55. package/dist/CheckboxGroup.cjs +45 -45
  56. package/dist/CheckboxGroup.css +38 -38
  57. package/dist/CheckboxGroup.mjs +45 -45
  58. package/dist/Checkmark.cjs +12 -12
  59. package/dist/Checkmark.css +8 -8
  60. package/dist/Checkmark.mjs +12 -12
  61. package/dist/Chevron.cjs +12 -12
  62. package/dist/Chevron.css +10 -10
  63. package/dist/Chevron.mjs +12 -12
  64. package/dist/ClearButton.cjs +29 -29
  65. package/dist/ClearButton.css +29 -29
  66. package/dist/ClearButton.mjs +29 -29
  67. package/dist/CloseButton.cjs +54 -54
  68. package/dist/CloseButton.css +46 -46
  69. package/dist/CloseButton.mjs +54 -54
  70. package/dist/ColorArea.cjs +16 -16
  71. package/dist/ColorArea.css +16 -16
  72. package/dist/ColorArea.mjs +16 -16
  73. package/dist/ColorField.cjs +32 -32
  74. package/dist/ColorField.css +28 -28
  75. package/dist/ColorField.mjs +32 -32
  76. package/dist/ColorHandle.cjs +27 -27
  77. package/dist/ColorHandle.css +42 -42
  78. package/dist/ColorHandle.mjs +27 -27
  79. package/dist/ColorSlider.cjs +118 -118
  80. package/dist/ColorSlider.css +54 -54
  81. package/dist/ColorSlider.mjs +118 -118
  82. package/dist/ColorSwatch.cjs +29 -29
  83. package/dist/ColorSwatch.css +29 -29
  84. package/dist/ColorSwatch.mjs +29 -29
  85. package/dist/ColorSwatchPicker.cjs +27 -27
  86. package/dist/ColorSwatchPicker.css +46 -46
  87. package/dist/ColorSwatchPicker.mjs +27 -27
  88. package/dist/ColorWheel.cjs +26 -26
  89. package/dist/ColorWheel.css +17 -17
  90. package/dist/ColorWheel.mjs +26 -26
  91. package/dist/ComboBox.cjs +397 -397
  92. package/dist/ComboBox.css +181 -181
  93. package/dist/ComboBox.mjs +397 -397
  94. package/dist/ContextualHelp.cjs +5 -5
  95. package/dist/ContextualHelp.css +60 -60
  96. package/dist/ContextualHelp.mjs +5 -5
  97. package/dist/Cross.cjs +14 -14
  98. package/dist/Cross.css +10 -10
  99. package/dist/Cross.mjs +14 -14
  100. package/dist/CustomDialog.cjs +25 -25
  101. package/dist/CustomDialog.css +25 -25
  102. package/dist/CustomDialog.mjs +25 -25
  103. package/dist/Dash.cjs +10 -10
  104. package/dist/Dash.css +6 -6
  105. package/dist/Dash.mjs +10 -10
  106. package/dist/DateField.cjs +73 -73
  107. package/dist/DateField.css +77 -77
  108. package/dist/DateField.mjs +73 -73
  109. package/dist/DatePicker.cjs +180 -180
  110. package/dist/DatePicker.css +126 -126
  111. package/dist/DatePicker.mjs +180 -180
  112. package/dist/DateRangePicker.cjs +56 -56
  113. package/dist/DateRangePicker.css +60 -60
  114. package/dist/DateRangePicker.mjs +56 -56
  115. package/dist/Dialog.cjs +17 -17
  116. package/dist/Dialog.css +82 -82
  117. package/dist/Dialog.mjs +17 -17
  118. package/dist/Disclosure.cjs +135 -135
  119. package/dist/Disclosure.css +106 -106
  120. package/dist/Disclosure.mjs +135 -135
  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 +62 -62
  125. package/dist/DropZone.css +58 -58
  126. package/dist/DropZone.mjs +62 -62
  127. package/dist/Field.cjs +370 -370
  128. package/dist/Field.cjs.map +1 -1
  129. package/dist/Field.css +142 -142
  130. package/dist/Field.mjs +370 -370
  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 +91 -91
  137. package/dist/FullscreenDialog.mjs +5 -5
  138. package/dist/IllustratedMessage.cjs +256 -256
  139. package/dist/IllustratedMessage.css +78 -78
  140. package/dist/IllustratedMessage.mjs +256 -256
  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 +117 -117
  145. package/dist/InlineAlert.css +98 -98
  146. package/dist/InlineAlert.mjs +117 -117
  147. package/dist/Link.cjs +54 -54
  148. package/dist/Link.css +46 -46
  149. package/dist/Link.mjs +54 -54
  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 +459 -459
  154. package/dist/Menu.css +185 -185
  155. package/dist/Menu.mjs +459 -459
  156. package/dist/Meter.cjs +163 -163
  157. package/dist/Meter.css +93 -93
  158. package/dist/Meter.mjs +163 -163
  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 +58 -58
  163. package/dist/NotificationBadge.css +51 -51
  164. package/dist/NotificationBadge.mjs +58 -58
  165. package/dist/NumberField.cjs +115 -115
  166. package/dist/NumberField.css +100 -100
  167. package/dist/NumberField.mjs +115 -115
  168. package/dist/Picker.cjs +283 -283
  169. package/dist/Picker.css +169 -169
  170. package/dist/Picker.mjs +283 -283
  171. package/dist/Popover.cjs +86 -86
  172. package/dist/Popover.css +66 -66
  173. package/dist/Popover.mjs +86 -86
  174. package/dist/ProgressBar.cjs +173 -173
  175. package/dist/ProgressBar.css +101 -101
  176. package/dist/ProgressBar.mjs +173 -173
  177. package/dist/ProgressCircle.cjs +31 -31
  178. package/dist/ProgressCircle.css +24 -24
  179. package/dist/ProgressCircle.mjs +31 -31
  180. package/dist/Provider.cjs +11 -11
  181. package/dist/Provider.css +10 -10
  182. package/dist/Provider.mjs +11 -11
  183. package/dist/Radio.cjs +154 -154
  184. package/dist/Radio.css +79 -79
  185. package/dist/Radio.mjs +154 -154
  186. package/dist/RadioGroup.cjs +42 -42
  187. package/dist/RadioGroup.css +38 -38
  188. package/dist/RadioGroup.mjs +42 -42
  189. package/dist/RangeCalendar.cjs +7 -7
  190. package/dist/RangeCalendar.css +10 -10
  191. package/dist/RangeCalendar.mjs +7 -7
  192. package/dist/SearchField.cjs +42 -42
  193. package/dist/SearchField.css +46 -46
  194. package/dist/SearchField.mjs +42 -42
  195. package/dist/SegmentedControl.cjs +181 -181
  196. package/dist/SegmentedControl.css +118 -118
  197. package/dist/SegmentedControl.mjs +181 -181
  198. package/dist/SelectBoxGroup.cjs +142 -142
  199. package/dist/SelectBoxGroup.css +120 -120
  200. package/dist/SelectBoxGroup.mjs +142 -142
  201. package/dist/Slider.cjs +299 -299
  202. package/dist/Slider.css +151 -151
  203. package/dist/Slider.mjs +299 -299
  204. package/dist/StatusLight.cjs +125 -125
  205. package/dist/StatusLight.css +61 -61
  206. package/dist/StatusLight.mjs +125 -125
  207. package/dist/Switch.cjs +162 -162
  208. package/dist/Switch.css +74 -74
  209. package/dist/Switch.mjs +162 -162
  210. package/dist/TableView.cjs +319 -319
  211. package/dist/TableView.css +172 -172
  212. package/dist/TableView.mjs +319 -319
  213. package/dist/Tabs.cjs +115 -115
  214. package/dist/Tabs.css +100 -100
  215. package/dist/Tabs.mjs +115 -115
  216. package/dist/TabsPicker.cjs +127 -127
  217. package/dist/TabsPicker.css +111 -111
  218. package/dist/TabsPicker.mjs +127 -127
  219. package/dist/TagGroup.cjs +213 -213
  220. package/dist/TagGroup.css +147 -147
  221. package/dist/TagGroup.mjs +213 -213
  222. package/dist/TextField.cjs +59 -59
  223. package/dist/TextField.css +54 -54
  224. package/dist/TextField.mjs +59 -59
  225. package/dist/TimeField.cjs +52 -52
  226. package/dist/TimeField.css +48 -48
  227. package/dist/TimeField.mjs +52 -52
  228. package/dist/Toast.cjs +120 -120
  229. package/dist/Toast.css +107 -107
  230. package/dist/Toast.mjs +120 -120
  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 +83 -83
  235. package/dist/Tooltip.css +70 -70
  236. package/dist/Tooltip.mjs +83 -83
  237. package/dist/TreeView.cjs +146 -146
  238. package/dist/TreeView.css +147 -147
  239. package/dist/TreeView.mjs +146 -146
  240. package/icons/Icon.cjs +10 -10
  241. package/icons/Icon.css +9 -9
  242. package/icons/Icon.mjs +10 -10
  243. package/icons/Skeleton.cjs +2 -2
  244. package/icons/Skeleton.cjs.map +1 -1
  245. package/icons/Skeleton.css +6 -6
  246. package/icons/Skeleton.mjs +2 -2
  247. package/icons/Skeleton.mjs.map +1 -1
  248. package/package.json +5 -5
  249. package/style/__tests__/style-macro.test.js +56 -56
  250. package/style/dist/main.cjs +24 -24
  251. package/style/dist/module.mjs +13 -13
  252. package/style/dist/properties.mjs +3 -3
  253. package/style/dist/spectrum-theme.cjs +219 -219
  254. package/style/dist/spectrum-theme.mjs +210 -210
  255. package/style/dist/style-macro.cjs +80 -80
  256. package/style/dist/style-macro.mjs +75 -75
package/dist/Link.mjs CHANGED
@@ -28,78 +28,78 @@ 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 += ' _Lf11';
32
- else rules += ' _Le11';
33
- if (props.isStaticColor) rules += ' Oe11';
34
- else rules += ' Oh11';
35
- rules += ' Olc11';
36
- rules += ' _Mc11';
37
- rules += ' _Kd11';
38
- if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
39
- else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
40
- rules += ' oa11';
41
- rules += ' na11';
42
- rules += ' ka11';
43
- rules += ' ja11';
31
+ if (props.isFocusVisible) rules += ' _Lf112';
32
+ else rules += ' _Le112';
33
+ if (props.isStaticColor) rules += ' Oe112';
34
+ else rules += ' Oh112';
35
+ rules += ' Olc112';
36
+ rules += ' _Mc112';
37
+ rules += ' _Kd112';
38
+ if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr112';
39
+ else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s112';
40
+ rules += ' oa112';
41
+ rules += ' na112';
42
+ rules += ' ka112';
43
+ rules += ' ja112';
44
44
  if (props.isStandalone) {
45
- rules += ' uk11';
46
- rules += ' uch11';
47
- rules += ' udi11';
48
- rules += ' uea11';
49
- rules += ' ugb11';
50
- rules += ' uhd11';
51
- rules += ' uje11';
52
- rules += ' u2NhKxcl11';
53
- rules += ' uic11';
45
+ rules += ' uk112';
46
+ rules += ' uch112';
47
+ rules += ' udi112';
48
+ rules += ' uea112';
49
+ rules += ' ugb112';
50
+ rules += ' uhd112';
51
+ rules += ' uje112';
52
+ rules += ' u2NhKxcl112';
53
+ rules += ' uic112';
54
54
  }
55
55
  if (props.isStandalone) {
56
- rules += ' -_6BNtrc-c11';
57
- rules += ' vx11';
56
+ rules += ' -_6BNtrc-c112';
57
+ rules += ' vx112';
58
58
  }
59
59
  if (props.isStandalone) {
60
- rules += ' wc11';
61
- rules += ' xc11';
62
- rules += ' _xa11';
63
- rules += ' wezxGHbtN5kwb11';
64
- rules += ' xezxGHbg11';
65
- rules += ' _xezxGHba11';
60
+ rules += ' wc112';
61
+ rules += ' xc112';
62
+ rules += ' _xa112';
63
+ rules += ' wezxGHbtN5kwb112';
64
+ rules += ' xezxGHbg112';
65
+ rules += ' _xezxGHba112';
66
66
  }
67
67
  if (props.isStandalone) {
68
- rules += ' _Fd11';
69
- rules += ' _FezxGHba11';
70
- rules += ' _FnuYUweb11';
68
+ rules += ' _Fd112';
69
+ rules += ' _FezxGHba112';
70
+ rules += ' _FnuYUweb112';
71
71
  }
72
- if (props.isStaticColor) rules += ' pl11';
72
+ if (props.isStaticColor) rules += ' pl112';
73
73
  else if (props.variant === "secondary") {
74
- if (props.isPressed) rules += ' po11';
75
- else if (props.isFocusVisible) rules += ' po11';
76
- else if (props.isHovered) rules += ' po11';
77
- else rules += ' pt11';
74
+ if (props.isPressed) rules += ' po112';
75
+ else if (props.isFocusVisible) rules += ' po112';
76
+ else if (props.isHovered) rules += ' po112';
77
+ else rules += ' pt112';
78
78
  } else if (props.variant === "primary") {
79
- if (props.isPressed) rules += ' ps11';
80
- else if (props.isFocusVisible) rules += ' ps11';
81
- else if (props.isHovered) rules += ' ps11';
82
- else rules += ' pu11';
79
+ if (props.isPressed) rules += ' ps112';
80
+ else if (props.isFocusVisible) rules += ' ps112';
81
+ else if (props.isHovered) rules += ' ps112';
82
+ else rules += ' pu112';
83
83
  }
84
- rules += ' plf11';
85
- rules += ' Yd11';
86
- rules += ' Xb11';
87
- rules += ' _2b11';
84
+ rules += ' plf112';
85
+ rules += ' Yd112';
86
+ rules += ' Xb112';
87
+ rules += ' _2b112';
88
88
  if (props.isStandalone) {
89
89
  if (props.isQuiet) {
90
90
  if (props.isFocusVisible) {
91
- rules += ' _Xb11';
92
- rules += ' __Va11';
91
+ rules += ' _Xb112';
92
+ rules += ' __Va112';
93
93
  } else if (props.isHovered) {
94
- rules += ' _Xb11';
95
- rules += ' __Va11';
96
- } else rules += ' _Xa11';
94
+ rules += ' _Xb112';
95
+ rules += ' __Va112';
96
+ } else rules += ' _Xa112';
97
97
  }
98
98
  } else {
99
- rules += ' _Xb11';
100
- rules += ' __Va11';
99
+ rules += ' _Xb112';
100
+ rules += ' __Va112';
101
101
  }
102
- rules += ' __ca11';
102
+ rules += ' __ca112';
103
103
  return rules;
104
104
  };
105
105
  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 += ' Zu11';
32
- else if (props.size === "XL") rules += ' Zk11';
33
- else if (props.size === "L") rules += ' Zj11';
34
- else if (props.size === "M") rules += ' Zi11';
35
- if (props.size === "XXL") rules += ' Ft11';
36
- else if (props.size === "XL") rules += ' Fl11';
37
- else if (props.size === "L") rules += ' Fk11';
38
- else if (props.size === "M") rules += ' Fj11';
31
+ if (props.size === "XXL") rules += ' Zu112';
32
+ else if (props.size === "XL") rules += ' Zk112';
33
+ else if (props.size === "L") rules += ' Zj112';
34
+ else if (props.size === "M") rules += ' Zi112';
35
+ if (props.size === "XXL") rules += ' Ft112';
36
+ else if (props.size === "XL") rules += ' Fl112';
37
+ else if (props.size === "L") rules += ' Fk112';
38
+ else if (props.size === "M") rules += ' Fj112';
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
- .Zi11 {
2
+ .Zi112 {
3
3
  width: calc(.625rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Zj11 {
6
+ .Zj112 {
7
7
  width: calc(.75rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .Zk11 {
10
+ .Zk112 {
11
11
  width: calc(.875rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .Zu11 {
14
+ .Zu112 {
15
15
  width: calc(1rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Fj11 {
18
+ .Fj112 {
19
19
  height: calc(.625rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fk11 {
22
+ .Fk112 {
23
23
  height: calc(.75rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .Fl11 {
26
+ .Fl112 {
27
27
  height: calc(.875rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Ft11 {
30
+ .Ft112 {
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 += ' Zu11';
26
- else if (props.size === "XL") rules += ' Zk11';
27
- else if (props.size === "L") rules += ' Zj11';
28
- else if (props.size === "M") rules += ' Zi11';
29
- if (props.size === "XXL") rules += ' Ft11';
30
- else if (props.size === "XL") rules += ' Fl11';
31
- else if (props.size === "L") rules += ' Fk11';
32
- else if (props.size === "M") rules += ' Fj11';
25
+ if (props.size === "XXL") rules += ' Zu112';
26
+ else if (props.size === "XL") rules += ' Zk112';
27
+ else if (props.size === "L") rules += ' Zj112';
28
+ else if (props.size === "M") rules += ' Zi112';
29
+ if (props.size === "XXL") rules += ' Ft112';
30
+ else if (props.size === "XL") rules += ' Fl112';
31
+ else if (props.size === "L") rules += ' Fk112';
32
+ else if (props.size === "M") rules += ' Fj112';
33
33
  return rules;
34
34
  };
35
35
  function $d9f847a2895a93dc$export$2e2bcd8739ae039(props) {