@react-spectrum/s2 3.0.0-nightly-fd7075c5f-250128 → 3.0.0-nightly-e3ed3c7f6-250130

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +47 -47
  5. package/dist/ActionBar.css +51 -51
  6. package/dist/ActionBar.mjs +47 -47
  7. package/dist/ActionButton.cjs +97 -97
  8. package/dist/ActionButton.css +96 -96
  9. package/dist/ActionButton.mjs +97 -97
  10. package/dist/ActionButtonGroup.cjs +11 -11
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +11 -11
  13. package/dist/AlertDialog.cjs +3 -3
  14. package/dist/AlertDialog.css +3 -3
  15. package/dist/AlertDialog.mjs +3 -3
  16. package/dist/Avatar.cjs +17 -17
  17. package/dist/Avatar.css +14 -14
  18. package/dist/Avatar.mjs +17 -17
  19. package/dist/AvatarGroup.cjs +100 -100
  20. package/dist/AvatarGroup.css +34 -34
  21. package/dist/AvatarGroup.mjs +100 -100
  22. package/dist/Badge.cjs +91 -67
  23. package/dist/Badge.cjs.map +1 -1
  24. package/dist/Badge.css +163 -91
  25. package/dist/Badge.css.map +1 -1
  26. package/dist/Badge.mjs +91 -67
  27. package/dist/Badge.mjs.map +1 -1
  28. package/dist/Breadcrumbs.cjs +115 -115
  29. package/dist/Breadcrumbs.css +89 -89
  30. package/dist/Breadcrumbs.mjs +115 -115
  31. package/dist/Button.cjs +236 -152
  32. package/dist/Button.cjs.map +1 -1
  33. package/dist/Button.css +309 -165
  34. package/dist/Button.css.map +1 -1
  35. package/dist/Button.mjs +236 -152
  36. package/dist/Button.mjs.map +1 -1
  37. package/dist/ButtonGroup.cjs +19 -19
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +19 -19
  40. package/dist/Card.cjs +264 -261
  41. package/dist/Card.cjs.map +1 -1
  42. package/dist/Card.css +210 -198
  43. package/dist/Card.css.map +1 -1
  44. package/dist/Card.mjs +264 -261
  45. package/dist/Card.mjs.map +1 -1
  46. package/dist/CardView.cjs +15 -15
  47. package/dist/CardView.css +18 -18
  48. package/dist/CardView.mjs +15 -15
  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 +124 -73
  53. package/dist/Checkbox.cjs.map +1 -1
  54. package/dist/Checkbox.css +201 -81
  55. package/dist/Checkbox.css.map +1 -1
  56. package/dist/Checkbox.mjs +124 -73
  57. package/dist/Checkbox.mjs.map +1 -1
  58. package/dist/CheckboxGroup.cjs +49 -49
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +49 -49
  61. package/dist/ClearButton.cjs +15 -15
  62. package/dist/ClearButton.css +17 -17
  63. package/dist/ClearButton.mjs +15 -15
  64. package/dist/CloseButton.cjs +35 -35
  65. package/dist/CloseButton.css +33 -33
  66. package/dist/CloseButton.mjs +35 -35
  67. package/dist/ColorArea.cjs +22 -22
  68. package/dist/ColorArea.css +15 -15
  69. package/dist/ColorArea.mjs +22 -22
  70. package/dist/ColorField.cjs +38 -38
  71. package/dist/ColorField.css +32 -32
  72. package/dist/ColorField.mjs +38 -38
  73. package/dist/ColorHandle.cjs +27 -21
  74. package/dist/ColorHandle.cjs.map +1 -1
  75. package/dist/ColorHandle.css +93 -45
  76. package/dist/ColorHandle.css.map +1 -1
  77. package/dist/ColorHandle.mjs +27 -21
  78. package/dist/ColorHandle.mjs.map +1 -1
  79. package/dist/ColorSlider.cjs +52 -52
  80. package/dist/ColorSlider.css +51 -51
  81. package/dist/ColorSlider.mjs +52 -52
  82. package/dist/ColorSwatch.cjs +27 -24
  83. package/dist/ColorSwatch.cjs.map +1 -1
  84. package/dist/ColorSwatch.css +41 -29
  85. package/dist/ColorSwatch.css.map +1 -1
  86. package/dist/ColorSwatch.mjs +27 -24
  87. package/dist/ColorSwatch.mjs.map +1 -1
  88. package/dist/ColorSwatchPicker.cjs +23 -23
  89. package/dist/ColorSwatchPicker.css +60 -48
  90. package/dist/ColorSwatchPicker.css.map +1 -1
  91. package/dist/ColorSwatchPicker.mjs +23 -23
  92. package/dist/ColorWheel.cjs +22 -22
  93. package/dist/ColorWheel.css +16 -16
  94. package/dist/ColorWheel.mjs +22 -22
  95. package/dist/ComboBox.cjs +80 -80
  96. package/dist/ComboBox.css +88 -88
  97. package/dist/ComboBox.mjs +80 -80
  98. package/dist/ContextualHelp.cjs +5 -5
  99. package/dist/ContextualHelp.css +38 -38
  100. package/dist/ContextualHelp.mjs +5 -5
  101. package/dist/CustomDialog.cjs +31 -31
  102. package/dist/CustomDialog.css +25 -25
  103. package/dist/CustomDialog.mjs +31 -31
  104. package/dist/Dialog.cjs +17 -17
  105. package/dist/Dialog.css +64 -64
  106. package/dist/Dialog.mjs +17 -17
  107. package/dist/Disclosure.cjs +111 -108
  108. package/dist/Disclosure.cjs.map +1 -1
  109. package/dist/Disclosure.css +124 -112
  110. package/dist/Disclosure.css.map +1 -1
  111. package/dist/Disclosure.mjs +111 -108
  112. package/dist/Disclosure.mjs.map +1 -1
  113. package/dist/Divider.cjs +26 -26
  114. package/dist/Divider.css +16 -16
  115. package/dist/Divider.mjs +26 -26
  116. package/dist/DropZone.cjs +56 -47
  117. package/dist/DropZone.cjs.map +1 -1
  118. package/dist/DropZone.css +80 -56
  119. package/dist/DropZone.css.map +1 -1
  120. package/dist/DropZone.mjs +56 -47
  121. package/dist/DropZone.mjs.map +1 -1
  122. package/dist/Field.cjs +204 -150
  123. package/dist/Field.cjs.map +1 -1
  124. package/dist/Field.css +246 -150
  125. package/dist/Field.css.map +1 -1
  126. package/dist/Field.mjs +204 -150
  127. package/dist/Field.mjs.map +1 -1
  128. package/dist/Form.cjs +10 -10
  129. package/dist/Form.css +9 -9
  130. package/dist/Form.mjs +10 -10
  131. package/dist/FullscreenDialog.cjs +5 -5
  132. package/dist/FullscreenDialog.css +72 -72
  133. package/dist/FullscreenDialog.mjs +5 -5
  134. package/dist/IllustratedMessage.cjs +134 -134
  135. package/dist/IllustratedMessage.css +69 -69
  136. package/dist/IllustratedMessage.mjs +134 -134
  137. package/dist/Image.cjs +12 -12
  138. package/dist/Image.css +13 -13
  139. package/dist/Image.mjs +12 -12
  140. package/dist/InlineAlert.cjs +104 -77
  141. package/dist/InlineAlert.cjs.map +1 -1
  142. package/dist/InlineAlert.css +149 -77
  143. package/dist/InlineAlert.css.map +1 -1
  144. package/dist/InlineAlert.mjs +104 -77
  145. package/dist/InlineAlert.mjs.map +1 -1
  146. package/dist/Link.cjs +31 -31
  147. package/dist/Link.css +30 -30
  148. package/dist/Link.mjs +31 -31
  149. package/dist/Menu.cjs +269 -264
  150. package/dist/Menu.cjs.map +1 -1
  151. package/dist/Menu.css +152 -152
  152. package/dist/Menu.css.map +1 -1
  153. package/dist/Menu.mjs +270 -265
  154. package/dist/Menu.mjs.map +1 -1
  155. package/dist/Meter.cjs +85 -85
  156. package/dist/Meter.css +81 -81
  157. package/dist/Meter.mjs +85 -85
  158. package/dist/Modal.cjs +48 -48
  159. package/dist/Modal.css +46 -46
  160. package/dist/Modal.mjs +48 -48
  161. package/dist/NumberField.cjs +115 -115
  162. package/dist/NumberField.css +114 -114
  163. package/dist/NumberField.mjs +115 -115
  164. package/dist/Picker.cjs +193 -175
  165. package/dist/Picker.cjs.map +1 -1
  166. package/dist/Picker.css +223 -163
  167. package/dist/Picker.css.map +1 -1
  168. package/dist/Picker.mjs +193 -175
  169. package/dist/Picker.mjs.map +1 -1
  170. package/dist/Popover.cjs +84 -78
  171. package/dist/Popover.cjs.map +1 -1
  172. package/dist/Popover.css +89 -65
  173. package/dist/Popover.css.map +1 -1
  174. package/dist/Popover.mjs +84 -78
  175. package/dist/Popover.mjs.map +1 -1
  176. package/dist/ProgressBar.cjs +98 -98
  177. package/dist/ProgressBar.css +92 -92
  178. package/dist/ProgressBar.mjs +98 -98
  179. package/dist/ProgressCircle.cjs +17 -17
  180. package/dist/ProgressCircle.css +15 -15
  181. package/dist/ProgressCircle.mjs +17 -17
  182. package/dist/Provider.cjs +4 -4
  183. package/dist/Provider.css +5 -5
  184. package/dist/Provider.mjs +4 -4
  185. package/dist/Radio.cjs +152 -80
  186. package/dist/Radio.cjs.map +1 -1
  187. package/dist/Radio.css +240 -96
  188. package/dist/Radio.css.map +1 -1
  189. package/dist/Radio.mjs +152 -80
  190. package/dist/Radio.mjs.map +1 -1
  191. package/dist/RadioGroup.cjs +47 -47
  192. package/dist/RadioGroup.css +41 -41
  193. package/dist/RadioGroup.mjs +47 -47
  194. package/dist/SearchField.cjs +42 -42
  195. package/dist/SearchField.css +47 -47
  196. package/dist/SearchField.mjs +42 -42
  197. package/dist/SegmentedControl.cjs +101 -89
  198. package/dist/SegmentedControl.cjs.map +1 -1
  199. package/dist/SegmentedControl.css +140 -92
  200. package/dist/SegmentedControl.css.map +1 -1
  201. package/dist/SegmentedControl.mjs +101 -89
  202. package/dist/SegmentedControl.mjs.map +1 -1
  203. package/dist/Slider.cjs +229 -196
  204. package/dist/Slider.cjs.map +1 -1
  205. package/dist/Slider.css +221 -149
  206. package/dist/Slider.css.map +1 -1
  207. package/dist/Slider.mjs +229 -196
  208. package/dist/Slider.mjs.map +1 -1
  209. package/dist/StatusLight.cjs +56 -56
  210. package/dist/StatusLight.css +59 -59
  211. package/dist/StatusLight.mjs +56 -56
  212. package/dist/Switch.cjs +107 -74
  213. package/dist/Switch.cjs.map +1 -1
  214. package/dist/Switch.css +141 -69
  215. package/dist/Switch.css.map +1 -1
  216. package/dist/Switch.mjs +107 -74
  217. package/dist/Switch.mjs.map +1 -1
  218. package/dist/TableView.cjs +280 -253
  219. package/dist/TableView.cjs.map +1 -1
  220. package/dist/TableView.css +199 -163
  221. package/dist/TableView.css.map +1 -1
  222. package/dist/TableView.mjs +280 -253
  223. package/dist/TableView.mjs.map +1 -1
  224. package/dist/Tabs.cjs +83 -83
  225. package/dist/Tabs.css +58 -58
  226. package/dist/Tabs.mjs +83 -83
  227. package/dist/TagGroup.cjs +148 -148
  228. package/dist/TagGroup.css +134 -134
  229. package/dist/TagGroup.mjs +148 -148
  230. package/dist/TextField.cjs +59 -59
  231. package/dist/TextField.css +62 -62
  232. package/dist/TextField.mjs +59 -59
  233. package/dist/ToggleButton.cjs +3 -3
  234. package/dist/ToggleButton.css +12 -12
  235. package/dist/ToggleButton.mjs +3 -3
  236. package/dist/Tooltip.cjs +60 -57
  237. package/dist/Tooltip.cjs.map +1 -1
  238. package/dist/Tooltip.css +83 -71
  239. package/dist/Tooltip.css.map +1 -1
  240. package/dist/Tooltip.mjs +60 -57
  241. package/dist/Tooltip.mjs.map +1 -1
  242. package/dist/TreeView.cjs +465 -0
  243. package/dist/TreeView.cjs.map +1 -0
  244. package/dist/TreeView.css +632 -0
  245. package/dist/TreeView.css.map +1 -0
  246. package/dist/TreeView.mjs +455 -0
  247. package/dist/TreeView.mjs.map +1 -0
  248. package/dist/main.cjs +4 -0
  249. package/dist/main.cjs.map +1 -1
  250. package/dist/module.mjs +3 -1
  251. package/dist/module.mjs.map +1 -1
  252. package/dist/types.d.ts +21 -1
  253. package/dist/types.d.ts.map +1 -1
  254. package/icons/Skeleton.cjs +2 -2
  255. package/icons/Skeleton.css +5 -5
  256. package/icons/Skeleton.mjs +2 -2
  257. package/package.json +20 -19
  258. package/src/Menu.tsx +2 -0
  259. package/src/TreeView.tsx +497 -0
  260. package/src/index.ts +2 -0
  261. package/style/__tests__/style-macro.test.js +18 -18
  262. package/style/dist/spectrum-theme.cjs +20 -10
  263. package/style/dist/spectrum-theme.cjs.map +1 -1
  264. package/style/dist/spectrum-theme.mjs +20 -10
  265. package/style/dist/spectrum-theme.mjs.map +1 -1
  266. package/style/dist/types.d.ts +4 -0
  267. package/style/dist/types.d.ts.map +1 -1
  268. package/style/spectrum-theme.ts +18 -11
@@ -31,24 +31,27 @@ import {useDOMRef as $7VHtn$useDOMRef} from "@react-spectrum/utils";
31
31
  const $cf1d656285911959$export$d665dd135a51b28a = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
32
32
  const $cf1d656285911959$var$disclosure = function anonymous(props, overrides) {
33
33
  let rules = " .";
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|l|q|r)[^\s]+/g) || [];
34
+ let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
35
35
  rules += matches.join('');
36
- let $q = false;
37
- for (let p of matches)if (/^\s*q/.test(p)) $q = true;
36
+ let $p = false;
37
+ for (let p of matches)if (/^\s*p/.test(p)) $p = true;
38
38
  rules += ' ao';
39
- if (props.isQuiet) rules += ' ua';
40
- else rules += ' ub';
39
+ if (props.isQuiet) rules += ' ta';
40
+ else rules += ' tb';
41
41
  if (props.isInGroup) {
42
- if (props.isQuiet) rules += ' v-uamghwa';
43
- else rules += ' v-uamghwb';
44
- rules += ' va';
45
- } else if (props.isQuiet) rules += ' va';
46
- else rules += ' vb';
42
+ if (props.isQuiet) rules += ' u-uamghwa';
43
+ else rules += ' u-uamghwb';
44
+ rules += ' ua';
45
+ } else if (props.isQuiet) rules += ' ua';
46
+ else rules += ' ub';
47
+ rules += ' ra';
47
48
  rules += ' sa';
48
- rules += ' ta';
49
- rules += ' wa';
50
- rules += ' ch';
51
- if (!$q) rules += ' q___C';
49
+ rules += ' za';
50
+ rules += ' xh';
51
+ rules += ' yh';
52
+ rules += ' vh';
53
+ rules += ' wh';
54
+ if (!$p) rules += ' p___C';
52
55
  return rules;
53
56
  };
54
57
  const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function Disclosure(props, ref) {
@@ -79,39 +82,39 @@ const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwa
79
82
  })
80
83
  });
81
84
  });
82
- const $cf1d656285911959$var$headingStyle = " Aa Ba ya za __a-3t1y _0d _9-3t1y qo";
85
+ const $cf1d656285911959$var$headingStyle = " Da Ea Ba Ca __d-3t1y _3d __c-3t1y po";
83
86
  const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
84
87
  let rules = " .";
85
- if (props.isFocusVisible) rules += ' _Mb';
86
- else rules += ' _Ma';
87
- rules += ' da_____M';
88
- rules += ' dx';
89
- rules += ' _Oc';
90
- rules += ' _N-3hmpw';
91
- rules += ' _d-bc1l9oh';
92
- rules += ' _d-1uotwbwg';
93
- rules += ' _d-eo0c6sf';
94
- rules += ' _d-enzzrge';
95
- rules += ' _d-enzykdd';
96
- rules += ' _d-enzwzjc';
97
- rules += ' _d-enzrfpb';
98
- rules += ' _da';
88
+ if (props.isFocusVisible) rules += ' _Pb';
89
+ else rules += ' _Pa';
90
+ rules += ' ca_____M';
91
+ rules += ' cx';
92
+ rules += ' _Rc';
93
+ rules += ' _Q-3hmpw';
94
+ rules += ' _g-bc1l9oh';
95
+ rules += ' _g-1uotwbwg';
96
+ rules += ' _g-eo0c6sf';
97
+ rules += ' _g-enzzrge';
98
+ rules += ' _g-enzykdd';
99
+ rules += ' _g-enzwzjc';
100
+ rules += ' _g-enzrfpb';
101
+ rules += ' _ga';
99
102
  if (props.size === "XL") {
100
- rules += ' _ebo';
101
- rules += ' _en';
103
+ rules += ' _hbo';
104
+ rules += ' _hn';
102
105
  } else if (props.size === "L") {
103
- rules += ' _ebm';
104
- rules += ' _ej';
106
+ rules += ' _hbm';
107
+ rules += ' _hj';
105
108
  } else if (props.size === "M") {
106
- rules += ' _ebl';
107
- rules += ' _ek';
109
+ rules += ' _hbl';
110
+ rules += ' _hk';
108
111
  } else if (props.size === "S") {
109
- rules += ' _ebj';
110
- rules += ' _ei';
112
+ rules += ' _hbj';
113
+ rules += ' _hi';
111
114
  }
112
- rules += ' _fd';
113
- rules += ' _g-1x99dlob';
114
- rules += ' _ga';
115
+ rules += ' _id';
116
+ rules += ' _j-1x99dlob';
117
+ rules += ' _ja';
115
118
  if (props.isDisabled) rules += ' aj';
116
119
  else {
117
120
  if (props.isPressed) rules += ' ao';
@@ -119,72 +122,72 @@ const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
119
122
  else if (props.isHovered) rules += ' ao';
120
123
  else rules += ' an';
121
124
  }
122
- rules += ' _0d';
123
- rules += ' __a-3t1y';
124
- rules += ' _2d';
125
- rules += ' C-10cd9hn';
126
- rules += ' D-10cd9hn';
127
- rules += ' E-1dbqcch';
128
- rules += ' F-1dbqcch';
125
+ rules += ' _3d';
126
+ rules += ' __d-3t1y';
127
+ rules += ' _5d';
128
+ rules += ' F-10cd9hn';
129
+ rules += ' G-10cd9hn';
130
+ rules += ' H-1dbqcch';
131
+ rules += ' I-1dbqcch';
132
+ rules += ' h-10cd9hn';
129
133
  rules += ' i-10cd9hn';
130
- rules += ' j-10cd9hn';
131
- rules += ' o-375tou';
132
- rules += ' lb';
134
+ rules += ' n-375tot';
135
+ rules += ' kb';
133
136
  if (props.isPressed) rules += ' b-mufwl5';
134
137
  else if (props.isHovered) rules += ' b-1tgz9bq';
135
138
  else if (props.isFocusVisible) rules += ' b-1tgz9bq';
136
139
  else rules += ' ba';
137
- rules += ' _Pa';
138
- rules += ' _R-375x7f';
139
140
  rules += ' _Sa';
141
+ rules += ' _U-375x7f';
142
+ rules += ' _Va';
143
+ rules += ' t-375toz';
140
144
  rules += ' u-375tp0';
141
- rules += ' v-375tp1';
145
+ rules += ' ra';
142
146
  rules += ' sa';
143
- rules += ' ta';
144
- if (props.isQuiet) rules += ' _wh';
145
- else if (props.isFocusVisible) rules += ' _wh';
146
- else rules += ' _wa';
147
- if (props.isQuiet) rules += ' _xh';
148
- else if (props.isFocusVisible) rules += ' _xh';
149
- else rules += ' _xa';
150
- if (props.isQuiet) rules += ' _yh';
151
- else if (props.isFocusVisible) rules += ' _yh';
152
- else rules += ' _ya';
153
147
  if (props.isQuiet) rules += ' _zh';
154
148
  else if (props.isFocusVisible) rules += ' _zh';
155
149
  else rules += ' _za';
156
- rules += ' _ka';
157
- rules += ' __S-yksgrp';
150
+ if (props.isQuiet) rules += ' _Ah';
151
+ else if (props.isFocusVisible) rules += ' _Ah';
152
+ else rules += ' _Aa';
153
+ if (props.isQuiet) rules += ' _Bh';
154
+ else if (props.isFocusVisible) rules += ' _Bh';
155
+ else rules += ' _Ba';
156
+ if (props.isQuiet) rules += ' _Ch';
157
+ else if (props.isFocusVisible) rules += ' _Ch';
158
+ else rules += ' _Ca';
159
+ rules += ' _na';
160
+ rules += ' __V-yksgrp';
158
161
  if (props.size === "XL") {
159
- if (props.density === "spacious") rules += ' -_375tou_o-_q';
160
- else if (props.density === "regular") rules += ' -_375tou_o-_i';
161
- else if (props.density === "compact") rules += ' -_375tou_o-_a';
162
+ if (props.density === "spacious") rules += ' -_375tot_n-_q';
163
+ else if (props.density === "regular") rules += ' -_375tot_n-_i';
164
+ else if (props.density === "compact") rules += ' -_375tot_n-_a';
162
165
  } else if (props.size === "L") {
163
- if (props.density === "spacious") rules += ' -_375tou_o-_i';
164
- else if (props.density === "regular") rules += ' -_375tou_o-_a';
165
- else if (props.density === "compact") rules += ' -_375tou_o-2';
166
+ if (props.density === "spacious") rules += ' -_375tot_n-_i';
167
+ else if (props.density === "regular") rules += ' -_375tot_n-_a';
168
+ else if (props.density === "compact") rules += ' -_375tot_n-2';
166
169
  } else if (props.size === "M") {
167
- if (props.density === "spacious") rules += ' -_375tou_o-_a';
168
- else if (props.density === "regular") rules += ' -_375tou_o-2';
169
- else if (props.density === "compact") rules += ' -_375tou_o-U';
170
+ if (props.density === "spacious") rules += ' -_375tot_n-_a';
171
+ else if (props.density === "regular") rules += ' -_375tot_n-2';
172
+ else if (props.density === "compact") rules += ' -_375tot_n-U';
170
173
  } else if (props.size === "S") {
171
- if (props.density === "spacious") rules += ' -_375tou_o-2';
172
- else if (props.density === "regular") rules += ' -_375tou_o-U';
173
- else if (props.density === "compact") rules += ' -_375tou_o-M';
174
+ if (props.density === "spacious") rules += ' -_375tot_n-2';
175
+ else if (props.density === "regular") rules += ' -_375tot_n-U';
176
+ else if (props.density === "compact") rules += ' -_375tot_n-M';
174
177
  }
178
+ rules += ' -_375toz_t-a';
175
179
  rules += ' -_375tp0_u-a';
176
- rules += ' -_375tp1_v-a';
177
180
  return rules;
178
181
  };
179
182
  const $cf1d656285911959$var$chevronStyles = function anonymous(props) {
180
183
  let rules = " .";
181
- if (props.isExpanded) rules += ' R-3hn0u';
182
- else if (props.isRTL) rules += ' R-375xa6';
183
- rules += ' _Pa';
184
- rules += ' _R-375x7f';
184
+ if (props.isExpanded) rules += ' U-3hn0u';
185
+ else if (props.isRTL) rules += ' U-375xa6';
185
186
  rules += ' _Sa';
186
- rules += ' -rwx0fg_e-b';
187
- rules += ' _9-3t1x';
187
+ rules += ' _U-375x7f';
188
+ rules += ' _Va';
189
+ rules += ' -rwx0fg_d-b';
190
+ rules += ' __c-3t1x';
188
191
  return rules;
189
192
  };
190
193
  const $cf1d656285911959$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
@@ -217,7 +220,7 @@ function $cf1d656285911959$var$DisclosureHeaderWithForwardRef(props, ref) {
217
220
  ],
218
221
  children: /*#__PURE__*/ (0, $7VHtn$jsx)("div", {
219
222
  style: UNSAFE_style,
220
- className: (UNSAFE_className ?? '') + " _0d _2c ic jc",
223
+ className: (UNSAFE_className ?? '') + " _3d _5c hc ic",
221
224
  ref: domRef,
222
225
  children: children
223
226
  })
@@ -269,33 +272,33 @@ const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwa
269
272
  });
270
273
  const $cf1d656285911959$var$panelStyles = function anonymous(props) {
271
274
  let rules = " .";
272
- rules += ' _d-bc1l9oh';
273
- rules += ' _d-1uotwbwg';
274
- rules += ' _d-eo0c6sf';
275
- rules += ' _d-enzzrge';
276
- rules += ' _d-enzykdd';
277
- rules += ' _d-enzwzjc';
278
- rules += ' _d-enzrfpb';
279
- rules += ' _da';
280
- rules += ' _ebh';
281
- rules += ' _eg';
282
- rules += ' _fb';
283
- rules += ' _g-1x99dloc';
284
- rules += ' _gb';
275
+ rules += ' _g-bc1l9oh';
276
+ rules += ' _g-1uotwbwg';
277
+ rules += ' _g-eo0c6sf';
278
+ rules += ' _g-enzzrge';
279
+ rules += ' _g-enzykdd';
280
+ rules += ' _g-enzwzjc';
281
+ rules += ' _g-enzrfpb';
282
+ rules += ' _ga';
283
+ rules += ' _hbh';
284
+ rules += ' _hg';
285
+ rules += ' _ib';
286
+ rules += ' _j-1x99dloc';
287
+ rules += ' _jb';
285
288
  rules += ' an';
286
- if (props.isExpanded) rules += ' Ed';
287
- if (props.isExpanded) rules += ' Ff';
289
+ if (props.isExpanded) rules += ' Hd';
290
+ if (props.isExpanded) rules += ' If';
288
291
  if (props.isExpanded) {
289
- if (props.size === "XL") rules += ' Cundefined';
290
- else if (props.size === "L") rules += ' Ce';
291
- else if (props.size === "M") rules += ' Cundefined';
292
- else if (props.size === "S") rules += ' Cd';
292
+ if (props.size === "XL") rules += ' Fundefined';
293
+ else if (props.size === "L") rules += ' Fe';
294
+ else if (props.size === "M") rules += ' Fundefined';
295
+ else if (props.size === "S") rules += ' Fd';
293
296
  }
294
297
  if (props.isExpanded) {
295
- if (props.size === "XL") rules += ' Dundefined';
296
- else if (props.size === "L") rules += ' De';
297
- else if (props.size === "M") rules += ' Dundefined';
298
- else if (props.size === "S") rules += ' Dd';
298
+ if (props.size === "XL") rules += ' Gundefined';
299
+ else if (props.size === "L") rules += ' Ge';
300
+ else if (props.size === "M") rules += ' Gundefined';
301
+ else if (props.size === "S") rules += ' Gd';
299
302
  }
300
303
  return rules;
301
304
  };
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n /**\n * The size of the disclosure.\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The amount of space between the disclosures.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean,\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode\n}\n\nexport const DisclosureContext = createContext<ContextValue<Omit<DisclosureProps, 'children'>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {\n size = 'M',\n density = 'regular',\n isQuiet,\n UNSAFE_style,\n UNSAFE_className = ''\n } = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider\n values={[\n [DisclosureContext, {size, isQuiet, density}]\n ]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /** The heading level of the disclosure header.\n * \n * @default 3\n */\n level?: number,\n /** The contents of the disclosure header. */\n children: React.ReactNode\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: 'neutral',\n isDisabled: 'disabled'\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'heading-xs',\n M: 'heading-sm',\n L: 'heading',\n XL: 'heading-lg'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: '[calc(self(minHeight) * 3/8 - 1px)]',\n paddingY: centerPadding(),\n gap: '[calc(self(minHeight) * 3/8 - 1px)]',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n M: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n L: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n },\n XL: {\n density: {\n compact: 48,\n regular: 56,\n spacious: 64\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'control',\n isQuiet: 'control'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_className,\n UNSAFE_style,\n children\n } = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n let mapSize = {\n S: 'XS',\n M: 'S',\n L: 'M',\n XL: 'L'\n };\n\n // maps to one size smaller in the compact density to ensure there is space between the top and bottom of the action button and container\n let newSize : 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n if (density === 'compact') {\n newSize = mapSize[size ?? 'M'] as 'XS' | 'S' | 'M' | 'L';\n }\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n let {\n level = 3,\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return (\n <DisclosureHeader>\n {buttonTrigger}\n </DisclosureHeader>\n );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n children: React.ReactNode\n}\n\nconst panelStyles = style({\n font: 'body',\n paddingTop: {\n isExpanded: 8\n },\n paddingBottom: {\n isExpanded: 16\n },\n paddingX: {\n isExpanded: {\n size: {\n S: 8,\n M: 9,\n L: 12,\n XL: 15\n }\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n {props.children}\n </RACDisclosurePanel>\n );\n});\n\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n /**\n * The size of the disclosure.\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The amount of space between the disclosures.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean,\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode\n}\n\nexport const DisclosureContext = createContext<ContextValue<Omit<DisclosureProps, 'children'>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {\n size = 'M',\n density = 'regular',\n isQuiet,\n UNSAFE_style,\n UNSAFE_className = ''\n } = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider\n values={[\n [DisclosureContext, {size, isQuiet, density}]\n ]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /** The heading level of the disclosure header.\n * \n * @default 3\n */\n level?: number,\n /** The contents of the disclosure header. */\n children: React.ReactNode\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: 'neutral',\n isDisabled: 'disabled'\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'heading-xs',\n M: 'heading-sm',\n L: 'heading',\n XL: 'heading-lg'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: '[calc(self(minHeight) * 3/8 - 1px)]',\n paddingY: centerPadding(),\n gap: '[calc(self(minHeight) * 3/8 - 1px)]',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n M: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n L: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n },\n XL: {\n density: {\n compact: 48,\n regular: 56,\n spacious: 64\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'control',\n isQuiet: 'control'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_className,\n UNSAFE_style,\n children\n } = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n let mapSize = {\n S: 'XS',\n M: 'S',\n L: 'M',\n XL: 'L'\n };\n\n // maps to one size smaller in the compact density to ensure there is space between the top and bottom of the action button and container\n let newSize : 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n if (density === 'compact') {\n newSize = mapSize[size ?? 'M'] as 'XS' | 'S' | 'M' | 'L';\n }\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n let {\n level = 3,\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return (\n <DisclosureHeader>\n {buttonTrigger}\n </DisclosureHeader>\n );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n children: React.ReactNode\n}\n\nconst panelStyles = style({\n font: 'body',\n paddingTop: {\n isExpanded: 8\n },\n paddingBottom: {\n isExpanded: 16\n },\n paddingX: {\n isExpanded: {\n size: {\n S: 8,\n M: 9,\n L: 12,\n XL: 15\n }\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n {props.children}\n </RACDisclosurePanel>\n );\n});\n\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}
package/dist/Divider.cjs CHANGED
@@ -31,50 +31,50 @@ $parcel$export(module.exports, "Divider", () => $2d04acb918636de0$export$2e0a83e
31
31
  const $2d04acb918636de0$export$30fbfd376abdf190 = /*#__PURE__*/ (0, $98jss$react.createContext)(null);
32
32
  const $2d04acb918636de0$export$e8c9778bf415dd08 = function anonymous(props, overrides) {
33
33
  let rules = " .";
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|l|q|r)[^\s]+/g) || [];
34
+ let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
35
35
  rules += matches.join('');
36
- let $_5 = false;
37
- let $A = false;
36
+ let $_8 = false;
37
+ let $D = false;
38
+ let $E = false;
38
39
  let $B = false;
39
- let $y = false;
40
- let $z = false;
41
- let $l = false;
40
+ let $C = false;
41
+ let $k = false;
42
42
  for (let p of matches){
43
- if (/^\s*_5/.test(p)) $_5 = true;
44
- if (/^\s*A/.test(p)) $A = true;
43
+ if (/^\s*_8/.test(p)) $_8 = true;
44
+ if (/^\s*D/.test(p)) $D = true;
45
+ if (/^\s*E/.test(p)) $E = true;
45
46
  if (/^\s*B/.test(p)) $B = true;
46
- if (/^\s*y/.test(p)) $y = true;
47
- if (/^\s*z/.test(p)) $z = true;
48
- if (/^\s*l/.test(p)) $l = true;
47
+ if (/^\s*C/.test(p)) $C = true;
48
+ if (/^\s*k/.test(p)) $k = true;
49
49
  }
50
50
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
51
51
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
52
- if (!$_5) rules += ' _5e';
52
+ if (!$_8) rules += ' _8e';
53
53
  rules += ' ba_____I';
54
54
  if (props.isStaticColor) {
55
55
  if (props.size === "L") rules += ' b_____E';
56
56
  else rules += ' b_____y';
57
57
  } else if (props.size === "L") rules += ' bn';
58
58
  else rules += ' bh';
59
- rules += ' wf';
60
- rules += ' _wf';
61
- rules += ' _xf';
62
- rules += ' _yf';
59
+ rules += ' zf';
63
60
  rules += ' _zf';
64
- if (!$A) rules += ' Aa';
61
+ rules += ' _Af';
62
+ rules += ' _Bf';
63
+ rules += ' _Cf';
64
+ if (!$D) rules += ' Da';
65
+ if (!$E) rules += ' Ea';
65
66
  if (!$B) rules += ' Ba';
66
- if (!$y) rules += ' ya';
67
- if (!$z) rules += ' za';
67
+ if (!$C) rules += ' Ca';
68
68
  if (props.orientation === "horizontal") {
69
- if (props.size === "L") rules += ' k-3761a9';
70
- else if (props.size === "S") rules += ' k-375yri';
71
- else rules += ' k-375zlr';
69
+ if (props.size === "L") rules += ' j-3761a9';
70
+ else if (props.size === "S") rules += ' j-375yri';
71
+ else rules += ' j-375zlr';
72
72
  }
73
- if (!$l) {
73
+ if (!$k) {
74
74
  if (props.orientation === "vertical") {
75
- if (props.size === "L") rules += ' l-3761a9';
76
- else if (props.size === "S") rules += ' l-375yri';
77
- else rules += ' l-375zlr';
75
+ if (props.size === "L") rules += ' k-3761a9';
76
+ else if (props.size === "S") rules += ' k-375yri';
77
+ else rules += ' k-375zlr';
78
78
  }
79
79
  }
80
80
  return rules;
package/dist/Divider.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --s2-container-bg: black;
8
8
  }
9
9
 
10
- ._5e {
10
+ ._8e {
11
11
  align-self: stretch;
12
12
  }
13
13
 
@@ -27,63 +27,63 @@
27
27
  background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .85);
28
28
  }
29
29
 
30
- .wf {
30
+ .zf {
31
31
  border-style: none;
32
32
  }
33
33
 
34
- ._wf {
34
+ ._zf {
35
35
  border-start-start-radius: 9999px;
36
36
  }
37
37
 
38
- ._xf {
38
+ ._Af {
39
39
  border-start-end-radius: 9999px;
40
40
  }
41
41
 
42
- ._yf {
42
+ ._Bf {
43
43
  border-end-start-radius: 9999px;
44
44
  }
45
45
 
46
- ._zf {
46
+ ._Cf {
47
47
  border-end-end-radius: 9999px;
48
48
  }
49
49
 
50
- .Aa {
50
+ .Da {
51
51
  margin-top: 0;
52
52
  }
53
53
 
54
- .Ba {
54
+ .Ea {
55
55
  margin-bottom: 0;
56
56
  }
57
57
 
58
- .ya {
58
+ .Ba {
59
59
  margin-inline-start: 0;
60
60
  }
61
61
 
62
- .za {
62
+ .Ca {
63
63
  margin-inline-end: 0;
64
64
  }
65
65
 
66
- .k-375zlr {
66
+ .j-375zlr {
67
67
  height: 2px;
68
68
  }
69
69
 
70
- .k-375yri {
70
+ .j-375yri {
71
71
  height: 1px;
72
72
  }
73
73
 
74
- .k-3761a9 {
74
+ .j-3761a9 {
75
75
  height: 4px;
76
76
  }
77
77
 
78
- .l-375zlr {
78
+ .k-375zlr {
79
79
  width: 2px;
80
80
  }
81
81
 
82
- .l-375yri {
82
+ .k-375yri {
83
83
  width: 1px;
84
84
  }
85
85
 
86
- .l-3761a9 {
86
+ .k-3761a9 {
87
87
  width: 4px;
88
88
  }
89
89
  }
package/dist/Divider.mjs CHANGED
@@ -23,50 +23,50 @@ import {useDOMRef as $5nGzy$useDOMRef} from "@react-spectrum/utils";
23
23
  const $bdf52657dac0f070$export$30fbfd376abdf190 = /*#__PURE__*/ (0, $5nGzy$createContext)(null);
24
24
  const $bdf52657dac0f070$export$e8c9778bf415dd08 = function anonymous(props, overrides) {
25
25
  let rules = " .";
26
- 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) || [];
26
+ let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
27
27
  rules += matches.join('');
28
- let $_5 = false;
29
- let $A = false;
28
+ let $_8 = false;
29
+ let $D = false;
30
+ let $E = false;
30
31
  let $B = false;
31
- let $y = false;
32
- let $z = false;
33
- let $l = false;
32
+ let $C = false;
33
+ let $k = false;
34
34
  for (let p of matches){
35
- if (/^\s*_5/.test(p)) $_5 = true;
36
- if (/^\s*A/.test(p)) $A = true;
35
+ if (/^\s*_8/.test(p)) $_8 = true;
36
+ if (/^\s*D/.test(p)) $D = true;
37
+ if (/^\s*E/.test(p)) $E = true;
37
38
  if (/^\s*B/.test(p)) $B = true;
38
- if (/^\s*y/.test(p)) $y = true;
39
- if (/^\s*z/.test(p)) $z = true;
40
- if (/^\s*l/.test(p)) $l = true;
39
+ if (/^\s*C/.test(p)) $C = true;
40
+ if (/^\s*k/.test(p)) $k = true;
41
41
  }
42
42
  if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
43
43
  else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
44
- if (!$_5) rules += ' _5e';
44
+ if (!$_8) rules += ' _8e';
45
45
  rules += ' ba_____I';
46
46
  if (props.isStaticColor) {
47
47
  if (props.size === "L") rules += ' b_____E';
48
48
  else rules += ' b_____y';
49
49
  } else if (props.size === "L") rules += ' bn';
50
50
  else rules += ' bh';
51
- rules += ' wf';
52
- rules += ' _wf';
53
- rules += ' _xf';
54
- rules += ' _yf';
51
+ rules += ' zf';
55
52
  rules += ' _zf';
56
- if (!$A) rules += ' Aa';
53
+ rules += ' _Af';
54
+ rules += ' _Bf';
55
+ rules += ' _Cf';
56
+ if (!$D) rules += ' Da';
57
+ if (!$E) rules += ' Ea';
57
58
  if (!$B) rules += ' Ba';
58
- if (!$y) rules += ' ya';
59
- if (!$z) rules += ' za';
59
+ if (!$C) rules += ' Ca';
60
60
  if (props.orientation === "horizontal") {
61
- if (props.size === "L") rules += ' k-3761a9';
62
- else if (props.size === "S") rules += ' k-375yri';
63
- else rules += ' k-375zlr';
61
+ if (props.size === "L") rules += ' j-3761a9';
62
+ else if (props.size === "S") rules += ' j-375yri';
63
+ else rules += ' j-375zlr';
64
64
  }
65
- if (!$l) {
65
+ if (!$k) {
66
66
  if (props.orientation === "vertical") {
67
- if (props.size === "L") rules += ' l-3761a9';
68
- else if (props.size === "S") rules += ' l-375yri';
69
- else rules += ' l-375zlr';
67
+ if (props.size === "L") rules += ' k-3761a9';
68
+ else if (props.size === "S") rules += ' k-375yri';
69
+ else rules += ' k-375zlr';
70
70
  }
71
71
  }
72
72
  return rules;