@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.
- package/dist/Accordion.cjs +3 -3
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +3 -3
- package/dist/ActionBar.cjs +47 -47
- package/dist/ActionBar.css +51 -51
- package/dist/ActionBar.mjs +47 -47
- package/dist/ActionButton.cjs +97 -97
- package/dist/ActionButton.css +96 -96
- package/dist/ActionButton.mjs +97 -97
- package/dist/ActionButtonGroup.cjs +11 -11
- package/dist/ActionButtonGroup.css +9 -9
- package/dist/ActionButtonGroup.mjs +11 -11
- package/dist/AlertDialog.cjs +3 -3
- package/dist/AlertDialog.css +3 -3
- package/dist/AlertDialog.mjs +3 -3
- package/dist/Avatar.cjs +17 -17
- package/dist/Avatar.css +14 -14
- package/dist/Avatar.mjs +17 -17
- package/dist/AvatarGroup.cjs +100 -100
- package/dist/AvatarGroup.css +34 -34
- package/dist/AvatarGroup.mjs +100 -100
- package/dist/Badge.cjs +91 -67
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css +163 -91
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs +91 -67
- package/dist/Badge.mjs.map +1 -1
- package/dist/Breadcrumbs.cjs +115 -115
- package/dist/Breadcrumbs.css +89 -89
- package/dist/Breadcrumbs.mjs +115 -115
- package/dist/Button.cjs +236 -152
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +309 -165
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +236 -152
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +19 -19
- package/dist/ButtonGroup.css +15 -15
- package/dist/ButtonGroup.mjs +19 -19
- package/dist/Card.cjs +264 -261
- package/dist/Card.cjs.map +1 -1
- package/dist/Card.css +210 -198
- package/dist/Card.css.map +1 -1
- package/dist/Card.mjs +264 -261
- package/dist/Card.mjs.map +1 -1
- package/dist/CardView.cjs +15 -15
- package/dist/CardView.css +18 -18
- package/dist/CardView.mjs +15 -15
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +124 -73
- package/dist/Checkbox.cjs.map +1 -1
- package/dist/Checkbox.css +201 -81
- package/dist/Checkbox.css.map +1 -1
- package/dist/Checkbox.mjs +124 -73
- package/dist/Checkbox.mjs.map +1 -1
- package/dist/CheckboxGroup.cjs +49 -49
- package/dist/CheckboxGroup.css +41 -41
- package/dist/CheckboxGroup.mjs +49 -49
- package/dist/ClearButton.cjs +15 -15
- package/dist/ClearButton.css +17 -17
- package/dist/ClearButton.mjs +15 -15
- package/dist/CloseButton.cjs +35 -35
- package/dist/CloseButton.css +33 -33
- package/dist/CloseButton.mjs +35 -35
- package/dist/ColorArea.cjs +22 -22
- package/dist/ColorArea.css +15 -15
- package/dist/ColorArea.mjs +22 -22
- package/dist/ColorField.cjs +38 -38
- package/dist/ColorField.css +32 -32
- package/dist/ColorField.mjs +38 -38
- package/dist/ColorHandle.cjs +27 -21
- package/dist/ColorHandle.cjs.map +1 -1
- package/dist/ColorHandle.css +93 -45
- package/dist/ColorHandle.css.map +1 -1
- package/dist/ColorHandle.mjs +27 -21
- package/dist/ColorHandle.mjs.map +1 -1
- package/dist/ColorSlider.cjs +52 -52
- package/dist/ColorSlider.css +51 -51
- package/dist/ColorSlider.mjs +52 -52
- package/dist/ColorSwatch.cjs +27 -24
- package/dist/ColorSwatch.cjs.map +1 -1
- package/dist/ColorSwatch.css +41 -29
- package/dist/ColorSwatch.css.map +1 -1
- package/dist/ColorSwatch.mjs +27 -24
- package/dist/ColorSwatch.mjs.map +1 -1
- package/dist/ColorSwatchPicker.cjs +23 -23
- package/dist/ColorSwatchPicker.css +60 -48
- package/dist/ColorSwatchPicker.css.map +1 -1
- package/dist/ColorSwatchPicker.mjs +23 -23
- package/dist/ColorWheel.cjs +22 -22
- package/dist/ColorWheel.css +16 -16
- package/dist/ColorWheel.mjs +22 -22
- package/dist/ComboBox.cjs +80 -80
- package/dist/ComboBox.css +88 -88
- package/dist/ComboBox.mjs +80 -80
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +38 -38
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/CustomDialog.cjs +31 -31
- package/dist/CustomDialog.css +25 -25
- package/dist/CustomDialog.mjs +31 -31
- package/dist/Dialog.cjs +17 -17
- package/dist/Dialog.css +64 -64
- package/dist/Dialog.mjs +17 -17
- package/dist/Disclosure.cjs +111 -108
- package/dist/Disclosure.cjs.map +1 -1
- package/dist/Disclosure.css +124 -112
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs +111 -108
- package/dist/Disclosure.mjs.map +1 -1
- package/dist/Divider.cjs +26 -26
- package/dist/Divider.css +16 -16
- package/dist/Divider.mjs +26 -26
- package/dist/DropZone.cjs +56 -47
- package/dist/DropZone.cjs.map +1 -1
- package/dist/DropZone.css +80 -56
- package/dist/DropZone.css.map +1 -1
- package/dist/DropZone.mjs +56 -47
- package/dist/DropZone.mjs.map +1 -1
- package/dist/Field.cjs +204 -150
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +246 -150
- package/dist/Field.css.map +1 -1
- package/dist/Field.mjs +204 -150
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +10 -10
- package/dist/Form.css +9 -9
- package/dist/Form.mjs +10 -10
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +72 -72
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +134 -134
- package/dist/IllustratedMessage.css +69 -69
- package/dist/IllustratedMessage.mjs +134 -134
- package/dist/Image.cjs +12 -12
- package/dist/Image.css +13 -13
- package/dist/Image.mjs +12 -12
- package/dist/InlineAlert.cjs +104 -77
- package/dist/InlineAlert.cjs.map +1 -1
- package/dist/InlineAlert.css +149 -77
- package/dist/InlineAlert.css.map +1 -1
- package/dist/InlineAlert.mjs +104 -77
- package/dist/InlineAlert.mjs.map +1 -1
- package/dist/Link.cjs +31 -31
- package/dist/Link.css +30 -30
- package/dist/Link.mjs +31 -31
- package/dist/Menu.cjs +269 -264
- package/dist/Menu.cjs.map +1 -1
- package/dist/Menu.css +152 -152
- package/dist/Menu.css.map +1 -1
- package/dist/Menu.mjs +270 -265
- package/dist/Menu.mjs.map +1 -1
- package/dist/Meter.cjs +85 -85
- package/dist/Meter.css +81 -81
- package/dist/Meter.mjs +85 -85
- package/dist/Modal.cjs +48 -48
- package/dist/Modal.css +46 -46
- package/dist/Modal.mjs +48 -48
- package/dist/NumberField.cjs +115 -115
- package/dist/NumberField.css +114 -114
- package/dist/NumberField.mjs +115 -115
- package/dist/Picker.cjs +193 -175
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +223 -163
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +193 -175
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +84 -78
- package/dist/Popover.cjs.map +1 -1
- package/dist/Popover.css +89 -65
- package/dist/Popover.css.map +1 -1
- package/dist/Popover.mjs +84 -78
- package/dist/Popover.mjs.map +1 -1
- package/dist/ProgressBar.cjs +98 -98
- package/dist/ProgressBar.css +92 -92
- package/dist/ProgressBar.mjs +98 -98
- package/dist/ProgressCircle.cjs +17 -17
- package/dist/ProgressCircle.css +15 -15
- package/dist/ProgressCircle.mjs +17 -17
- package/dist/Provider.cjs +4 -4
- package/dist/Provider.css +5 -5
- package/dist/Provider.mjs +4 -4
- package/dist/Radio.cjs +152 -80
- package/dist/Radio.cjs.map +1 -1
- package/dist/Radio.css +240 -96
- package/dist/Radio.css.map +1 -1
- package/dist/Radio.mjs +152 -80
- package/dist/Radio.mjs.map +1 -1
- package/dist/RadioGroup.cjs +47 -47
- package/dist/RadioGroup.css +41 -41
- package/dist/RadioGroup.mjs +47 -47
- package/dist/SearchField.cjs +42 -42
- package/dist/SearchField.css +47 -47
- package/dist/SearchField.mjs +42 -42
- package/dist/SegmentedControl.cjs +101 -89
- package/dist/SegmentedControl.cjs.map +1 -1
- package/dist/SegmentedControl.css +140 -92
- package/dist/SegmentedControl.css.map +1 -1
- package/dist/SegmentedControl.mjs +101 -89
- package/dist/SegmentedControl.mjs.map +1 -1
- package/dist/Slider.cjs +229 -196
- package/dist/Slider.cjs.map +1 -1
- package/dist/Slider.css +221 -149
- package/dist/Slider.css.map +1 -1
- package/dist/Slider.mjs +229 -196
- package/dist/Slider.mjs.map +1 -1
- package/dist/StatusLight.cjs +56 -56
- package/dist/StatusLight.css +59 -59
- package/dist/StatusLight.mjs +56 -56
- package/dist/Switch.cjs +107 -74
- package/dist/Switch.cjs.map +1 -1
- package/dist/Switch.css +141 -69
- package/dist/Switch.css.map +1 -1
- package/dist/Switch.mjs +107 -74
- package/dist/Switch.mjs.map +1 -1
- package/dist/TableView.cjs +280 -253
- package/dist/TableView.cjs.map +1 -1
- package/dist/TableView.css +199 -163
- package/dist/TableView.css.map +1 -1
- package/dist/TableView.mjs +280 -253
- package/dist/TableView.mjs.map +1 -1
- package/dist/Tabs.cjs +83 -83
- package/dist/Tabs.css +58 -58
- package/dist/Tabs.mjs +83 -83
- package/dist/TagGroup.cjs +148 -148
- package/dist/TagGroup.css +134 -134
- package/dist/TagGroup.mjs +148 -148
- package/dist/TextField.cjs +59 -59
- package/dist/TextField.css +62 -62
- package/dist/TextField.mjs +59 -59
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +12 -12
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +60 -57
- package/dist/Tooltip.cjs.map +1 -1
- package/dist/Tooltip.css +83 -71
- package/dist/Tooltip.css.map +1 -1
- package/dist/Tooltip.mjs +60 -57
- package/dist/Tooltip.mjs.map +1 -1
- package/dist/TreeView.cjs +465 -0
- package/dist/TreeView.cjs.map +1 -0
- package/dist/TreeView.css +632 -0
- package/dist/TreeView.css.map +1 -0
- package/dist/TreeView.mjs +455 -0
- package/dist/TreeView.mjs.map +1 -0
- package/dist/main.cjs +4 -0
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +3 -1
- package/dist/module.mjs.map +1 -1
- package/dist/types.d.ts +21 -1
- package/dist/types.d.ts.map +1 -1
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.css +5 -5
- package/icons/Skeleton.mjs +2 -2
- package/package.json +20 -19
- package/src/Menu.tsx +2 -0
- package/src/TreeView.tsx +497 -0
- package/src/index.ts +2 -0
- package/style/__tests__/style-macro.test.js +18 -18
- package/style/dist/spectrum-theme.cjs +20 -10
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +20 -10
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/types.d.ts +4 -0
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +18 -11
package/dist/Disclosure.mjs
CHANGED
|
@@ -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)(?:
|
|
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 $
|
|
37
|
-
for (let p of matches)if (/^\s*
|
|
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 += '
|
|
40
|
-
else rules += '
|
|
39
|
+
if (props.isQuiet) rules += ' ta';
|
|
40
|
+
else rules += ' tb';
|
|
41
41
|
if (props.isInGroup) {
|
|
42
|
-
if (props.isQuiet) rules += '
|
|
43
|
-
else rules += '
|
|
44
|
-
rules += '
|
|
45
|
-
} else if (props.isQuiet) rules += '
|
|
46
|
-
else rules += '
|
|
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 += '
|
|
49
|
-
rules += '
|
|
50
|
-
rules += '
|
|
51
|
-
|
|
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 = "
|
|
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 += '
|
|
86
|
-
else rules += '
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
89
|
-
rules += '
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
92
|
-
rules += '
|
|
93
|
-
rules += '
|
|
94
|
-
rules += '
|
|
95
|
-
rules += '
|
|
96
|
-
rules += '
|
|
97
|
-
rules += '
|
|
98
|
-
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';
|
|
99
102
|
if (props.size === "XL") {
|
|
100
|
-
rules += '
|
|
101
|
-
rules += '
|
|
103
|
+
rules += ' _hbo';
|
|
104
|
+
rules += ' _hn';
|
|
102
105
|
} else if (props.size === "L") {
|
|
103
|
-
rules += '
|
|
104
|
-
rules += '
|
|
106
|
+
rules += ' _hbm';
|
|
107
|
+
rules += ' _hj';
|
|
105
108
|
} else if (props.size === "M") {
|
|
106
|
-
rules += '
|
|
107
|
-
rules += '
|
|
109
|
+
rules += ' _hbl';
|
|
110
|
+
rules += ' _hk';
|
|
108
111
|
} else if (props.size === "S") {
|
|
109
|
-
rules += '
|
|
110
|
-
rules += '
|
|
112
|
+
rules += ' _hbj';
|
|
113
|
+
rules += ' _hi';
|
|
111
114
|
}
|
|
112
|
-
rules += '
|
|
113
|
-
rules += '
|
|
114
|
-
rules += '
|
|
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 += '
|
|
123
|
-
rules += '
|
|
124
|
-
rules += '
|
|
125
|
-
rules += '
|
|
126
|
-
rules += '
|
|
127
|
-
rules += '
|
|
128
|
-
rules += '
|
|
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 += '
|
|
131
|
-
rules += '
|
|
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 += '
|
|
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 += '
|
|
157
|
-
rules += '
|
|
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 += ' -
|
|
160
|
-
else if (props.density === "regular") rules += ' -
|
|
161
|
-
else if (props.density === "compact") rules += ' -
|
|
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 += ' -
|
|
164
|
-
else if (props.density === "regular") rules += ' -
|
|
165
|
-
else if (props.density === "compact") rules += ' -
|
|
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 += ' -
|
|
168
|
-
else if (props.density === "regular") rules += ' -
|
|
169
|
-
else if (props.density === "compact") rules += ' -
|
|
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 += ' -
|
|
172
|
-
else if (props.density === "regular") rules += ' -
|
|
173
|
-
else if (props.density === "compact") rules += ' -
|
|
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 += '
|
|
182
|
-
else if (props.isRTL) rules += '
|
|
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 += ' -
|
|
187
|
-
rules += '
|
|
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 ?? '') + "
|
|
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 += '
|
|
273
|
-
rules += '
|
|
274
|
-
rules += '
|
|
275
|
-
rules += '
|
|
276
|
-
rules += '
|
|
277
|
-
rules += '
|
|
278
|
-
rules += '
|
|
279
|
-
rules += '
|
|
280
|
-
rules += '
|
|
281
|
-
rules += '
|
|
282
|
-
rules += '
|
|
283
|
-
rules += '
|
|
284
|
-
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';
|
|
285
288
|
rules += ' an';
|
|
286
|
-
if (props.isExpanded) rules += '
|
|
287
|
-
if (props.isExpanded) rules += '
|
|
289
|
+
if (props.isExpanded) rules += ' Hd';
|
|
290
|
+
if (props.isExpanded) rules += ' If';
|
|
288
291
|
if (props.isExpanded) {
|
|
289
|
-
if (props.size === "XL") rules += '
|
|
290
|
-
else if (props.size === "L") rules += '
|
|
291
|
-
else if (props.size === "M") rules += '
|
|
292
|
-
else if (props.size === "S") rules += '
|
|
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 += '
|
|
296
|
-
else if (props.size === "L") rules += '
|
|
297
|
-
else if (props.size === "M") rules += '
|
|
298
|
-
else if (props.size === "S") rules += '
|
|
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
|
};
|
package/dist/Disclosure.mjs.map
CHANGED
|
@@ -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)(?:
|
|
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 $
|
|
37
|
-
let $
|
|
36
|
+
let $_8 = false;
|
|
37
|
+
let $D = false;
|
|
38
|
+
let $E = false;
|
|
38
39
|
let $B = false;
|
|
39
|
-
let $
|
|
40
|
-
let $
|
|
41
|
-
let $l = false;
|
|
40
|
+
let $C = false;
|
|
41
|
+
let $k = false;
|
|
42
42
|
for (let p of matches){
|
|
43
|
-
if (/^\s*
|
|
44
|
-
if (/^\s*
|
|
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*
|
|
47
|
-
if (/^\s*
|
|
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 (!$
|
|
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 += '
|
|
60
|
-
rules += ' _wf';
|
|
61
|
-
rules += ' _xf';
|
|
62
|
-
rules += ' _yf';
|
|
59
|
+
rules += ' zf';
|
|
63
60
|
rules += ' _zf';
|
|
64
|
-
|
|
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 (!$
|
|
67
|
-
if (!$z) rules += ' za';
|
|
67
|
+
if (!$C) rules += ' Ca';
|
|
68
68
|
if (props.orientation === "horizontal") {
|
|
69
|
-
if (props.size === "L") rules += '
|
|
70
|
-
else if (props.size === "S") rules += '
|
|
71
|
-
else rules += '
|
|
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 (!$
|
|
73
|
+
if (!$k) {
|
|
74
74
|
if (props.orientation === "vertical") {
|
|
75
|
-
if (props.size === "L") rules += '
|
|
76
|
-
else if (props.size === "S") rules += '
|
|
77
|
-
else rules += '
|
|
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
|
-
.
|
|
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
|
-
.
|
|
30
|
+
.zf {
|
|
31
31
|
border-style: none;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
._zf {
|
|
35
35
|
border-start-start-radius: 9999px;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
._Af {
|
|
39
39
|
border-start-end-radius: 9999px;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
._Bf {
|
|
43
43
|
border-end-start-radius: 9999px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._Cf {
|
|
47
47
|
border-end-end-radius: 9999px;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
.Da {
|
|
51
51
|
margin-top: 0;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
.Ea {
|
|
55
55
|
margin-bottom: 0;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
.Ba {
|
|
59
59
|
margin-inline-start: 0;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
.Ca {
|
|
63
63
|
margin-inline-end: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
.j-375zlr {
|
|
67
67
|
height: 2px;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
.j-375yri {
|
|
71
71
|
height: 1px;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.
|
|
74
|
+
.j-3761a9 {
|
|
75
75
|
height: 4px;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
.k-375zlr {
|
|
79
79
|
width: 2px;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.
|
|
82
|
+
.k-375yri {
|
|
83
83
|
width: 1px;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.
|
|
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)(?:
|
|
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 $
|
|
29
|
-
let $
|
|
28
|
+
let $_8 = false;
|
|
29
|
+
let $D = false;
|
|
30
|
+
let $E = false;
|
|
30
31
|
let $B = false;
|
|
31
|
-
let $
|
|
32
|
-
let $
|
|
33
|
-
let $l = false;
|
|
32
|
+
let $C = false;
|
|
33
|
+
let $k = false;
|
|
34
34
|
for (let p of matches){
|
|
35
|
-
if (/^\s*
|
|
36
|
-
if (/^\s*
|
|
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*
|
|
39
|
-
if (/^\s*
|
|
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 (!$
|
|
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 += '
|
|
52
|
-
rules += ' _wf';
|
|
53
|
-
rules += ' _xf';
|
|
54
|
-
rules += ' _yf';
|
|
51
|
+
rules += ' zf';
|
|
55
52
|
rules += ' _zf';
|
|
56
|
-
|
|
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 (!$
|
|
59
|
-
if (!$z) rules += ' za';
|
|
59
|
+
if (!$C) rules += ' Ca';
|
|
60
60
|
if (props.orientation === "horizontal") {
|
|
61
|
-
if (props.size === "L") rules += '
|
|
62
|
-
else if (props.size === "S") rules += '
|
|
63
|
-
else rules += '
|
|
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 (!$
|
|
65
|
+
if (!$k) {
|
|
66
66
|
if (props.orientation === "vertical") {
|
|
67
|
-
if (props.size === "L") rules += '
|
|
68
|
-
else if (props.size === "S") rules += '
|
|
69
|
-
else rules += '
|
|
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;
|