@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-3dbdc1e8e-250214

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 (267) 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 +68 -92
  23. package/dist/Badge.cjs.map +1 -1
  24. package/dist/Badge.css +92 -164
  25. package/dist/Badge.css.map +1 -1
  26. package/dist/Badge.mjs +68 -92
  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 +152 -236
  32. package/dist/Button.cjs.map +1 -1
  33. package/dist/Button.css +165 -309
  34. package/dist/Button.css.map +1 -1
  35. package/dist/Button.mjs +152 -236
  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 +261 -264
  41. package/dist/Card.cjs.map +1 -1
  42. package/dist/Card.css +198 -210
  43. package/dist/Card.css.map +1 -1
  44. package/dist/Card.mjs +261 -264
  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 +73 -124
  53. package/dist/Checkbox.cjs.map +1 -1
  54. package/dist/Checkbox.css +81 -201
  55. package/dist/Checkbox.css.map +1 -1
  56. package/dist/Checkbox.mjs +73 -124
  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 +21 -27
  74. package/dist/ColorHandle.cjs.map +1 -1
  75. package/dist/ColorHandle.css +45 -93
  76. package/dist/ColorHandle.css.map +1 -1
  77. package/dist/ColorHandle.mjs +21 -27
  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 +24 -27
  83. package/dist/ColorSwatch.cjs.map +1 -1
  84. package/dist/ColorSwatch.css +29 -41
  85. package/dist/ColorSwatch.css.map +1 -1
  86. package/dist/ColorSwatch.mjs +24 -27
  87. package/dist/ColorSwatch.mjs.map +1 -1
  88. package/dist/ColorSwatchPicker.cjs +23 -23
  89. package/dist/ColorSwatchPicker.css +48 -60
  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 +108 -111
  108. package/dist/Disclosure.cjs.map +1 -1
  109. package/dist/Disclosure.css +112 -124
  110. package/dist/Disclosure.css.map +1 -1
  111. package/dist/Disclosure.mjs +108 -111
  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 +47 -56
  117. package/dist/DropZone.cjs.map +1 -1
  118. package/dist/DropZone.css +56 -80
  119. package/dist/DropZone.css.map +1 -1
  120. package/dist/DropZone.mjs +47 -56
  121. package/dist/DropZone.mjs.map +1 -1
  122. package/dist/Field.cjs +150 -204
  123. package/dist/Field.cjs.map +1 -1
  124. package/dist/Field.css +150 -246
  125. package/dist/Field.css.map +1 -1
  126. package/dist/Field.mjs +150 -204
  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 +77 -104
  141. package/dist/InlineAlert.cjs.map +1 -1
  142. package/dist/InlineAlert.css +77 -149
  143. package/dist/InlineAlert.css.map +1 -1
  144. package/dist/InlineAlert.mjs +77 -104
  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 -269
  150. package/dist/Menu.css +155 -155
  151. package/dist/Menu.mjs +269 -269
  152. package/dist/Meter.cjs +85 -85
  153. package/dist/Meter.css +81 -81
  154. package/dist/Meter.mjs +85 -85
  155. package/dist/Modal.cjs +48 -48
  156. package/dist/Modal.css +46 -46
  157. package/dist/Modal.mjs +48 -48
  158. package/dist/NumberField.cjs +115 -115
  159. package/dist/NumberField.css +114 -114
  160. package/dist/NumberField.mjs +115 -115
  161. package/dist/Picker.cjs +177 -195
  162. package/dist/Picker.cjs.map +1 -1
  163. package/dist/Picker.css +164 -224
  164. package/dist/Picker.css.map +1 -1
  165. package/dist/Picker.mjs +177 -195
  166. package/dist/Picker.mjs.map +1 -1
  167. package/dist/Popover.cjs +79 -85
  168. package/dist/Popover.cjs.map +1 -1
  169. package/dist/Popover.css +65 -89
  170. package/dist/Popover.css.map +1 -1
  171. package/dist/Popover.mjs +79 -85
  172. package/dist/Popover.mjs.map +1 -1
  173. package/dist/ProgressBar.cjs +98 -98
  174. package/dist/ProgressBar.css +92 -92
  175. package/dist/ProgressBar.mjs +98 -98
  176. package/dist/ProgressCircle.cjs +17 -17
  177. package/dist/ProgressCircle.css +15 -15
  178. package/dist/ProgressCircle.mjs +17 -17
  179. package/dist/Provider.cjs +4 -4
  180. package/dist/Provider.css +5 -5
  181. package/dist/Provider.mjs +4 -4
  182. package/dist/Radio.cjs +80 -152
  183. package/dist/Radio.cjs.map +1 -1
  184. package/dist/Radio.css +96 -240
  185. package/dist/Radio.css.map +1 -1
  186. package/dist/Radio.mjs +80 -152
  187. package/dist/Radio.mjs.map +1 -1
  188. package/dist/RadioGroup.cjs +47 -47
  189. package/dist/RadioGroup.css +41 -41
  190. package/dist/RadioGroup.mjs +47 -47
  191. package/dist/SearchField.cjs +42 -42
  192. package/dist/SearchField.css +47 -47
  193. package/dist/SearchField.mjs +42 -42
  194. package/dist/SegmentedControl.cjs +89 -101
  195. package/dist/SegmentedControl.cjs.map +1 -1
  196. package/dist/SegmentedControl.css +92 -140
  197. package/dist/SegmentedControl.css.map +1 -1
  198. package/dist/SegmentedControl.mjs +89 -101
  199. package/dist/SegmentedControl.mjs.map +1 -1
  200. package/dist/Slider.cjs +196 -229
  201. package/dist/Slider.cjs.map +1 -1
  202. package/dist/Slider.css +149 -221
  203. package/dist/Slider.css.map +1 -1
  204. package/dist/Slider.mjs +196 -229
  205. package/dist/Slider.mjs.map +1 -1
  206. package/dist/StatusLight.cjs +56 -56
  207. package/dist/StatusLight.css +59 -59
  208. package/dist/StatusLight.mjs +56 -56
  209. package/dist/Switch.cjs +74 -107
  210. package/dist/Switch.cjs.map +1 -1
  211. package/dist/Switch.css +69 -141
  212. package/dist/Switch.css.map +1 -1
  213. package/dist/Switch.mjs +74 -107
  214. package/dist/Switch.mjs.map +1 -1
  215. package/dist/TableView.cjs +253 -280
  216. package/dist/TableView.cjs.map +1 -1
  217. package/dist/TableView.css +163 -199
  218. package/dist/TableView.css.map +1 -1
  219. package/dist/TableView.mjs +253 -280
  220. package/dist/TableView.mjs.map +1 -1
  221. package/dist/Tabs.cjs +108 -108
  222. package/dist/Tabs.css +81 -81
  223. package/dist/Tabs.mjs +108 -108
  224. package/dist/TabsPicker.cjs +105 -105
  225. package/dist/TabsPicker.css +111 -111
  226. package/dist/TabsPicker.mjs +105 -105
  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 +57 -60
  237. package/dist/Tooltip.cjs.map +1 -1
  238. package/dist/Tooltip.css +71 -83
  239. package/dist/Tooltip.css.map +1 -1
  240. package/dist/Tooltip.mjs +57 -60
  241. package/dist/Tooltip.mjs.map +1 -1
  242. package/dist/TreeView.cjs +199 -248
  243. package/dist/TreeView.cjs.map +1 -1
  244. package/dist/TreeView.css +131 -175
  245. package/dist/TreeView.css.map +1 -1
  246. package/dist/TreeView.mjs +202 -248
  247. package/dist/TreeView.mjs.map +1 -1
  248. package/dist/main.cjs +1 -0
  249. package/dist/main.cjs.map +1 -1
  250. package/dist/module.mjs +2 -2
  251. package/dist/module.mjs.map +1 -1
  252. package/dist/types.d.ts +4 -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 +21 -21
  258. package/src/TreeView.tsx +66 -134
  259. package/src/index.ts +1 -1
  260. package/style/__tests__/style-macro.test.js +18 -18
  261. package/style/dist/spectrum-theme.cjs +10 -20
  262. package/style/dist/spectrum-theme.cjs.map +1 -1
  263. package/style/dist/spectrum-theme.mjs +10 -20
  264. package/style/dist/spectrum-theme.mjs.map +1 -1
  265. package/style/dist/types.d.ts +0 -4
  266. package/style/dist/types.d.ts.map +1 -1
  267. package/style/spectrum-theme.ts +11 -19
@@ -31,27 +31,24 @@ 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)(?: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) || [];
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) || [];
35
35
  rules += matches.join('');
36
- let $p = false;
37
- for (let p of matches)if (/^\s*p/.test(p)) $p = true;
36
+ let $q = false;
37
+ for (let p of matches)if (/^\s*q/.test(p)) $q = true;
38
38
  rules += ' ao';
39
- if (props.isQuiet) rules += ' ta';
40
- else rules += ' tb';
41
- if (props.isInGroup) {
42
- if (props.isQuiet) rules += ' u-uamghwa';
43
- else rules += ' u-uamghwb';
44
- rules += ' ua';
45
- } else if (props.isQuiet) rules += ' ua';
39
+ if (props.isQuiet) rules += ' ua';
46
40
  else rules += ' ub';
47
- rules += ' ra';
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';
48
47
  rules += ' sa';
49
- rules += ' za';
50
- rules += ' xh';
51
- rules += ' yh';
52
- rules += ' vh';
53
- rules += ' wh';
54
- if (!$p) rules += ' p___C';
48
+ rules += ' ta';
49
+ rules += ' wa';
50
+ rules += ' ch';
51
+ if (!$q) rules += ' q___C';
55
52
  return rules;
56
53
  };
57
54
  const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwardRef)(function Disclosure(props, ref) {
@@ -82,39 +79,39 @@ const $cf1d656285911959$export$74a362b31437ec83 = /*#__PURE__*/ (0, $7VHtn$forwa
82
79
  })
83
80
  });
84
81
  });
85
- const $cf1d656285911959$var$headingStyle = " Da Ea Ba Ca __d-3t1y _3d __c-3t1y po";
82
+ const $cf1d656285911959$var$headingStyle = " Aa Ba ya za __a-3t1y _0d _9-3t1y qo";
86
83
  const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
87
84
  let rules = " .";
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';
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';
102
99
  if (props.size === "XL") {
103
- rules += ' _hbo';
104
- rules += ' _hn';
100
+ rules += ' _ebo';
101
+ rules += ' _en';
105
102
  } else if (props.size === "L") {
106
- rules += ' _hbm';
107
- rules += ' _hj';
103
+ rules += ' _ebm';
104
+ rules += ' _ej';
108
105
  } else if (props.size === "M") {
109
- rules += ' _hbl';
110
- rules += ' _hk';
106
+ rules += ' _ebl';
107
+ rules += ' _ek';
111
108
  } else if (props.size === "S") {
112
- rules += ' _hbj';
113
- rules += ' _hi';
109
+ rules += ' _ebj';
110
+ rules += ' _ei';
114
111
  }
115
- rules += ' _id';
116
- rules += ' _j-1x99dlob';
117
- rules += ' _ja';
112
+ rules += ' _fd';
113
+ rules += ' _g-1x99dlob';
114
+ rules += ' _ga';
118
115
  if (props.isDisabled) rules += ' aj';
119
116
  else {
120
117
  if (props.isPressed) rules += ' ao';
@@ -122,72 +119,72 @@ const $cf1d656285911959$var$buttonStyles = function anonymous(props) {
122
119
  else if (props.isHovered) rules += ' ao';
123
120
  else rules += ' an';
124
121
  }
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';
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';
133
129
  rules += ' i-10cd9hn';
134
- rules += ' n-375tot';
135
- rules += ' kb';
130
+ rules += ' j-10cd9hn';
131
+ rules += ' o-375tou';
132
+ rules += ' lb';
136
133
  if (props.isPressed) rules += ' b-mufwl5';
137
134
  else if (props.isHovered) rules += ' b-1tgz9bq';
138
135
  else if (props.isFocusVisible) rules += ' b-1tgz9bq';
139
136
  else rules += ' ba';
137
+ rules += ' _Pa';
138
+ rules += ' _R-375x7f';
140
139
  rules += ' _Sa';
141
- rules += ' _U-375x7f';
142
- rules += ' _Va';
143
- rules += ' t-375toz';
144
140
  rules += ' u-375tp0';
145
- rules += ' ra';
141
+ rules += ' v-375tp1';
146
142
  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';
147
153
  if (props.isQuiet) rules += ' _zh';
148
154
  else if (props.isFocusVisible) rules += ' _zh';
149
155
  else rules += ' _za';
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';
156
+ rules += ' _ka';
157
+ rules += ' __S-yksgrp';
161
158
  if (props.size === "XL") {
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';
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';
165
162
  } else if (props.size === "L") {
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';
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';
169
166
  } else if (props.size === "M") {
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';
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';
173
170
  } else if (props.size === "S") {
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';
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';
177
174
  }
178
- rules += ' -_375toz_t-a';
179
175
  rules += ' -_375tp0_u-a';
176
+ rules += ' -_375tp1_v-a';
180
177
  return rules;
181
178
  };
182
179
  const $cf1d656285911959$var$chevronStyles = function anonymous(props) {
183
180
  let rules = " .";
184
- if (props.isExpanded) rules += ' U-3hn0u';
185
- else if (props.isRTL) rules += ' U-375xa6';
181
+ if (props.isExpanded) rules += ' R-3hn0u';
182
+ else if (props.isRTL) rules += ' R-375xa6';
183
+ rules += ' _Pa';
184
+ rules += ' _R-375x7f';
186
185
  rules += ' _Sa';
187
- rules += ' _U-375x7f';
188
- rules += ' _Va';
189
- rules += ' -rwx0fg_d-b';
190
- rules += ' __c-3t1x';
186
+ rules += ' -rwx0fg_e-b';
187
+ rules += ' _9-3t1x';
191
188
  return rules;
192
189
  };
193
190
  const $cf1d656285911959$var$InternalDisclosureHeader = /*#__PURE__*/ (0, $7VHtn$createContext)(null);
@@ -220,7 +217,7 @@ function $cf1d656285911959$var$DisclosureHeaderWithForwardRef(props, ref) {
220
217
  ],
221
218
  children: /*#__PURE__*/ (0, $7VHtn$jsx)("div", {
222
219
  style: UNSAFE_style,
223
- className: (UNSAFE_className ?? '') + " _3d _5c hc ic",
220
+ className: (UNSAFE_className ?? '') + " _0d _2c ic jc",
224
221
  ref: domRef,
225
222
  children: children
226
223
  })
@@ -272,33 +269,33 @@ const $cf1d656285911959$export$7843c6a5b3e340a2 = /*#__PURE__*/ (0, $7VHtn$forwa
272
269
  });
273
270
  const $cf1d656285911959$var$panelStyles = function anonymous(props) {
274
271
  let rules = " .";
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';
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';
288
285
  rules += ' an';
289
- if (props.isExpanded) rules += ' Hd';
290
- if (props.isExpanded) rules += ' If';
286
+ if (props.isExpanded) rules += ' Ed';
287
+ if (props.isExpanded) rules += ' Ff';
291
288
  if (props.isExpanded) {
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';
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';
296
293
  }
297
294
  if (props.isExpanded) {
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';
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';
302
299
  }
303
300
  return rules;
304
301
  };
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA+BM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAuE;AAEpH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IAC1G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,cACP,UAAU,oBACV,OAAO,gBACP,YAAY,oBACZ,mBAAmB,IACpB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE,+CAAuB;IAElD,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC;gBAAmB;0BAAC;6BAAM;6BAAS;gBAAO;aAAE;SAC9C;kBACD,cAAA,gBAAC,CAAA,GAAA,iBAAY;YACV,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,iCAAW;yBAAC;2BAAS;YAAS,GAAG,MAAM,MAAM;sBAClF,MAAM,QAAQ;;;AAIvB;AAgBA,MAAM;AAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EN,MAAM;;;;;;;;;;;AAaN,MAAM,+DAA2B,CAAA,GAAA,oBAAY,EAAa;AAE1D,SAAS,qDAA+B,KAA4B,EAAE,GAA2B;IAC/F,IAAI,oBACF,gBAAgB,gBAChB,YAAY,YACZ,QAAQ,EACT,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAEjD,IAAI,UAAU;QACZ,GAAG;QACH,GAAG;QACH,GAAG;QACH,IAAI;IACN;IAEA,yIAAyI;IACzI,IAAI,UAAsD;IAC1D,IAAI,YAAY,WACd,UAAU,OAAO,CAAC,QAAQ,IAAI;IAGhC,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAkB;gBAAG;oBAAC,MAAM;6BAAS;gBAAO;aAAE;YAC/C;gBAAC;gBAA0B,CAAC;aAAE;SAC/B;kBACD,cAAA,gBAAC;YACC,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC;YACjC,KAAK;sBACJ;;;AAIT;AAKO,MAAM,4CAAiC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAKtE,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,SACF,QAAQ,iBACR,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IACjD,IAAI,QAAQ,cAAc;IAE1B,IAAI,8BACF,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,QAAQ;QACZ,OAAO;QACP,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;kBACtC,cAAA,iBAAC,CAAA,GAAA,aAAK;YAAE,WAAW,CAAC,cAAgB,mCAAa;oBAAC,GAAG,WAAW;0BAAE;6BAAM;6BAAS;gBAAO;YAAI,MAAK;;8BAC/F,gBAAC,CAAA,GAAA,yCAAa;8BACZ,cAAA,gBAAC,CAAA,GAAA,wCAAM;wBAAE,MAAM;wBAAM,WAAW,oCAAc;wCAAC;mCAAY;wBAAK;wBAAI,eAAY;;;gBAEjF,MAAM,QAAQ;;;;IAIrB,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,KACF,OAAO;IAGT,qBACE,gBAAC;kBACE;;AAGP;AAMA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBC,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,gBACF,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,QAAC,IAAI,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAC/B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,WAAW,CAAA,GAAA,gBAAQ,EAAE;IACzB,qBACE,gBAAC,CAAA,GAAA,sBAAiB;QACf,GAAG,QAAQ;QACZ,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,kCAAY;kBAAC;wBAAM;QAAU;kBAClE,MAAM,QAAQ;;AAGrB","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<Partial<DisclosureProps>, 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":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA+BM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAuE;AAEpH,MAAM;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IAC1G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,cACP,UAAU,oBACV,OAAO,gBACP,YAAY,oBACZ,mBAAmB,IACpB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE,+CAAuB;IAElD,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC;gBAAmB;0BAAC;6BAAM;6BAAS;gBAAO;aAAE;SAC9C;kBACD,cAAA,gBAAC,CAAA,GAAA,iBAAY;YACV,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,iCAAW;yBAAC;2BAAS;YAAS,GAAG,MAAM,MAAM;sBAClF,MAAM,QAAQ;;;AAIvB;AAgBA,MAAM;AAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EN,MAAM;;;;;;;;;;;AAaN,MAAM,+DAA2B,CAAA,GAAA,oBAAY,EAAa;AAE1D,SAAS,qDAA+B,KAA4B,EAAE,GAA2B;IAC/F,IAAI,oBACF,gBAAgB,gBAChB,YAAY,YACZ,QAAQ,EACT,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAEjD,IAAI,UAAU;QACZ,GAAG;QACH,GAAG;QACH,GAAG;QACH,IAAI;IACN;IAEA,yIAAyI;IACzI,IAAI,UAAsD;IAC1D,IAAI,YAAY,WACd,UAAU,OAAO,CAAC,QAAQ,IAAI;IAGhC,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAkB;gBAAG;oBAAC,MAAM;6BAAS;gBAAO;aAAE;YAC/C;gBAAC;gBAA0B,CAAC;aAAE;SAC/B;kBACD,cAAA,gBAAC;YACC,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC;YACjC,KAAK;sBACJ;;;AAIT;AAKO,MAAM,4CAAiC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAKtE,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,SACF,QAAQ,iBACR,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IACjD,IAAI,QAAQ,cAAc;IAE1B,IAAI,8BACF,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,QAAQ;QACZ,OAAO;QACP,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;kBACtC,cAAA,iBAAC,CAAA,GAAA,aAAK;YAAE,WAAW,CAAC,cAAgB,mCAAa;oBAAC,GAAG,WAAW;0BAAE;6BAAM;6BAAS;gBAAO;YAAI,MAAK;;8BAC/F,gBAAC,CAAA,GAAA,yCAAa;8BACZ,cAAA,gBAAC,CAAA,GAAA,wCAAM;wBAAE,MAAM;wBAAM,WAAW,oCAAc;wCAAC;mCAAY;wBAAK;wBAAI,eAAY;;;gBAEjF,MAAM,QAAQ;;;;IAIrB,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,KACF,OAAO;IAGT,qBACE,gBAAC;kBACE;;AAGP;AAMA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBC,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,gBACF,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,QAAC,IAAI,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAC/B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,WAAW,CAAA,GAAA,gBAAQ,EAAE;IACzB,qBACE,gBAAC,CAAA,GAAA,sBAAiB;QACf,GAAG,QAAQ;QACZ,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,kCAAY;kBAAC;wBAAM;QAAU;kBAClE,MAAM,QAAQ;;AAGrB","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<Partial<DisclosureProps>, 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)(?: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) || [];
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) || [];
35
35
  rules += matches.join('');
36
- let $_8 = false;
37
- let $D = false;
38
- let $E = false;
36
+ let $_5 = false;
37
+ let $A = false;
39
38
  let $B = false;
40
- let $C = false;
41
- let $k = false;
39
+ let $y = false;
40
+ let $z = false;
41
+ let $l = false;
42
42
  for (let p of matches){
43
- if (/^\s*_8/.test(p)) $_8 = true;
44
- if (/^\s*D/.test(p)) $D = true;
45
- if (/^\s*E/.test(p)) $E = true;
43
+ if (/^\s*_5/.test(p)) $_5 = true;
44
+ if (/^\s*A/.test(p)) $A = true;
46
45
  if (/^\s*B/.test(p)) $B = true;
47
- if (/^\s*C/.test(p)) $C = true;
48
- if (/^\s*k/.test(p)) $k = 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;
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 (!$_8) rules += ' _8e';
52
+ if (!$_5) rules += ' _5e';
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 += ' zf';
59
+ rules += ' wf';
60
+ rules += ' _wf';
61
+ rules += ' _xf';
62
+ rules += ' _yf';
60
63
  rules += ' _zf';
61
- rules += ' _Af';
62
- rules += ' _Bf';
63
- rules += ' _Cf';
64
- if (!$D) rules += ' Da';
65
- if (!$E) rules += ' Ea';
64
+ if (!$A) rules += ' Aa';
66
65
  if (!$B) rules += ' Ba';
67
- if (!$C) rules += ' Ca';
66
+ if (!$y) rules += ' ya';
67
+ if (!$z) rules += ' za';
68
68
  if (props.orientation === "horizontal") {
69
- if (props.size === "L") rules += ' j-3761a9';
70
- else if (props.size === "S") rules += ' j-375yri';
71
- else rules += ' j-375zlr';
69
+ if (props.size === "L") rules += ' k-3761a9';
70
+ else if (props.size === "S") rules += ' k-375yri';
71
+ else rules += ' k-375zlr';
72
72
  }
73
- if (!$k) {
73
+ if (!$l) {
74
74
  if (props.orientation === "vertical") {
75
- if (props.size === "L") rules += ' k-3761a9';
76
- else if (props.size === "S") rules += ' k-375yri';
77
- else rules += ' k-375zlr';
75
+ if (props.size === "L") rules += ' l-3761a9';
76
+ else if (props.size === "S") rules += ' l-375yri';
77
+ else rules += ' l-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
- ._8e {
10
+ ._5e {
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
- .zf {
30
+ .wf {
31
31
  border-style: none;
32
32
  }
33
33
 
34
- ._zf {
34
+ ._wf {
35
35
  border-start-start-radius: 9999px;
36
36
  }
37
37
 
38
- ._Af {
38
+ ._xf {
39
39
  border-start-end-radius: 9999px;
40
40
  }
41
41
 
42
- ._Bf {
42
+ ._yf {
43
43
  border-end-start-radius: 9999px;
44
44
  }
45
45
 
46
- ._Cf {
46
+ ._zf {
47
47
  border-end-end-radius: 9999px;
48
48
  }
49
49
 
50
- .Da {
50
+ .Aa {
51
51
  margin-top: 0;
52
52
  }
53
53
 
54
- .Ea {
54
+ .Ba {
55
55
  margin-bottom: 0;
56
56
  }
57
57
 
58
- .Ba {
58
+ .ya {
59
59
  margin-inline-start: 0;
60
60
  }
61
61
 
62
- .Ca {
62
+ .za {
63
63
  margin-inline-end: 0;
64
64
  }
65
65
 
66
- .j-375zlr {
66
+ .k-375zlr {
67
67
  height: 2px;
68
68
  }
69
69
 
70
- .j-375yri {
70
+ .k-375yri {
71
71
  height: 1px;
72
72
  }
73
73
 
74
- .j-3761a9 {
74
+ .k-3761a9 {
75
75
  height: 4px;
76
76
  }
77
77
 
78
- .k-375zlr {
78
+ .l-375zlr {
79
79
  width: 2px;
80
80
  }
81
81
 
82
- .k-375yri {
82
+ .l-375yri {
83
83
  width: 1px;
84
84
  }
85
85
 
86
- .k-3761a9 {
86
+ .l-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)(?: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) || [];
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) || [];
27
27
  rules += matches.join('');
28
- let $_8 = false;
29
- let $D = false;
30
- let $E = false;
28
+ let $_5 = false;
29
+ let $A = false;
31
30
  let $B = false;
32
- let $C = false;
33
- let $k = false;
31
+ let $y = false;
32
+ let $z = false;
33
+ let $l = false;
34
34
  for (let p of matches){
35
- if (/^\s*_8/.test(p)) $_8 = true;
36
- if (/^\s*D/.test(p)) $D = true;
37
- if (/^\s*E/.test(p)) $E = true;
35
+ if (/^\s*_5/.test(p)) $_5 = true;
36
+ if (/^\s*A/.test(p)) $A = true;
38
37
  if (/^\s*B/.test(p)) $B = true;
39
- if (/^\s*C/.test(p)) $C = true;
40
- if (/^\s*k/.test(p)) $k = 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;
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 (!$_8) rules += ' _8e';
44
+ if (!$_5) rules += ' _5e';
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 += ' zf';
51
+ rules += ' wf';
52
+ rules += ' _wf';
53
+ rules += ' _xf';
54
+ rules += ' _yf';
52
55
  rules += ' _zf';
53
- rules += ' _Af';
54
- rules += ' _Bf';
55
- rules += ' _Cf';
56
- if (!$D) rules += ' Da';
57
- if (!$E) rules += ' Ea';
56
+ if (!$A) rules += ' Aa';
58
57
  if (!$B) rules += ' Ba';
59
- if (!$C) rules += ' Ca';
58
+ if (!$y) rules += ' ya';
59
+ if (!$z) rules += ' za';
60
60
  if (props.orientation === "horizontal") {
61
- if (props.size === "L") rules += ' j-3761a9';
62
- else if (props.size === "S") rules += ' j-375yri';
63
- else rules += ' j-375zlr';
61
+ if (props.size === "L") rules += ' k-3761a9';
62
+ else if (props.size === "S") rules += ' k-375yri';
63
+ else rules += ' k-375zlr';
64
64
  }
65
- if (!$k) {
65
+ if (!$l) {
66
66
  if (props.orientation === "vertical") {
67
- if (props.size === "L") rules += ' k-3761a9';
68
- else if (props.size === "S") rules += ' k-375yri';
69
- else rules += ' k-375zlr';
67
+ if (props.size === "L") rules += ' l-3761a9';
68
+ else if (props.size === "S") rules += ' l-375yri';
69
+ else rules += ' l-375zlr';
70
70
  }
71
71
  }
72
72
  return rules;