@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-e4497fdb6-250110

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 (227) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +32 -32
  5. package/dist/ActionBar.css +34 -34
  6. package/dist/ActionBar.mjs +32 -32
  7. package/dist/ActionButton.cjs +61 -61
  8. package/dist/ActionButton.css +57 -57
  9. package/dist/ActionButton.mjs +61 -61
  10. package/dist/ActionButtonGroup.cjs +4 -4
  11. package/dist/ActionButtonGroup.css +3 -3
  12. package/dist/ActionButtonGroup.mjs +4 -4
  13. package/dist/Avatar.cjs +10 -10
  14. package/dist/Avatar.css +11 -11
  15. package/dist/Avatar.mjs +10 -10
  16. package/dist/AvatarGroup.cjs +97 -97
  17. package/dist/AvatarGroup.css +31 -31
  18. package/dist/AvatarGroup.mjs +97 -97
  19. package/dist/Badge.cjs +31 -31
  20. package/dist/Badge.css +33 -33
  21. package/dist/Badge.mjs +31 -31
  22. package/dist/Breadcrumbs.cjs +83 -82
  23. package/dist/Breadcrumbs.cjs.map +1 -1
  24. package/dist/Breadcrumbs.css +66 -60
  25. package/dist/Breadcrumbs.css.map +1 -1
  26. package/dist/Breadcrumbs.mjs +83 -82
  27. package/dist/Breadcrumbs.mjs.map +1 -1
  28. package/dist/Button.cjs +179 -144
  29. package/dist/Button.cjs.map +1 -1
  30. package/dist/Button.css +167 -86
  31. package/dist/Button.css.map +1 -1
  32. package/dist/Button.mjs +180 -145
  33. package/dist/Button.mjs.map +1 -1
  34. package/dist/ButtonGroup.cjs +15 -15
  35. package/dist/ButtonGroup.css +11 -11
  36. package/dist/ButtonGroup.mjs +15 -15
  37. package/dist/Card.cjs +163 -163
  38. package/dist/Card.css +118 -118
  39. package/dist/Card.mjs +163 -163
  40. package/dist/CardView.cjs +13 -13
  41. package/dist/CardView.css +14 -14
  42. package/dist/CardView.mjs +13 -13
  43. package/dist/CenterBaseline.cjs +1 -1
  44. package/dist/CenterBaseline.css +2 -2
  45. package/dist/CenterBaseline.mjs +1 -1
  46. package/dist/Checkbox.cjs +46 -46
  47. package/dist/Checkbox.css +44 -44
  48. package/dist/Checkbox.mjs +46 -46
  49. package/dist/CheckboxGroup.cjs +39 -39
  50. package/dist/CheckboxGroup.css +32 -32
  51. package/dist/CheckboxGroup.mjs +39 -39
  52. package/dist/ClearButton.cjs +5 -5
  53. package/dist/ClearButton.css +5 -5
  54. package/dist/ClearButton.mjs +5 -5
  55. package/dist/CloseButton.cjs +17 -15
  56. package/dist/CloseButton.cjs.map +1 -1
  57. package/dist/CloseButton.css +24 -16
  58. package/dist/CloseButton.css.map +1 -1
  59. package/dist/CloseButton.mjs +17 -15
  60. package/dist/CloseButton.mjs.map +1 -1
  61. package/dist/ColorArea.cjs +9 -9
  62. package/dist/ColorArea.css +9 -9
  63. package/dist/ColorArea.mjs +9 -9
  64. package/dist/ColorField.cjs +29 -29
  65. package/dist/ColorField.css +24 -24
  66. package/dist/ColorField.mjs +29 -29
  67. package/dist/ColorHandle.cjs +9 -9
  68. package/dist/ColorHandle.css +16 -16
  69. package/dist/ColorHandle.mjs +9 -9
  70. package/dist/ColorSlider.cjs +40 -40
  71. package/dist/ColorSlider.css +42 -42
  72. package/dist/ColorSlider.mjs +40 -40
  73. package/dist/ColorSwatch.cjs +6 -6
  74. package/dist/ColorSwatch.css +14 -14
  75. package/dist/ColorSwatch.mjs +6 -6
  76. package/dist/ColorSwatchPicker.cjs +12 -12
  77. package/dist/ColorSwatchPicker.css +32 -32
  78. package/dist/ColorSwatchPicker.mjs +12 -12
  79. package/dist/ColorWheel.cjs +14 -14
  80. package/dist/ColorWheel.css +14 -14
  81. package/dist/ColorWheel.mjs +14 -14
  82. package/dist/ComboBox.cjs +54 -51
  83. package/dist/ComboBox.cjs.map +1 -1
  84. package/dist/ComboBox.css +48 -48
  85. package/dist/ComboBox.css.map +1 -1
  86. package/dist/ComboBox.mjs +54 -51
  87. package/dist/ComboBox.mjs.map +1 -1
  88. package/dist/ContextualHelp.cjs +5 -5
  89. package/dist/ContextualHelp.css +23 -23
  90. package/dist/ContextualHelp.mjs +5 -5
  91. package/dist/CustomDialog.cjs +8 -8
  92. package/dist/CustomDialog.css +9 -9
  93. package/dist/CustomDialog.mjs +8 -8
  94. package/dist/Dialog.cjs +10 -10
  95. package/dist/Dialog.css +39 -39
  96. package/dist/Dialog.mjs +10 -10
  97. package/dist/Disclosure.cjs +53 -53
  98. package/dist/Disclosure.css +48 -48
  99. package/dist/Disclosure.mjs +53 -53
  100. package/dist/Divider.cjs +5 -5
  101. package/dist/Divider.css +5 -5
  102. package/dist/Divider.mjs +5 -5
  103. package/dist/DropZone.cjs +24 -24
  104. package/dist/DropZone.css +24 -24
  105. package/dist/DropZone.mjs +24 -24
  106. package/dist/Field.cjs +107 -107
  107. package/dist/Field.cjs.map +1 -1
  108. package/dist/Field.css +69 -69
  109. package/dist/Field.mjs +107 -107
  110. package/dist/Field.mjs.map +1 -1
  111. package/dist/Form.cjs +4 -4
  112. package/dist/Form.css +3 -3
  113. package/dist/Form.mjs +4 -4
  114. package/dist/FullscreenDialog.cjs +5 -5
  115. package/dist/FullscreenDialog.css +54 -54
  116. package/dist/FullscreenDialog.mjs +5 -5
  117. package/dist/IllustratedMessage.cjs +126 -126
  118. package/dist/IllustratedMessage.css +58 -58
  119. package/dist/IllustratedMessage.mjs +126 -126
  120. package/dist/Image.cjs +10 -10
  121. package/dist/Image.css +11 -11
  122. package/dist/Image.mjs +10 -10
  123. package/dist/InlineAlert.cjs +50 -50
  124. package/dist/InlineAlert.css +44 -44
  125. package/dist/InlineAlert.mjs +50 -50
  126. package/dist/Link.cjs +27 -27
  127. package/dist/Link.css +28 -28
  128. package/dist/Link.mjs +27 -27
  129. package/dist/Menu.cjs +292 -221
  130. package/dist/Menu.cjs.map +1 -1
  131. package/dist/Menu.css +115 -113
  132. package/dist/Menu.css.map +1 -1
  133. package/dist/Menu.mjs +292 -221
  134. package/dist/Menu.mjs.map +1 -1
  135. package/dist/Meter.cjs +51 -51
  136. package/dist/Meter.css +51 -51
  137. package/dist/Meter.mjs +51 -51
  138. package/dist/Modal.cjs +37 -37
  139. package/dist/Modal.css +35 -35
  140. package/dist/Modal.mjs +37 -37
  141. package/dist/NumberField.cjs +60 -60
  142. package/dist/NumberField.css +66 -66
  143. package/dist/NumberField.mjs +60 -60
  144. package/dist/Picker.cjs +117 -114
  145. package/dist/Picker.cjs.map +1 -1
  146. package/dist/Picker.css +80 -80
  147. package/dist/Picker.css.map +1 -1
  148. package/dist/Picker.mjs +117 -114
  149. package/dist/Picker.mjs.map +1 -1
  150. package/dist/Popover.cjs +40 -40
  151. package/dist/Popover.css +37 -37
  152. package/dist/Popover.mjs +40 -40
  153. package/dist/ProgressBar.cjs +63 -63
  154. package/dist/ProgressBar.css +61 -61
  155. package/dist/ProgressBar.mjs +63 -63
  156. package/dist/ProgressCircle.cjs +3 -3
  157. package/dist/ProgressCircle.css +2 -2
  158. package/dist/ProgressCircle.mjs +3 -3
  159. package/dist/Provider.cjs +4 -4
  160. package/dist/Provider.css +5 -5
  161. package/dist/Provider.mjs +4 -4
  162. package/dist/Radio.cjs +46 -46
  163. package/dist/Radio.css +44 -44
  164. package/dist/Radio.mjs +46 -46
  165. package/dist/RadioGroup.cjs +37 -37
  166. package/dist/RadioGroup.css +32 -32
  167. package/dist/RadioGroup.mjs +37 -37
  168. package/dist/SearchField.cjs +31 -31
  169. package/dist/SearchField.css +29 -29
  170. package/dist/SearchField.mjs +31 -31
  171. package/dist/SegmentedControl.cjs +54 -54
  172. package/dist/SegmentedControl.css +55 -55
  173. package/dist/SegmentedControl.mjs +54 -54
  174. package/dist/Slider.cjs +101 -101
  175. package/dist/Slider.css +82 -82
  176. package/dist/Slider.mjs +101 -101
  177. package/dist/StatusLight.cjs +26 -26
  178. package/dist/StatusLight.css +26 -26
  179. package/dist/StatusLight.mjs +26 -26
  180. package/dist/Switch.cjs +47 -47
  181. package/dist/Switch.css +42 -42
  182. package/dist/Switch.mjs +47 -47
  183. package/dist/TableView.cjs +137 -137
  184. package/dist/TableView.css +76 -76
  185. package/dist/TableView.mjs +137 -137
  186. package/dist/Tabs.cjs +60 -60
  187. package/dist/Tabs.css +53 -53
  188. package/dist/Tabs.mjs +60 -60
  189. package/dist/TabsPicker.cjs +69 -69
  190. package/dist/TabsPicker.css +62 -62
  191. package/dist/TabsPicker.mjs +69 -69
  192. package/dist/TagGroup.cjs +108 -108
  193. package/dist/TagGroup.css +85 -85
  194. package/dist/TagGroup.mjs +108 -108
  195. package/dist/TextField.cjs +36 -36
  196. package/dist/TextField.css +33 -33
  197. package/dist/TextField.mjs +36 -36
  198. package/dist/ToggleButton.cjs +3 -3
  199. package/dist/ToggleButton.css +7 -7
  200. package/dist/ToggleButton.mjs +3 -3
  201. package/dist/Tooltip.cjs +32 -32
  202. package/dist/Tooltip.css +34 -34
  203. package/dist/Tooltip.mjs +32 -32
  204. package/dist/types.d.ts +2 -0
  205. package/dist/types.d.ts.map +1 -1
  206. package/icons/Skeleton.cjs +2 -2
  207. package/icons/Skeleton.css +5 -5
  208. package/icons/Skeleton.mjs +2 -2
  209. package/package.json +19 -19
  210. package/src/Button.tsx +107 -75
  211. package/src/CloseButton.tsx +4 -0
  212. package/src/ComboBox.tsx +2 -1
  213. package/src/Menu.tsx +40 -17
  214. package/src/Picker.tsx +2 -1
  215. package/style/dist/spectrum-theme.cjs +54 -5
  216. package/style/dist/spectrum-theme.cjs.map +1 -1
  217. package/style/dist/spectrum-theme.mjs +54 -5
  218. package/style/dist/spectrum-theme.mjs.map +1 -1
  219. package/style/dist/style-macro.cjs +1 -1
  220. package/style/dist/style-macro.cjs.map +1 -1
  221. package/style/dist/style-macro.mjs +1 -1
  222. package/style/dist/style-macro.mjs.map +1 -1
  223. package/style/dist/types.d.ts +10 -3
  224. package/style/dist/types.d.ts.map +1 -1
  225. package/style/spectrum-theme.ts +66 -7
  226. package/style/style-macro.ts +3 -3
  227. package/style/types.ts +1 -1
@@ -40,71 +40,71 @@ import {useFocusableRef as $hl1Zj$useFocusableRef} from "@react-spectrum/utils";
40
40
  const $da878a05ab4a403e$var$iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
41
41
  const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, overrides) {
42
42
  let rules = " .";
43
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
43
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
44
44
  rules += matches.join('');
45
- let $_8 = false;
46
45
  let $_9 = false;
46
+ let $__a = false;
47
47
  let $h = false;
48
48
  let $q = false;
49
- let $__Q = false;
49
+ let $__R = false;
50
50
  for (let p of matches){
51
- if (/^\s*_8/.test(p)) $_8 = true;
52
51
  if (/^\s*_9/.test(p)) $_9 = true;
52
+ if (/^\s*__a/.test(p)) $__a = true;
53
53
  if (/^\s*h/.test(p)) $h = true;
54
54
  if (/^\s*q/.test(p)) $q = true;
55
- if (/^\s*__Q/.test(p)) $__Q = true;
55
+ if (/^\s*__R/.test(p)) $__R = true;
56
56
  }
57
- if (props.isFocusVisible) rules += ' _Lb';
58
- else rules += ' _La';
57
+ if (props.isFocusVisible) rules += ' _Mb';
58
+ else rules += ' _Ma';
59
59
  rules += ' da_____M';
60
60
  if (props.isStaticColor) rules += ' d_____G';
61
61
  else rules += ' dx';
62
- rules += ' _Nc';
63
- rules += ' _M-3t1z';
62
+ rules += ' _Oc';
63
+ rules += ' _N-3t1z';
64
64
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
65
65
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
66
- rules += ' _Zd';
67
- rules += ' _1c';
68
- rules += ' _2d';
66
+ rules += ' _0d';
67
+ rules += ' _2c';
68
+ rules += ' _3d';
69
69
  rules += ' jbH';
70
70
  rules += ' jG';
71
- if (!$_8) {
72
- if (props.isInGroup) rules += ' _8-3t1x';
73
- else rules += ' _8-3t1y';
74
- }
75
71
  if (!$_9) {
76
- if (props.isJustified) rules += ' _9-3t1y';
72
+ if (props.isInGroup) rules += ' _9-3t1x';
73
+ else rules += ' _9-3t1y';
74
+ }
75
+ if (!$__a) {
76
+ if (props.isJustified) rules += ' __a-3t1y';
77
77
  }
78
78
  if (!$h) {
79
79
  if (props.isJustified) rules += ' ha';
80
80
  }
81
- rules += ' _c-bc1l9oh';
82
- rules += ' _c-1uotwbwg';
83
- rules += ' _c-eo0c6sf';
84
- rules += ' _c-enzzrge';
85
- rules += ' _c-enzykdd';
86
- rules += ' _c-enzwzjc';
87
- rules += ' _c-enzrfpb';
88
- rules += ' _ca';
81
+ rules += ' _d-bc1l9oh';
82
+ rules += ' _d-1uotwbwg';
83
+ rules += ' _d-eo0c6sf';
84
+ rules += ' _d-enzzrge';
85
+ rules += ' _d-enzykdd';
86
+ rules += ' _d-enzwzjc';
87
+ rules += ' _d-enzrfpb';
88
+ rules += ' _da';
89
89
  if (props.size === "XL") {
90
- rules += ' _dbj';
91
- rules += ' _di';
90
+ rules += ' _ebj';
91
+ rules += ' _ei';
92
92
  } else if (props.size === "L") {
93
- rules += ' _dbh';
94
- rules += ' _dg';
93
+ rules += ' _ebh';
94
+ rules += ' _eg';
95
95
  } else if (props.size === "S") {
96
- rules += ' _dbd';
97
- rules += ' _dc';
96
+ rules += ' _ebd';
97
+ rules += ' _ec';
98
98
  } else if (props.size === "XS") {
99
- rules += ' _dbb';
100
- rules += ' _da';
99
+ rules += ' _ebb';
100
+ rules += ' _ea';
101
101
  } else {
102
- rules += ' _dbf';
103
- rules += ' _de';
102
+ rules += ' _ebf';
103
+ rules += ' _ee';
104
104
  }
105
- rules += ' _ec';
106
- rules += ' _f-1x99dlob';
107
- rules += ' _fa';
105
+ rules += ' _fc';
106
+ rules += ' _g-1x99dlob';
107
+ rules += ' _ga';
108
108
  if (props.isDisabled) rules += ' aa_____O';
109
109
  else if (props.isSelected) rules += ' aa_____N';
110
110
  else rules += ' aa_____K';
@@ -127,7 +127,7 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
127
127
  else if (props.isHovered) rules += ' ao';
128
128
  else rules += ' an';
129
129
  }
130
- rules += ' __Da';
130
+ rules += ' __Ea';
131
131
  rules += ' k-375toq';
132
132
  if (!$q) {
133
133
  if (props.size === "XL") rules += ' qj';
@@ -136,10 +136,10 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
136
136
  else if (props.size === "XS") rules += ' qg';
137
137
  else rules += ' qf';
138
138
  }
139
- rules += ' _Oa';
140
- rules += ' _Q-375x7f';
141
- rules += ' _Ra';
142
- rules += ' _zb';
139
+ rules += ' _Pa';
140
+ rules += ' _R-375x7f';
141
+ rules += ' _Sa';
142
+ rules += ' _Ab';
143
143
  rules += ' b-375toh';
144
144
  rules += ' -rwx0fg_e-b';
145
145
  rules += ' wf';
@@ -150,29 +150,29 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
150
150
  rules += ' Ea';
151
151
  rules += ' Fa';
152
152
  if (props.density === "compact") {
153
- rules += ' _v-13alit4h';
154
- rules += ' _va';
155
- } else rules += ' _vh';
156
- if (props.density === "compact") {
157
- if (props.orientation === "vertical") rules += ' _w-13alit4h';
158
- else if (props.orientation === "horizontal") rules += ' _w-uamghwh';
159
- else rules += ' _wa';
153
+ rules += ' _w-13alit4h';
154
+ rules += ' _wa';
160
155
  } else rules += ' _wh';
161
156
  if (props.density === "compact") {
162
- if (props.orientation === "vertical") rules += ' _x-uamghwh';
163
- else if (props.orientation === "horizontal") rules += ' _x-13alit4h';
157
+ if (props.orientation === "vertical") rules += ' _x-13alit4h';
158
+ else if (props.orientation === "horizontal") rules += ' _x-uamghwh';
164
159
  else rules += ' _xa';
165
160
  } else rules += ' _xh';
166
161
  if (props.density === "compact") {
167
- rules += ' _y-uamghwh';
168
- rules += ' _ya';
162
+ if (props.orientation === "vertical") rules += ' _y-uamghwh';
163
+ else if (props.orientation === "horizontal") rules += ' _y-13alit4h';
164
+ else rules += ' _ya';
169
165
  } else rules += ' _yh';
166
+ if (props.density === "compact") {
167
+ rules += ' _z-uamghwh';
168
+ rules += ' _za';
169
+ } else rules += ' _zh';
170
170
  rules += ' -oelgqu_A--1imc51ya';
171
171
  rules += ' -oelgqu_A--177861o';
172
- if (!$__Q) {
173
- if (props.isFocusVisible) rules += ' __Q-3t1z';
172
+ if (!$__R) {
173
+ if (props.isFocusVisible) rules += ' __R-3t1z';
174
174
  }
175
- rules += ' __R-yksgrp';
175
+ rules += ' __S-yksgrp';
176
176
  if (props.isSelected) {
177
177
  if (props.isDisabled) rules += ' -_375toh_b-a_____J';
178
178
  else rules += ' -_375toh_b-a_____M';
@@ -266,7 +266,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
266
266
  [
267
267
  (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
268
268
  {
269
- styles: " . E-1gogtue F-1gogtue __A-3t1y __vb __wb _ma _pb"
269
+ styles: " . E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
270
270
  }
271
271
  ],
272
272
  [
@@ -274,16 +274,16 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
274
274
  {
275
275
  render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
276
276
  slot: 'icon',
277
- styles: " . __A-3t1x"
277
+ styles: " . __B-3t1x"
278
278
  }),
279
- styles: " . l-1sthc3k k-1sthc3k y-oelgqu _8-3t1x"
279
+ styles: " . l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
280
280
  }
281
281
  ],
282
282
  [
283
283
  (0, $3ffa2cd930156220$export$a20dad690e1279e2),
284
284
  {
285
285
  size: $da878a05ab4a403e$var$avatarSize[size],
286
- styles: " . y-oelgqu _8-3t1x __A-3t1x"
286
+ styles: " . y-oelgqu _9-3t1x __B-3t1x"
287
287
  }
288
288
  ]
289
289
  ],
@@ -28,11 +28,11 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
28
28
 
29
29
  const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
30
30
  let rules = " .";
31
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
31
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
32
32
  rules += matches.join('');
33
- rules += ' _Zd';
34
- if (props.orientation === "vertical") rules += ' _6b';
35
- else if (props.orientation === "horizontal") rules += ' _6a';
33
+ rules += ' _0d';
34
+ if (props.orientation === "vertical") rules += ' _7b';
35
+ else if (props.orientation === "horizontal") rules += ' _7a';
36
36
  if (props.density === "regular") {
37
37
  if (props.size === "XL") rules += ' id';
38
38
  else if (props.size === "L") rules += ' id';
@@ -3,15 +3,15 @@
3
3
  }
4
4
 
5
5
  @layer _.a {
6
- ._Zd {
6
+ ._0d {
7
7
  display: flex;
8
8
  }
9
9
 
10
- ._6a {
10
+ ._7a {
11
11
  flex-direction: row;
12
12
  }
13
13
 
14
- ._6b {
14
+ ._7b {
15
15
  flex-direction: column;
16
16
  }
17
17
 
@@ -20,11 +20,11 @@ import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef}
20
20
 
21
21
  const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
22
22
  let rules = " .";
23
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
23
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
24
24
  rules += matches.join('');
25
- rules += ' _Zd';
26
- if (props.orientation === "vertical") rules += ' _6b';
27
- else if (props.orientation === "horizontal") rules += ' _6a';
25
+ rules += ' _0d';
26
+ if (props.orientation === "vertical") rules += ' _7b';
27
+ else if (props.orientation === "horizontal") rules += ' _7a';
28
28
  if (props.density === "regular") {
29
29
  if (props.size === "XL") rules += ' id';
30
30
  else if (props.size === "L") rules += ' id';
package/dist/Avatar.cjs CHANGED
@@ -31,28 +31,28 @@ $parcel$export(module.exports, "Avatar", () => $38071d9ce246d4cf$export$e2255cf6
31
31
 
32
32
  const $38071d9ce246d4cf$var$imageStyles = function anonymous(props, overrides) {
33
33
  let rules = " .";
34
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
34
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X)[^\s]+/g) || [];
35
35
  rules += matches.join('');
36
- let $_8 = false;
37
36
  let $_9 = false;
37
+ let $__a = false;
38
38
  for (let p of matches){
39
- if (/^\s*_8/.test(p)) $_8 = true;
40
39
  if (/^\s*_9/.test(p)) $_9 = true;
40
+ if (/^\s*__a/.test(p)) $__a = true;
41
41
  }
42
- rules += ' _vf';
43
42
  rules += ' _wf';
44
43
  rules += ' _xf';
45
44
  rules += ' _yf';
45
+ rules += ' _zf';
46
46
  rules += ' lI';
47
47
  rules += ' kI';
48
- if (!$_8) rules += ' _8-3t1x';
49
48
  if (!$_9) rules += ' _9-3t1x';
50
- rules += ' __R-yksgrp';
51
- if (props.isOverBackground) rules += ' _Lb';
52
- else rules += ' _La';
49
+ if (!$__a) rules += ' __a-3t1x';
50
+ rules += ' __S-yksgrp';
51
+ if (props.isOverBackground) rules += ' _Mb';
52
+ else rules += ' _Ma';
53
53
  rules += ' d-1de2x0q';
54
- if (props.isLarge) rules += ' _Nc';
55
- else rules += ' _Nb';
54
+ if (props.isLarge) rules += ' _Oc';
55
+ else rules += ' _Ob';
56
56
  return rules;
57
57
  };
58
58
  const $38071d9ce246d4cf$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $1YWJ0$react.createContext)(null);
package/dist/Avatar.css CHANGED
@@ -3,19 +3,19 @@
3
3
  }
4
4
 
5
5
  @layer _.a {
6
- ._vf {
6
+ ._wf {
7
7
  border-start-start-radius: 9999px;
8
8
  }
9
9
 
10
- ._wf {
10
+ ._xf {
11
11
  border-start-end-radius: 9999px;
12
12
  }
13
13
 
14
- ._xf {
14
+ ._yf {
15
15
  border-end-start-radius: 9999px;
16
16
  }
17
17
 
18
- ._yf {
18
+ ._zf {
19
19
  border-end-end-radius: 9999px;
20
20
  }
21
21
 
@@ -27,23 +27,23 @@
27
27
  height: calc(1.25rem * var(--s2-scale));
28
28
  }
29
29
 
30
- ._8-3t1x {
30
+ ._9-3t1x {
31
31
  flex-shrink: 0;
32
32
  }
33
33
 
34
- ._9-3t1x {
34
+ .__a-3t1x {
35
35
  flex-grow: 0;
36
36
  }
37
37
 
38
- .__R-yksgrp {
38
+ .__S-yksgrp {
39
39
  -webkit-tap-highlight-color: #0000;
40
40
  }
41
41
 
42
- ._La {
42
+ ._Ma {
43
43
  outline-style: none;
44
44
  }
45
45
 
46
- ._Lb {
46
+ ._Mb {
47
47
  outline-style: solid;
48
48
  }
49
49
 
@@ -51,11 +51,11 @@
51
51
  outline-color: var(--s2-container-bg);
52
52
  }
53
53
 
54
- ._Nb {
54
+ ._Ob {
55
55
  outline-width: 1px;
56
56
  }
57
57
 
58
- ._Nc {
58
+ ._Oc {
59
59
  outline-width: 2px;
60
60
  }
61
61
  }
package/dist/Avatar.mjs CHANGED
@@ -24,28 +24,28 @@ import {useDOMRef as $lGIgj$useDOMRef} from "@react-spectrum/utils";
24
24
 
25
25
  const $3ffa2cd930156220$var$imageStyles = function anonymous(props, overrides) {
26
26
  let rules = " .";
27
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
27
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X)[^\s]+/g) || [];
28
28
  rules += matches.join('');
29
- let $_8 = false;
30
29
  let $_9 = false;
30
+ let $__a = false;
31
31
  for (let p of matches){
32
- if (/^\s*_8/.test(p)) $_8 = true;
33
32
  if (/^\s*_9/.test(p)) $_9 = true;
33
+ if (/^\s*__a/.test(p)) $__a = true;
34
34
  }
35
- rules += ' _vf';
36
35
  rules += ' _wf';
37
36
  rules += ' _xf';
38
37
  rules += ' _yf';
38
+ rules += ' _zf';
39
39
  rules += ' lI';
40
40
  rules += ' kI';
41
- if (!$_8) rules += ' _8-3t1x';
42
41
  if (!$_9) rules += ' _9-3t1x';
43
- rules += ' __R-yksgrp';
44
- if (props.isOverBackground) rules += ' _Lb';
45
- else rules += ' _La';
42
+ if (!$__a) rules += ' __a-3t1x';
43
+ rules += ' __S-yksgrp';
44
+ if (props.isOverBackground) rules += ' _Mb';
45
+ else rules += ' _Ma';
46
46
  rules += ' d-1de2x0q';
47
- if (props.isLarge) rules += ' _Nc';
48
- else rules += ' _Nb';
47
+ if (props.isLarge) rules += ' _Oc';
48
+ else rules += ' _Ob';
49
49
  return rules;
50
50
  };
51
51
  const $3ffa2cd930156220$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $lGIgj$createContext)(null);
@@ -36,124 +36,124 @@ const $5b7eb34c05dfeb90$var$avatar = " . y-1oavdfs y-13alit4a";
36
36
  const $5b7eb34c05dfeb90$var$text = function anonymous(props) {
37
37
  let rules = " .";
38
38
  rules += ' yd';
39
- rules += ' __vb';
40
39
  rules += ' __wb';
41
- rules += ' _ma';
42
- rules += ' _pb';
40
+ rules += ' __xb';
41
+ rules += ' _na';
42
+ rules += ' _qb';
43
43
  if (props.size === "40") {
44
- rules += ' _c-bc1l9oh';
45
- rules += ' _c-1uotwbwg';
46
- rules += ' _c-eo0c6sf';
47
- rules += ' _c-enzzrge';
48
- rules += ' _c-enzykdd';
49
- rules += ' _c-enzwzjc';
50
- rules += ' _c-enzrfpb';
51
- rules += ' _ca';
44
+ rules += ' _d-bc1l9oh';
45
+ rules += ' _d-1uotwbwg';
46
+ rules += ' _d-eo0c6sf';
47
+ rules += ' _d-enzzrge';
48
+ rules += ' _d-enzykdd';
49
+ rules += ' _d-enzwzjc';
50
+ rules += ' _d-enzrfpb';
51
+ rules += ' _da';
52
52
  } else if (props.size === "36") {
53
- rules += ' _c-bc1l9oh';
54
- rules += ' _c-1uotwbwg';
55
- rules += ' _c-eo0c6sf';
56
- rules += ' _c-enzzrge';
57
- rules += ' _c-enzykdd';
58
- rules += ' _c-enzwzjc';
59
- rules += ' _c-enzrfpb';
60
- rules += ' _ca';
53
+ rules += ' _d-bc1l9oh';
54
+ rules += ' _d-1uotwbwg';
55
+ rules += ' _d-eo0c6sf';
56
+ rules += ' _d-enzzrge';
57
+ rules += ' _d-enzykdd';
58
+ rules += ' _d-enzwzjc';
59
+ rules += ' _d-enzrfpb';
60
+ rules += ' _da';
61
61
  } else if (props.size === "32") {
62
- rules += ' _c-bc1l9oh';
63
- rules += ' _c-1uotwbwg';
64
- rules += ' _c-eo0c6sf';
65
- rules += ' _c-enzzrge';
66
- rules += ' _c-enzykdd';
67
- rules += ' _c-enzwzjc';
68
- rules += ' _c-enzrfpb';
69
- rules += ' _ca';
62
+ rules += ' _d-bc1l9oh';
63
+ rules += ' _d-1uotwbwg';
64
+ rules += ' _d-eo0c6sf';
65
+ rules += ' _d-enzzrge';
66
+ rules += ' _d-enzykdd';
67
+ rules += ' _d-enzwzjc';
68
+ rules += ' _d-enzrfpb';
69
+ rules += ' _da';
70
70
  } else if (props.size === "28") {
71
- rules += ' _c-bc1l9oh';
72
- rules += ' _c-1uotwbwg';
73
- rules += ' _c-eo0c6sf';
74
- rules += ' _c-enzzrge';
75
- rules += ' _c-enzykdd';
76
- rules += ' _c-enzwzjc';
77
- rules += ' _c-enzrfpb';
78
- rules += ' _ca';
71
+ rules += ' _d-bc1l9oh';
72
+ rules += ' _d-1uotwbwg';
73
+ rules += ' _d-eo0c6sf';
74
+ rules += ' _d-enzzrge';
75
+ rules += ' _d-enzykdd';
76
+ rules += ' _d-enzwzjc';
77
+ rules += ' _d-enzrfpb';
78
+ rules += ' _da';
79
79
  } else if (props.size === "24") {
80
- rules += ' _c-bc1l9oh';
81
- rules += ' _c-1uotwbwg';
82
- rules += ' _c-eo0c6sf';
83
- rules += ' _c-enzzrge';
84
- rules += ' _c-enzykdd';
85
- rules += ' _c-enzwzjc';
86
- rules += ' _c-enzrfpb';
87
- rules += ' _ca';
80
+ rules += ' _d-bc1l9oh';
81
+ rules += ' _d-1uotwbwg';
82
+ rules += ' _d-eo0c6sf';
83
+ rules += ' _d-enzzrge';
84
+ rules += ' _d-enzykdd';
85
+ rules += ' _d-enzwzjc';
86
+ rules += ' _d-enzrfpb';
87
+ rules += ' _da';
88
88
  } else if (props.size === "20") {
89
- rules += ' _c-bc1l9oh';
90
- rules += ' _c-1uotwbwg';
91
- rules += ' _c-eo0c6sf';
92
- rules += ' _c-enzzrge';
93
- rules += ' _c-enzykdd';
94
- rules += ' _c-enzwzjc';
95
- rules += ' _c-enzrfpb';
96
- rules += ' _ca';
89
+ rules += ' _d-bc1l9oh';
90
+ rules += ' _d-1uotwbwg';
91
+ rules += ' _d-eo0c6sf';
92
+ rules += ' _d-enzzrge';
93
+ rules += ' _d-enzykdd';
94
+ rules += ' _d-enzwzjc';
95
+ rules += ' _d-enzrfpb';
96
+ rules += ' _da';
97
97
  } else if (props.size === "16") {
98
- rules += ' _c-bc1l9oh';
99
- rules += ' _c-1uotwbwg';
100
- rules += ' _c-eo0c6sf';
101
- rules += ' _c-enzzrge';
102
- rules += ' _c-enzykdd';
103
- rules += ' _c-enzwzjc';
104
- rules += ' _c-enzrfpb';
105
- rules += ' _ca';
98
+ rules += ' _d-bc1l9oh';
99
+ rules += ' _d-1uotwbwg';
100
+ rules += ' _d-eo0c6sf';
101
+ rules += ' _d-enzzrge';
102
+ rules += ' _d-enzykdd';
103
+ rules += ' _d-enzwzjc';
104
+ rules += ' _d-enzrfpb';
105
+ rules += ' _da';
106
106
  }
107
107
  if (props.size === "40") {
108
- rules += ' _dbm';
109
- rules += ' _dj';
108
+ rules += ' _ebm';
109
+ rules += ' _ej';
110
110
  } else if (props.size === "36") {
111
- rules += ' _dbl';
112
- rules += ' _dk';
111
+ rules += ' _ebl';
112
+ rules += ' _ek';
113
113
  } else if (props.size === "32") {
114
- rules += ' _dbj';
115
- rules += ' _di';
114
+ rules += ' _ebj';
115
+ rules += ' _ei';
116
116
  } else if (props.size === "28") {
117
- rules += ' _dbh';
118
- rules += ' _dg';
117
+ rules += ' _ebh';
118
+ rules += ' _eg';
119
119
  } else if (props.size === "24") {
120
- rules += ' _dbf';
121
- rules += ' _de';
120
+ rules += ' _ebf';
121
+ rules += ' _ee';
122
122
  } else if (props.size === "20") {
123
- rules += ' _dbd';
124
- rules += ' _dc';
123
+ rules += ' _ebd';
124
+ rules += ' _ec';
125
125
  } else if (props.size === "16") {
126
- rules += ' _dbb';
127
- rules += ' _da';
126
+ rules += ' _ebb';
127
+ rules += ' _ea';
128
128
  }
129
- if (props.size === "40") rules += ' _eb';
130
- else if (props.size === "36") rules += ' _eb';
131
- else if (props.size === "32") rules += ' _eb';
132
- else if (props.size === "28") rules += ' _eb';
133
- else if (props.size === "24") rules += ' _eb';
134
- else if (props.size === "20") rules += ' _eb';
135
- else if (props.size === "16") rules += ' _eb';
129
+ if (props.size === "40") rules += ' _fb';
130
+ else if (props.size === "36") rules += ' _fb';
131
+ else if (props.size === "32") rules += ' _fb';
132
+ else if (props.size === "28") rules += ' _fb';
133
+ else if (props.size === "24") rules += ' _fb';
134
+ else if (props.size === "20") rules += ' _fb';
135
+ else if (props.size === "16") rules += ' _fb';
136
136
  if (props.size === "40") {
137
- rules += ' _f-1x99dlob';
138
- rules += ' _fa';
137
+ rules += ' _g-1x99dlob';
138
+ rules += ' _ga';
139
139
  } else if (props.size === "36") {
140
- rules += ' _f-1x99dlob';
141
- rules += ' _fa';
140
+ rules += ' _g-1x99dlob';
141
+ rules += ' _ga';
142
142
  } else if (props.size === "32") {
143
- rules += ' _f-1x99dlob';
144
- rules += ' _fa';
143
+ rules += ' _g-1x99dlob';
144
+ rules += ' _ga';
145
145
  } else if (props.size === "28") {
146
- rules += ' _f-1x99dlob';
147
- rules += ' _fa';
146
+ rules += ' _g-1x99dlob';
147
+ rules += ' _ga';
148
148
  } else if (props.size === "24") {
149
- rules += ' _f-1x99dlob';
150
- rules += ' _fa';
149
+ rules += ' _g-1x99dlob';
150
+ rules += ' _ga';
151
151
  } else if (props.size === "20") {
152
- rules += ' _f-1x99dlob';
153
- rules += ' _fa';
152
+ rules += ' _g-1x99dlob';
153
+ rules += ' _ga';
154
154
  } else if (props.size === "16") {
155
- rules += ' _f-1x99dlob';
156
- rules += ' _fa';
155
+ rules += ' _g-1x99dlob';
156
+ rules += ' _ga';
157
157
  }
158
158
  if (props.size === "40") rules += ' an';
159
159
  else if (props.size === "36") rules += ' an';
@@ -166,10 +166,10 @@ const $5b7eb34c05dfeb90$var$text = function anonymous(props) {
166
166
  };
167
167
  const $5b7eb34c05dfeb90$var$container = function anonymous(props, overrides) {
168
168
  let rules = " .";
169
- let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
169
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X)[^\s]+/g) || [];
170
170
  rules += matches.join('');
171
- rules += ' _Zd';
172
- rules += ' _1c';
171
+ rules += ' _0d';
172
+ rules += ' _2c';
173
173
  return rules;
174
174
  };
175
175
  const $5b7eb34c05dfeb90$export$5b26ebaf2b105908 = /*#__PURE__*/ (0, $6mB16$react.forwardRef)(function AvatarGroup(props, ref) {