@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
package/dist/Card.mjs CHANGED
@@ -55,20 +55,17 @@ const $68e4e6fe083e22fd$var$borderRadius = {
55
55
  };
56
56
  let $68e4e6fe083e22fd$var$card = function anonymous(props, overrides) {
57
57
  let rules = " .";
58
- 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) || [];
58
+ 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) || [];
59
59
  rules += matches.join('');
60
- let $U = false;
60
+ let $V = false;
61
61
  let $l = false;
62
62
  for (let p of matches){
63
- if (/^\s*U/.test(p)) $U = true;
63
+ if (/^\s*V/.test(p)) $V = true;
64
64
  if (/^\s*l/.test(p)) $l = true;
65
65
  }
66
- rules += ' _Zd';
67
- rules += ' _6b';
68
- if (!$U) rules += ' Uc';
69
- if (props.size === "S") rules += ' _vc';
70
- else if (props.size === "XS") rules += ' _vc';
71
- else rules += ' _vd';
66
+ rules += ' _0d';
67
+ rules += ' _7b';
68
+ if (!$V) rules += ' Vc';
72
69
  if (props.size === "S") rules += ' _wc';
73
70
  else if (props.size === "XS") rules += ' _wc';
74
71
  else rules += ' _wd';
@@ -78,46 +75,49 @@ let $68e4e6fe083e22fd$var$card = function anonymous(props, overrides) {
78
75
  if (props.size === "S") rules += ' _yc';
79
76
  else if (props.size === "XS") rules += ' _yc';
80
77
  else rules += ' _yd';
78
+ if (props.size === "S") rules += ' _zc';
79
+ else if (props.size === "XS") rules += ' _zc';
80
+ else rules += ' _zd';
81
81
  rules += ' -_1de2x0q_b-a_____J';
82
82
  if (props.variant === "secondary") rules += ' -_1de2x0q_b-e';
83
83
  else if (props.variant === "primary") rules += ' -_1de2x0q_b-______x';
84
84
  if (props.variant === "quiet") rules += ' ba';
85
85
  else if (props.variant === "tertiary") rules += ' ba';
86
86
  else rules += ' b-1de2x0q';
87
- if (props.variant === "quiet") rules += ' _td';
87
+ if (props.variant === "quiet") rules += ' _ud';
88
88
  else if (props.variant === "tertiary") {
89
- rules += ' _ta-8u3g88';
90
- if (props.isSelected) rules += ' _td';
91
- else if (props.isFocusVisible) rules += ' _t-1l158k4';
92
- else if (props.isHovered) rules += ' _t-1l158k4';
93
- else rules += ' _t-9p5yze';
89
+ rules += ' _ua-8u3g88';
90
+ if (props.isSelected) rules += ' _ud';
91
+ else if (props.isFocusVisible) rules += ' _u-1l158k4';
92
+ else if (props.isHovered) rules += ' _u-1l158k4';
93
+ else rules += ' _u-9p5yze';
94
94
  } else {
95
- rules += ' _ta-8u3g88';
96
- if (props.isSelected) rules += ' _tb';
97
- else if (props.isFocusVisible) rules += ' _tb';
98
- else if (props.isHovered) rules += ' _tb';
99
- else rules += ' _ta';
95
+ rules += ' _ua-8u3g88';
96
+ if (props.isSelected) rules += ' _ub';
97
+ else if (props.isFocusVisible) rules += ' _ub';
98
+ else if (props.isHovered) rules += ' _ub';
99
+ else rules += ' _ua';
100
100
  }
101
- rules += ' _zb';
102
- rules += ' _Oa';
103
- rules += ' _Q-375x7f';
104
- rules += ' _Ra';
105
- rules += ' _c-bc1l9oh';
106
- rules += ' _c-1uotwbwg';
107
- rules += ' _c-eo0c6sf';
108
- rules += ' _c-enzzrge';
109
- rules += ' _c-enzykdd';
110
- rules += ' _c-enzwzjc';
111
- rules += ' _c-enzrfpb';
112
- rules += ' _ca';
113
- if (props.variant === "quiet") rules += ' __vd';
114
- else rules += ' __vc';
101
+ rules += ' _Ab';
102
+ rules += ' _Pa';
103
+ rules += ' _R-375x7f';
104
+ rules += ' _Sa';
105
+ rules += ' _d-bc1l9oh';
106
+ rules += ' _d-1uotwbwg';
107
+ rules += ' _d-eo0c6sf';
108
+ rules += ' _d-enzzrge';
109
+ rules += ' _d-enzykdd';
110
+ rules += ' _d-enzwzjc';
111
+ rules += ' _d-enzrfpb';
112
+ rules += ' _da';
115
113
  if (props.variant === "quiet") rules += ' __wd';
116
114
  else rules += ' __wc';
117
- rules += ' __mf';
118
- rules += ' __R-yksgrp';
119
- if (props.isCardView) rules += ' __Da';
120
- if (props.isLink) rules += ' __Hc';
115
+ if (props.variant === "quiet") rules += ' __xd';
116
+ else rules += ' __xc';
117
+ rules += ' __nf';
118
+ rules += ' __S-yksgrp';
119
+ if (props.isCardView) rules += ' __Ea';
120
+ if (props.isLink) rules += ' __Ic';
121
121
  if (!$l) {
122
122
  if (props.isCardView) rules += ' lb';
123
123
  else if (props.size === "XL") rules += ' l______Q';
@@ -154,27 +154,24 @@ let $68e4e6fe083e22fd$var$card = function anonymous(props, overrides) {
154
154
  rules += ' F-1bqkh6r';
155
155
  rules += ' C-1bqkh6q';
156
156
  rules += ' D-1bqkh6q';
157
- rules += ' __na';
158
- if (props.variant === "quiet") rules += ' _La';
159
- else if (props.isFocusVisible) rules += ' _Lb';
160
- else rules += ' _La';
157
+ rules += ' __oa';
158
+ if (props.variant === "quiet") rules += ' _Ma';
159
+ else if (props.isFocusVisible) rules += ' _Mb';
160
+ else rules += ' _Ma';
161
161
  rules += ' da_____M';
162
162
  rules += ' dx';
163
- rules += ' _Nc';
164
- rules += ' _M-3t1z';
163
+ rules += ' _Oc';
164
+ rules += ' _N-3t1z';
165
165
  return rules;
166
166
  };
167
167
  let $68e4e6fe083e22fd$var$selectionIndicator = function anonymous(props) {
168
168
  let rules = " .";
169
- rules += ' Ua';
170
- rules += ' Xa';
171
- rules += ' Za';
172
169
  rules += ' Va';
170
+ rules += ' Ya';
171
+ rules += ' _aa';
173
172
  rules += ' Wa';
174
- rules += ' __Q-3t1z';
175
- if (props.size === "S") rules += ' _vc';
176
- else if (props.size === "XS") rules += ' _vc';
177
- else rules += ' _vd';
173
+ rules += ' Xa';
174
+ rules += ' __R-3t1z';
178
175
  if (props.size === "S") rules += ' _wc';
179
176
  else if (props.size === "XS") rules += ' _wc';
180
177
  else rules += ' _wd';
@@ -184,42 +181,40 @@ let $68e4e6fe083e22fd$var$selectionIndicator = function anonymous(props) {
184
181
  if (props.size === "S") rules += ' _yc';
185
182
  else if (props.size === "XS") rules += ' _yc';
186
183
  else rules += ' _yd';
187
- rules += ' __Ba';
184
+ if (props.size === "S") rules += ' _zc';
185
+ else if (props.size === "XS") rules += ' _zc';
186
+ else rules += ' _zd';
187
+ rules += ' __Ca';
188
188
  rules += ' uc';
189
189
  rules += ' vc';
190
190
  rules += ' sc';
191
191
  rules += ' tc';
192
192
  rules += ' wa';
193
193
  rules += ' cp';
194
- rules += ' _Oa';
195
- rules += ' _Q-375x7f';
196
- rules += ' _Ra';
197
- if (props.isSelected) rules += ' _K-3t1y';
198
- else rules += ' _K-3t1x';
194
+ rules += ' _Pa';
195
+ rules += ' _R-375x7f';
196
+ rules += ' _Sa';
197
+ if (props.isSelected) rules += ' _L-3t1y';
198
+ else rules += ' _L-3t1x';
199
199
  rules += ' d-834pbw';
200
- rules += ' _M-3hmpy';
201
- if (props.isStrokeInner) rules += ' _Lb';
202
- else rules += ' _La';
203
- rules += ' _Nc';
200
+ rules += ' _N-3hmpy';
201
+ if (props.isStrokeInner) rules += ' _Mb';
202
+ else rules += ' _Ma';
203
+ rules += ' _Oc';
204
204
  return rules;
205
205
  };
206
206
  let $68e4e6fe083e22fd$var$preview = function anonymous(props) {
207
207
  let rules = " .";
208
- rules += ' Uc';
209
- rules += ' _Oa';
210
- rules += ' _Q-375x7f';
211
- rules += ' _Ra';
212
- rules += ' __vc';
208
+ rules += ' Vc';
209
+ rules += ' _Pa';
210
+ rules += ' _R-375x7f';
211
+ rules += ' _Sa';
213
212
  rules += ' __wc';
213
+ rules += ' __xc';
214
214
  rules += ' y-orfo3s';
215
215
  rules += ' z-orfo3s';
216
216
  rules += ' A-ja89ex';
217
217
  rules += ' B-uamghw-ja89ex';
218
- if (props.isQuiet) {
219
- if (props.size === "S") rules += ' _vc';
220
- else if (props.size === "XS") rules += ' _vc';
221
- else rules += ' _vd';
222
- }
223
218
  if (props.isQuiet) {
224
219
  if (props.size === "S") rules += ' _wc';
225
220
  else if (props.size === "XS") rules += ' _wc';
@@ -236,106 +231,111 @@ let $68e4e6fe083e22fd$var$preview = function anonymous(props) {
236
231
  else rules += ' _yd';
237
232
  }
238
233
  if (props.isQuiet) {
239
- if (props.isSelected) rules += ' _tb';
240
- else if (props.isFocusVisible) rules += ' _tb';
241
- else if (props.isHovered) rules += ' _tb';
234
+ if (props.size === "S") rules += ' _zc';
235
+ else if (props.size === "XS") rules += ' _zc';
236
+ else rules += ' _zd';
237
+ }
238
+ if (props.isQuiet) {
239
+ if (props.isSelected) rules += ' _ub';
240
+ else if (props.isFocusVisible) rules += ' _ub';
241
+ else if (props.isHovered) rules += ' _ub';
242
242
  }
243
243
  if (props.isQuiet) {
244
- if (props.isFocusVisible) rules += ' _Lb';
245
- } else rules += ' _La';
244
+ if (props.isFocusVisible) rules += ' _Mb';
245
+ } else rules += ' _Ma';
246
246
  rules += ' da_____M';
247
247
  rules += ' dx';
248
- rules += ' _Nc';
249
- rules += ' _M-3t1z';
248
+ rules += ' _Oc';
249
+ rules += ' _N-3t1z';
250
250
  return rules;
251
251
  };
252
- const $68e4e6fe083e22fd$var$image = " . lb _b-375yqh __Nb __Da __Ba";
252
+ const $68e4e6fe083e22fd$var$image = " . lb _c-375yqh __Ob __Ea __Ca";
253
253
  let $68e4e6fe083e22fd$var$title = function anonymous(props) {
254
254
  let rules = " .";
255
- rules += ' _c-bc1l9oh';
256
- rules += ' _c-1uotwbwg';
257
- rules += ' _c-eo0c6sf';
258
- rules += ' _c-enzzrge';
259
- rules += ' _c-enzykdd';
260
- rules += ' _c-enzwzjc';
261
- rules += ' _c-enzrfpb';
262
- rules += ' _ca';
255
+ rules += ' _d-bc1l9oh';
256
+ rules += ' _d-1uotwbwg';
257
+ rules += ' _d-eo0c6sf';
258
+ rules += ' _d-enzzrge';
259
+ rules += ' _d-enzykdd';
260
+ rules += ' _d-enzwzjc';
261
+ rules += ' _d-enzrfpb';
262
+ rules += ' _da';
263
263
  if (props.size === "XL") {
264
- rules += ' _dbj';
265
- rules += ' _di';
264
+ rules += ' _ebj';
265
+ rules += ' _ei';
266
266
  } else if (props.size === "L") {
267
- rules += ' _dbh';
268
- rules += ' _dg';
267
+ rules += ' _ebh';
268
+ rules += ' _eg';
269
269
  } else if (props.size === "M") {
270
- rules += ' _dbf';
271
- rules += ' _de';
270
+ rules += ' _ebf';
271
+ rules += ' _ee';
272
272
  } else if (props.size === "S") {
273
- rules += ' _dbd';
274
- rules += ' _dc';
273
+ rules += ' _ebd';
274
+ rules += ' _ec';
275
275
  } else if (props.size === "XS") {
276
- rules += ' _dbd';
277
- rules += ' _dc';
276
+ rules += ' _ebd';
277
+ rules += ' _ec';
278
278
  }
279
- rules += ' _e-1x99dlod';
280
- rules += ' _ed';
281
- rules += ' _f-1x99dlob';
282
- rules += ' _fa';
279
+ rules += ' _f-1x99dlod';
280
+ rules += ' _fd';
281
+ rules += ' _g-1x99dlob';
282
+ rules += ' _ga';
283
283
  rules += ' ao';
284
- rules += ' _n-3t20';
285
- rules += ' __a-4k3jmv';
286
- rules += ' __b-4k3jmv';
287
- rules += ' __c-4k3jmv';
288
- rules += ' __d-4k3jmv';
284
+ rules += ' _o-3t20';
285
+ rules += ' __b-n3jmuj';
286
+ rules += ' __c-n3jmuj';
287
+ rules += ' __d-n3jmuj';
288
+ rules += ' __e-n3jmuj';
289
289
  return rules;
290
290
  };
291
291
  let $68e4e6fe083e22fd$var$description = function anonymous(props) {
292
292
  let rules = " .";
293
- rules += ' _c-bc1l9oh';
294
- rules += ' _c-1uotwbwg';
295
- rules += ' _c-eo0c6sf';
296
- rules += ' _c-enzzrge';
297
- rules += ' _c-enzykdd';
298
- rules += ' _c-enzwzjc';
299
- rules += ' _c-enzrfpb';
300
- rules += ' _ca';
293
+ rules += ' _d-bc1l9oh';
294
+ rules += ' _d-1uotwbwg';
295
+ rules += ' _d-eo0c6sf';
296
+ rules += ' _d-enzzrge';
297
+ rules += ' _d-enzykdd';
298
+ rules += ' _d-enzwzjc';
299
+ rules += ' _d-enzrfpb';
300
+ rules += ' _da';
301
301
  if (props.size === "XL") {
302
- rules += ' _dbh';
303
- rules += ' _dg';
302
+ rules += ' _ebh';
303
+ rules += ' _eg';
304
304
  } else if (props.size === "L") {
305
- rules += ' _dbf';
306
- rules += ' _de';
305
+ rules += ' _ebf';
306
+ rules += ' _ee';
307
307
  } else if (props.size === "M") {
308
- rules += ' _dbd';
309
- rules += ' _dc';
308
+ rules += ' _ebd';
309
+ rules += ' _ec';
310
310
  } else if (props.size === "S") {
311
- rules += ' _dbb';
312
- rules += ' _da';
311
+ rules += ' _ebb';
312
+ rules += ' _ea';
313
313
  } else if (props.size === "XS") {
314
- rules += ' _dbb';
315
- rules += ' _da';
314
+ rules += ' _ebb';
315
+ rules += ' _ea';
316
316
  }
317
- rules += ' _eb';
318
- rules += ' _f-1x99dloc';
319
317
  rules += ' _fb';
318
+ rules += ' _g-1x99dloc';
319
+ rules += ' _gb';
320
320
  rules += ' an';
321
- rules += ' _n-3t20';
322
- rules += ' __a-14f9fux';
323
- rules += ' __b-14f9fux';
324
- rules += ' __c-14f9fux';
325
- rules += ' __d-14f9fux';
321
+ rules += ' _o-3t20';
322
+ rules += ' __b-siegel';
323
+ rules += ' __c-siegel';
324
+ rules += ' __d-siegel';
325
+ rules += ' __e-siegel';
326
326
  return rules;
327
327
  };
328
328
  let $68e4e6fe083e22fd$var$content = function anonymous(props) {
329
329
  let rules = " .";
330
- rules += ' _Zf';
331
- rules += ' __h-8mtrwf-ho9dum';
332
- rules += ' __h-375yi6';
333
- rules += ' __j-8mtrwf-1h7qlgk';
334
- rules += ' __j-1272nor';
330
+ rules += ' _0f';
331
+ rules += ' __i-8mtrwf-llayyu';
332
+ rules += ' __i-2wzs0i';
333
+ rules += ' __k-8mtrwf-1iiwk5o';
334
+ rules += ' __k-zzcrsj';
335
335
  rules += ' jc';
336
- rules += ' _9-3t1y';
337
- rules += ' _1d';
338
- rules += ' _0e';
336
+ rules += ' __a-3t1y';
337
+ rules += ' _2d';
338
+ rules += ' _1e';
339
339
  if (props.size === "XL") rules += ' id';
340
340
  else if (props.size === "L") rules += ' i-6njx2e';
341
341
  else if (props.size === "M") rules += ' i-6njx2e';
@@ -347,8 +347,8 @@ let $68e4e6fe083e22fd$var$content = function anonymous(props) {
347
347
  rules += ' F-sh5t6w';
348
348
  return rules;
349
349
  };
350
- let $68e4e6fe083e22fd$var$actionMenu = " . __a-ykmrkq __b-ykmrkq __c-ykmrkq __d-ykmrkq A-1rxwibp B-1rxwibp";
351
- let $68e4e6fe083e22fd$var$footer = " . _Zd _6a _1b _2e id jd E-sh5t6w";
350
+ let $68e4e6fe083e22fd$var$actionMenu = " . __b-qe0xa6 __c-qe0xa6 __d-qe0xa6 __e-qe0xa6 A-1rxwibp B-1rxwibp";
351
+ let $68e4e6fe083e22fd$var$footer = " . _0d _7a _2b _3e id jd E-sh5t6w";
352
352
  const $68e4e6fe083e22fd$export$cb658fed5fefe1d = /*#__PURE__*/ (0, $jzFZE$createContext)('div');
353
353
  const $68e4e6fe083e22fd$export$d0b2ee33ebf7d64 = /*#__PURE__*/ (0, $jzFZE$createContext)(null);
354
354
  const $68e4e6fe083e22fd$var$InternalCardContext = /*#__PURE__*/ (0, $jzFZE$createContext)({
@@ -497,7 +497,7 @@ const $68e4e6fe083e22fd$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $jzFZE$forwa
497
497
  !isQuiet && /*#__PURE__*/ (0, $jzFZE$jsx)($68e4e6fe083e22fd$var$SelectionIndicator, {}),
498
498
  !isQuiet && selectionMode !== 'none' && selectionBehavior === 'toggle' && /*#__PURE__*/ (0, $jzFZE$jsx)($68e4e6fe083e22fd$var$CardCheckbox, {}),
499
499
  /*#__PURE__*/ (0, $jzFZE$jsx)("div", {
500
- className: " . _Zh",
500
+ className: " . _0h",
501
501
  children: children
502
502
  })
503
503
  ]
@@ -519,7 +519,7 @@ function $68e4e6fe083e22fd$var$SelectionIndicator() {
519
519
  function $68e4e6fe083e22fd$var$CardCheckbox() {
520
520
  let { size: size } = (0, $jzFZE$useContext)($68e4e6fe083e22fd$var$InternalCardContext);
521
521
  return /*#__PURE__*/ (0, $jzFZE$jsx)("div", {
522
- className: " . Ua X-nxovgr V-nxovgr __Q-3t1z Ec Fc Cc Dc b-834pbw _vc _wc _xc _yc _ta",
522
+ className: " . Va Y-nxovgr W-nxovgr __R-3t1z Ec Fc Cc Dc b-834pbw _wc _xc _yc _zc _ua",
523
523
  children: /*#__PURE__*/ (0, $jzFZE$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
524
524
  slot: "selection",
525
525
  excludeFromTabOrder: true,
@@ -549,7 +549,7 @@ const $68e4e6fe083e22fd$export$115f017852a4bb7c = /*#__PURE__*/ (0, $jzFZE$forwa
549
549
  isQuiet && /*#__PURE__*/ (0, $jzFZE$jsx)($68e4e6fe083e22fd$var$SelectionIndicator, {}),
550
550
  isQuiet && isCheckboxSelection && /*#__PURE__*/ (0, $jzFZE$jsx)($68e4e6fe083e22fd$var$CardCheckbox, {}),
551
551
  /*#__PURE__*/ (0, $jzFZE$jsx)("div", {
552
- className: " . _v-17zqamw _w-17zqamw _x-17zqamw _y-17zqamw __vc __wc",
552
+ className: " . _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw __wc __xc",
553
553
  children: props.children
554
554
  })
555
555
  ]
@@ -557,8 +557,8 @@ const $68e4e6fe083e22fd$export$115f017852a4bb7c = /*#__PURE__*/ (0, $jzFZE$forwa
557
557
  });
558
558
  const $68e4e6fe083e22fd$var$collection = function anonymous(props) {
559
559
  let rules = " .";
560
- rules += ' _Zf';
561
- rules += ' __h-1hkn3tr';
560
+ rules += ' _0f';
561
+ rules += ' __i-1ag8o0z';
562
562
  if (props.size === "S") rules += ' ib';
563
563
  else if (props.size === "XS") rules += ' ib';
564
564
  else rules += ' ic';
@@ -567,7 +567,7 @@ const $68e4e6fe083e22fd$var$collection = function anonymous(props) {
567
567
  else rules += ' jc';
568
568
  return rules;
569
569
  };
570
- const $68e4e6fe083e22fd$var$collectionImage = " . lb _bb _b-7ptyxf-375yqh __b-7ptyxf-7u9dhm __Nb __Ba __Da";
570
+ const $68e4e6fe083e22fd$var$collectionImage = " . lb _cb _c-7ptyxf-375yqh __c-7ptyxf-yqnecu __Ob __Ca __Ea";
571
571
  const $68e4e6fe083e22fd$export$c368ea3e577b1b86 = /*#__PURE__*/ (0, $jzFZE$forwardRef)(function CollectionCardPreview(props, ref) {
572
572
  let { size: size } = (0, $jzFZE$useContext)($68e4e6fe083e22fd$var$InternalCardContext);
573
573
  return /*#__PURE__*/ (0, $jzFZE$jsx)($68e4e6fe083e22fd$export$115f017852a4bb7c, {
@@ -597,7 +597,7 @@ const $68e4e6fe083e22fd$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $jzFZE$forwa
597
597
  (0, $dbd6f0b2503b938c$export$8151eb379fcf2442),
598
598
  {
599
599
  alt: '',
600
- styles: " . lb _bb __Na __Ba __Da"
600
+ styles: " . lb _cb __Oa __Ca __Ea"
601
601
  }
602
602
  ],
603
603
  [
@@ -606,7 +606,7 @@ const $68e4e6fe083e22fd$export$eff93e4e59ccc3b8 = /*#__PURE__*/ (0, $jzFZE$forwa
606
606
  render (icon) {
607
607
  return /*#__PURE__*/ (0, $jzFZE$jsx)((0, $5ad421ec19460c48$export$6069cbe61f690103), {
608
608
  children: /*#__PURE__*/ (0, $jzFZE$jsx)("div", {
609
- className: " . _Zd _1c _2d bg _bb",
609
+ className: " . _0d _2c _3d bg _cb",
610
610
  children: icon
611
611
  })
612
612
  });
@@ -638,7 +638,7 @@ const $68e4e6fe083e22fd$export$78e8870b5d8ae469 = /*#__PURE__*/ (0, $jzFZE$forwa
638
638
  (0, $dbd6f0b2503b938c$export$8151eb379fcf2442),
639
639
  {
640
640
  alt: '',
641
- styles: " . lb _b-375yqg __Nb __Ba __Da"
641
+ styles: " . lb _c-375yqg __Ob __Ca __Ea"
642
642
  }
643
643
  ],
644
644
  [
@@ -648,7 +648,7 @@ const $68e4e6fe083e22fd$export$78e8870b5d8ae469 = /*#__PURE__*/ (0, $jzFZE$forwa
648
648
  UNSAFE_style: {
649
649
  '--size': $68e4e6fe083e22fd$var$avatarSize[size] + 'px'
650
650
  },
651
- styles: " . Uc Aa A-1d75it2-1oavddy",
651
+ styles: " . Vc Aa A-1d75it2-1oavddy",
652
652
  isOverBackground: true
653
653
  }
654
654
  ]
@@ -678,24 +678,21 @@ const $68e4e6fe083e22fd$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $jzFZE$forwa
678
678
  slots: {
679
679
  preview: {
680
680
  alt: '',
681
- styles: " . lb _b-3760ey __Nb __Ba __Da"
681
+ styles: " . lb _c-3760ey __Ob __Ca __Ea"
682
682
  },
683
683
  thumbnail: {
684
684
  alt: '',
685
685
  styles: function anonymous(props) {
686
686
  let rules = " .";
687
- rules += ' Uc';
688
- rules += ' __Ba';
689
- rules += ' __Da';
687
+ rules += ' Vc';
688
+ rules += ' __Ca';
689
+ rules += ' __Ea';
690
690
  if (props.size === "XL") rules += ' l_i';
691
691
  else if (props.size === "L") rules += ' l6';
692
692
  else if (props.size === "M") rules += ' l2';
693
693
  else if (props.size === "S") rules += ' lY';
694
694
  else if (props.size === "XS") rules += ' lM';
695
695
  rules += ' k-375toq';
696
- if (props.size === "S") rules += ' _vb';
697
- else if (props.size === "XS") rules += ' _vb';
698
- else rules += ' _vc';
699
696
  if (props.size === "S") rules += ' _wb';
700
697
  else if (props.size === "XS") rules += ' _wb';
701
698
  else rules += ' _wc';
@@ -705,12 +702,15 @@ const $68e4e6fe083e22fd$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $jzFZE$forwa
705
702
  if (props.size === "S") rules += ' _yb';
706
703
  else if (props.size === "XS") rules += ' _yb';
707
704
  else rules += ' _yc';
708
- rules += ' __Nb';
705
+ if (props.size === "S") rules += ' _zb';
706
+ else if (props.size === "XS") rules += ' _zb';
707
+ else rules += ' _zc';
708
+ rules += ' __Ob';
709
709
  rules += ' A-1d75it2-6grsbv';
710
710
  rules += ' Aa';
711
- rules += ' _Lb';
712
- if (props.size === "XS") rules += ' _Nb';
713
- else rules += ' _Nc';
711
+ rules += ' _Mb';
712
+ if (props.size === "XS") rules += ' _Ob';
713
+ else rules += ' _Oc';
714
714
  rules += ' d-1de2x0q';
715
715
  if (props.size === "XL") rules += ' -_375toq_k-_i';
716
716
  else if (props.size === "L") rules += ' -_375toq_k-6';
@@ -728,7 +728,7 @@ const $68e4e6fe083e22fd$export$e6cbe35324ccf844 = /*#__PURE__*/ (0, $jzFZE$forwa
728
728
  [
729
729
  (0, $8e847109a6ab556d$export$5630640b68817ed6),
730
730
  {
731
- styles: (0, $feb886035e0d4633$export$e618dc39ac9ad607)($68e4e6fe083e22fd$var$footer, " . _2c")
731
+ styles: (0, $feb886035e0d4633$export$e618dc39ac9ad607)($68e4e6fe083e22fd$var$footer, " . _3c")
732
732
  }
733
733
  ],
734
734
  [
package/dist/CardView.cjs CHANGED
@@ -385,22 +385,22 @@ const $1aaf8931044a97bd$var$SIZES = [
385
385
  ];
386
386
  const $1aaf8931044a97bd$var$cardViewStyles = function anonymous(props, overrides) {
387
387
  let rules = " .";
388
- 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) || [];
388
+ 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) || [];
389
389
  rules += matches.join('');
390
- if (props.isLoading) rules += ' __wb';
391
- else rules += ' __wa';
392
- if (props.isEmpty) rules += ' _Zd';
393
- rules += ' __na';
394
- rules += ' _6b';
395
- rules += ' _1c';
396
- rules += ' _2d';
390
+ if (props.isLoading) rules += ' __xb';
391
+ else rules += ' __xa';
392
+ if (props.isEmpty) rules += ' _0d';
393
+ rules += ' __oa';
394
+ rules += ' _7b';
395
+ rules += ' _2c';
396
+ rules += ' _3d';
397
397
  if (props.isEmpty) {
398
- if (props.isFocusVisible) rules += ' _Lb';
399
- } else rules += ' _La';
398
+ if (props.isFocusVisible) rules += ' _Mb';
399
+ } else rules += ' _Ma';
400
400
  rules += ' da_____M';
401
401
  rules += ' dx';
402
- rules += ' _Nc';
403
- rules += ' _M-3hmpw';
402
+ rules += ' _Oc';
403
+ rules += ' _N-3hmpw';
404
404
  return rules;
405
405
  };
406
406
  const $1aaf8931044a97bd$export$64992ac69f286e5c = /*#__PURE__*/ (0, $gDulG$react.createContext)(null);
@@ -494,7 +494,7 @@ const $1aaf8931044a97bd$export$7e52c821f7b6f422 = /*#__PURE__*/ (0, $gDulG$react
494
494
  // ActionBar cannot be inside the GridList due to ARIA and focus management requirements.
495
495
  if (props.renderActionBar) return /*#__PURE__*/ (0, $gDulG$reactjsxruntime.jsxs)("div", {
496
496
  ref: domRef,
497
- className: " . Uc __vc __wc le ke",
497
+ className: " . Vc __wc __xc le ke",
498
498
  children: [
499
499
  cardView,
500
500
  actionBar
package/dist/CardView.css CHANGED
@@ -1,37 +1,37 @@
1
1
  @layer _.a {
2
- .__wa {
2
+ .__xa {
3
3
  overflow-y: auto;
4
4
  }
5
5
 
6
- .__wb {
6
+ .__xb {
7
7
  overflow-y: hidden;
8
8
  }
9
9
 
10
- ._Zd {
10
+ ._0d {
11
11
  display: flex;
12
12
  }
13
13
 
14
- .__na {
14
+ .__oa {
15
15
  box-sizing: border-box;
16
16
  }
17
17
 
18
- ._6b {
18
+ ._7b {
19
19
  flex-direction: column;
20
20
  }
21
21
 
22
- ._1c {
22
+ ._2c {
23
23
  align-items: center;
24
24
  }
25
25
 
26
- ._2d {
26
+ ._3d {
27
27
  justify-content: center;
28
28
  }
29
29
 
30
- ._La {
30
+ ._Ma {
31
31
  outline-style: none;
32
32
  }
33
33
 
34
- ._Lb {
34
+ ._Mb {
35
35
  outline-style: solid;
36
36
  }
37
37
 
@@ -39,23 +39,23 @@
39
39
  outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
40
40
  }
41
41
 
42
- ._Nc {
42
+ ._Oc {
43
43
  outline-width: 2px;
44
44
  }
45
45
 
46
- ._M-3hmpw {
46
+ ._N-3hmpw {
47
47
  outline-offset: -2px;
48
48
  }
49
49
 
50
- .Uc {
50
+ .Vc {
51
51
  position: relative;
52
52
  }
53
53
 
54
- .__vc {
54
+ .__wc {
55
55
  overflow-x: clip;
56
56
  }
57
57
 
58
- .__wc {
58
+ .__xc {
59
59
  overflow-y: clip;
60
60
  }
61
61