@react-spectrum/button 3.16.2 → 3.16.4
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/ActionButton.main.js +97 -0
- package/dist/ActionButton.main.js.map +1 -0
- package/dist/ActionButton.mjs +92 -0
- package/dist/ActionButton.module.js +92 -0
- package/dist/ActionButton.module.js.map +1 -0
- package/dist/Button.main.js +177 -0
- package/dist/Button.main.js.map +1 -0
- package/dist/Button.mjs +172 -0
- package/dist/Button.module.js +172 -0
- package/dist/Button.module.js.map +1 -0
- package/dist/ClearButton.main.js +75 -0
- package/dist/ClearButton.main.js.map +1 -0
- package/dist/ClearButton.mjs +70 -0
- package/dist/ClearButton.module.js +70 -0
- package/dist/ClearButton.module.js.map +1 -0
- package/dist/FieldButton.main.js +72 -0
- package/dist/FieldButton.main.js.map +1 -0
- package/dist/FieldButton.mjs +67 -0
- package/dist/FieldButton.module.js +67 -0
- package/dist/FieldButton.module.js.map +1 -0
- package/dist/LogicButton.main.js +70 -0
- package/dist/LogicButton.main.js.map +1 -0
- package/dist/LogicButton.mjs +65 -0
- package/dist/LogicButton.module.js +65 -0
- package/dist/LogicButton.module.js.map +1 -0
- package/dist/ToggleButton.main.js +90 -0
- package/dist/ToggleButton.main.js.map +1 -0
- package/dist/ToggleButton.mjs +85 -0
- package/dist/ToggleButton.module.js +85 -0
- package/dist/ToggleButton.module.js.map +1 -0
- package/dist/button_vars_css.main.js +122 -0
- package/dist/button_vars_css.main.js.map +1 -0
- package/dist/button_vars_css.mjs +124 -0
- package/dist/button_vars_css.module.js +124 -0
- package/dist/button_vars_css.module.js.map +1 -0
- package/dist/import.mjs +6 -678
- package/dist/intlStrings.main.js +108 -0
- package/dist/intlStrings.main.js.map +1 -0
- package/dist/intlStrings.mjs +110 -0
- package/dist/intlStrings.module.js +110 -0
- package/dist/intlStrings.module.js.map +1 -0
- package/dist/main.js +12 -680
- package/dist/main.js.map +1 -1
- package/dist/module.js +6 -678
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +6 -6
- package/dist/types.d.ts.map +1 -1
- package/dist/{main.css → vars.4fe44343.css} +46 -150
- package/dist/vars.4fe44343.css.map +1 -0
- package/package.json +15 -15
- package/src/ActionButton.tsx +27 -15
- package/dist/main.css.map +0 -1
package/dist/main.js
CHANGED
@@ -1,67 +1,21 @@
|
|
1
|
-
var $
|
2
|
-
var $
|
3
|
-
var $
|
4
|
-
var $
|
5
|
-
var $
|
6
|
-
var $
|
7
|
-
var $e400898e815c69b7$exports = require("./en-US.main.js");
|
8
|
-
var $6d85accad7f1b1b0$exports = require("./es-ES.main.js");
|
9
|
-
var $8bd503882fd613bd$exports = require("./et-EE.main.js");
|
10
|
-
var $23d05f8457cd40f2$exports = require("./fi-FI.main.js");
|
11
|
-
var $e63063aea75f1c21$exports = require("./fr-FR.main.js");
|
12
|
-
var $9906c3303b98f896$exports = require("./he-IL.main.js");
|
13
|
-
var $8e94047ff7a4f28e$exports = require("./hr-HR.main.js");
|
14
|
-
var $29cc0bceb80e8c91$exports = require("./hu-HU.main.js");
|
15
|
-
var $986fbd55bef3d71d$exports = require("./it-IT.main.js");
|
16
|
-
var $7f1ef5a9cae227cd$exports = require("./ja-JP.main.js");
|
17
|
-
var $9d9c1e7e8c3604b6$exports = require("./ko-KR.main.js");
|
18
|
-
var $bb0c9e2a421c29e6$exports = require("./lt-LT.main.js");
|
19
|
-
var $d4bcb4a7735702a6$exports = require("./lv-LV.main.js");
|
20
|
-
var $bbac6f483322e4cb$exports = require("./nb-NO.main.js");
|
21
|
-
var $2e38f272eed1ee93$exports = require("./nl-NL.main.js");
|
22
|
-
var $efdabc3b4ba6ae3a$exports = require("./pl-PL.main.js");
|
23
|
-
var $32c199c1c0b84ea6$exports = require("./pt-BR.main.js");
|
24
|
-
var $4525387e786c4e45$exports = require("./pt-PT.main.js");
|
25
|
-
var $946eea38cb062cf0$exports = require("./ro-RO.main.js");
|
26
|
-
var $fe41a7461b3fc080$exports = require("./ru-RU.main.js");
|
27
|
-
var $2d1b4cc9945c3226$exports = require("./sk-SK.main.js");
|
28
|
-
var $5d18d41ac4266fa7$exports = require("./sl-SI.main.js");
|
29
|
-
var $b2209169f376772d$exports = require("./sr-SP.main.js");
|
30
|
-
var $d3ab0389431476ca$exports = require("./sv-SE.main.js");
|
31
|
-
var $33bce89e4fc9865a$exports = require("./tr-TR.main.js");
|
32
|
-
var $a803ef1dfa0d114e$exports = require("./uk-UA.main.js");
|
33
|
-
var $732189c02a0cbea0$exports = require("./zh-CN.main.js");
|
34
|
-
var $feaa03429c1f5a33$exports = require("./zh-TW.main.js");
|
35
|
-
require("./main.css");
|
36
|
-
var $IPaYO$reactspectrumutils = require("@react-spectrum/utils");
|
37
|
-
var $IPaYO$reactariafocus = require("@react-aria/focus");
|
38
|
-
var $IPaYO$reactariautils = require("@react-aria/utils");
|
39
|
-
var $IPaYO$reactspectrumprogress = require("@react-spectrum/progress");
|
40
|
-
var $IPaYO$react = require("react");
|
41
|
-
var $IPaYO$reactspectrumtext = require("@react-spectrum/text");
|
42
|
-
var $IPaYO$reactariabutton = require("@react-aria/button");
|
43
|
-
var $IPaYO$reactariainteractions = require("@react-aria/interactions");
|
44
|
-
var $IPaYO$reactariai18n = require("@react-aria/i18n");
|
45
|
-
var $IPaYO$reactspectrumprovider = require("@react-spectrum/provider");
|
46
|
-
var $IPaYO$spectrumiconsuiCornerTriangle = require("@spectrum-icons/ui/CornerTriangle");
|
47
|
-
var $IPaYO$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
|
48
|
-
var $IPaYO$reactstatelytoggle = require("@react-stately/toggle");
|
1
|
+
var $842a195ed1671b15$exports = require("./Button.main.js");
|
2
|
+
var $65dbde0e8e7aba71$exports = require("./ActionButton.main.js");
|
3
|
+
var $5931ec1ea1ec1b0d$exports = require("./FieldButton.main.js");
|
4
|
+
var $3bd294eda342b0c4$exports = require("./LogicButton.main.js");
|
5
|
+
var $9c84a434f1c9da63$exports = require("./ClearButton.main.js");
|
6
|
+
var $b5c927da7d8f1be6$exports = require("./ToggleButton.main.js");
|
49
7
|
|
50
8
|
|
51
9
|
function $parcel$export(e, n, v, s) {
|
52
10
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
53
11
|
}
|
54
12
|
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
$parcel$export(module.exports, "
|
60
|
-
$parcel$export(module.exports, "
|
61
|
-
$parcel$export(module.exports, "FieldButton", () => $5931ec1ea1ec1b0d$export$47dc48f595b075da);
|
62
|
-
$parcel$export(module.exports, "LogicButton", () => $3bd294eda342b0c4$export$9b0b80fed00ba8b1);
|
63
|
-
$parcel$export(module.exports, "ClearButton", () => $9c84a434f1c9da63$export$13ec83e50bf04290);
|
64
|
-
$parcel$export(module.exports, "ToggleButton", () => $b5c927da7d8f1be6$export$d2b052e7b4be1756);
|
13
|
+
$parcel$export(module.exports, "Button", () => $842a195ed1671b15$exports.Button);
|
14
|
+
$parcel$export(module.exports, "ActionButton", () => $65dbde0e8e7aba71$exports.ActionButton);
|
15
|
+
$parcel$export(module.exports, "FieldButton", () => $5931ec1ea1ec1b0d$exports.FieldButton);
|
16
|
+
$parcel$export(module.exports, "LogicButton", () => $3bd294eda342b0c4$exports.LogicButton);
|
17
|
+
$parcel$export(module.exports, "ClearButton", () => $9c84a434f1c9da63$exports.ClearButton);
|
18
|
+
$parcel$export(module.exports, "ToggleButton", () => $b5c927da7d8f1be6$exports.ToggleButton);
|
65
19
|
/*
|
66
20
|
* Copyright 2020 Adobe. All rights reserved.
|
67
21
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
@@ -73,632 +27,10 @@ $parcel$export(module.exports, "ToggleButton", () => $b5c927da7d8f1be6$export$d2
|
|
73
27
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
74
28
|
* governing permissions and limitations under the License.
|
75
29
|
*/ /// <reference types="css-module-types" />
|
76
|
-
/*
|
77
|
-
* Copyright 2020 Adobe. All rights reserved.
|
78
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
79
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
80
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
81
|
-
*
|
82
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
83
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
84
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
85
|
-
* governing permissions and limitations under the License.
|
86
|
-
*/
|
87
|
-
|
88
|
-
var $b2da92ebd9a2bc00$exports = {};
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
30
|
|
118
31
|
|
119
32
|
|
120
33
|
|
121
|
-
|
122
|
-
|
123
|
-
$b2da92ebd9a2bc00$exports = {
|
124
|
-
"ar-AE": $8dfbe9f11d8f0c18$exports,
|
125
|
-
"bg-BG": $f1d09da51b7863de$exports,
|
126
|
-
"cs-CZ": $a938a0b253d9f247$exports,
|
127
|
-
"da-DK": $cf0c54eea40f6fcb$exports,
|
128
|
-
"de-DE": $4748cd40594ea272$exports,
|
129
|
-
"el-GR": $650c1cff0501e881$exports,
|
130
|
-
"en-US": $e400898e815c69b7$exports,
|
131
|
-
"es-ES": $6d85accad7f1b1b0$exports,
|
132
|
-
"et-EE": $8bd503882fd613bd$exports,
|
133
|
-
"fi-FI": $23d05f8457cd40f2$exports,
|
134
|
-
"fr-FR": $e63063aea75f1c21$exports,
|
135
|
-
"he-IL": $9906c3303b98f896$exports,
|
136
|
-
"hr-HR": $8e94047ff7a4f28e$exports,
|
137
|
-
"hu-HU": $29cc0bceb80e8c91$exports,
|
138
|
-
"it-IT": $986fbd55bef3d71d$exports,
|
139
|
-
"ja-JP": $7f1ef5a9cae227cd$exports,
|
140
|
-
"ko-KR": $9d9c1e7e8c3604b6$exports,
|
141
|
-
"lt-LT": $bb0c9e2a421c29e6$exports,
|
142
|
-
"lv-LV": $d4bcb4a7735702a6$exports,
|
143
|
-
"nb-NO": $bbac6f483322e4cb$exports,
|
144
|
-
"nl-NL": $2e38f272eed1ee93$exports,
|
145
|
-
"pl-PL": $efdabc3b4ba6ae3a$exports,
|
146
|
-
"pt-BR": $32c199c1c0b84ea6$exports,
|
147
|
-
"pt-PT": $4525387e786c4e45$exports,
|
148
|
-
"ro-RO": $946eea38cb062cf0$exports,
|
149
|
-
"ru-RU": $fe41a7461b3fc080$exports,
|
150
|
-
"sk-SK": $2d1b4cc9945c3226$exports,
|
151
|
-
"sl-SI": $5d18d41ac4266fa7$exports,
|
152
|
-
"sr-SP": $b2209169f376772d$exports,
|
153
|
-
"sv-SE": $d3ab0389431476ca$exports,
|
154
|
-
"tr-TR": $33bce89e4fc9865a$exports,
|
155
|
-
"uk-UA": $a803ef1dfa0d114e$exports,
|
156
|
-
"zh-CN": $732189c02a0cbea0$exports,
|
157
|
-
"zh-TW": $feaa03429c1f5a33$exports
|
158
|
-
};
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
var $afc5a4514aca2340$exports = {};
|
165
|
-
|
166
|
-
$parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
|
167
|
-
$parcel$export($afc5a4514aca2340$exports, "i18nFontFamily", () => $afc5a4514aca2340$export$8c4ee2c50c22c514, (v) => $afc5a4514aca2340$export$8c4ee2c50c22c514 = v);
|
168
|
-
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
169
|
-
$parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
|
170
|
-
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
171
|
-
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
172
|
-
$parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
|
173
|
-
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
174
|
-
$parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
|
175
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-BaseButton", () => $afc5a4514aca2340$export$f7b415378ab4f839, (v) => $afc5a4514aca2340$export$f7b415378ab4f839 = v);
|
176
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing-ring", () => $afc5a4514aca2340$export$4109102f950813a6, (v) => $afc5a4514aca2340$export$4109102f950813a6 = v);
|
177
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing", () => $afc5a4514aca2340$export$24c7f46a6e3605dd, (v) => $afc5a4514aca2340$export$24c7f46a6e3605dd = v);
|
178
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
179
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
|
180
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
181
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
|
182
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
|
183
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
|
184
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
185
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
186
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
187
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
188
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
189
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--pending", () => $afc5a4514aca2340$export$54592d0984f245d5, (v) => $afc5a4514aca2340$export$54592d0984f245d5 = v);
|
190
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-circleLoader", () => $afc5a4514aca2340$export$76d4531f0342bbe0, (v) => $afc5a4514aca2340$export$76d4531f0342bbe0 = v);
|
191
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
192
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
193
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
194
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
|
195
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
196
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
197
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing--quiet", () => $afc5a4514aca2340$export$2927016961429360, (v) => $afc5a4514aca2340$export$2927016961429360 = v);
|
198
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
|
199
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
|
200
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
201
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
|
202
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
|
203
|
-
var $afc5a4514aca2340$export$f39a09f249340e2a;
|
204
|
-
var $afc5a4514aca2340$export$8c4ee2c50c22c514;
|
205
|
-
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
206
|
-
var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
|
207
|
-
var $afc5a4514aca2340$export$e7dc768d35940237;
|
208
|
-
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
209
|
-
var $afc5a4514aca2340$export$a9781837241c946d;
|
210
|
-
var $afc5a4514aca2340$export$e5b2f5233e4e5194;
|
211
|
-
var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
|
212
|
-
var $afc5a4514aca2340$export$f7b415378ab4f839;
|
213
|
-
var $afc5a4514aca2340$export$4109102f950813a6;
|
214
|
-
var $afc5a4514aca2340$export$24c7f46a6e3605dd;
|
215
|
-
var $afc5a4514aca2340$export$53da69f51b770d3;
|
216
|
-
var $afc5a4514aca2340$export$5aabb61a966e266f;
|
217
|
-
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
218
|
-
var $afc5a4514aca2340$export$8f7c9db66978d20f;
|
219
|
-
var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
|
220
|
-
var $afc5a4514aca2340$export$ccc536e1adbdc059;
|
221
|
-
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
222
|
-
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
223
|
-
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
224
|
-
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
225
|
-
var $afc5a4514aca2340$export$5cda1128f9112d2e;
|
226
|
-
var $afc5a4514aca2340$export$54592d0984f245d5;
|
227
|
-
var $afc5a4514aca2340$export$76d4531f0342bbe0;
|
228
|
-
var $afc5a4514aca2340$export$c081ba562e204942;
|
229
|
-
var $afc5a4514aca2340$export$b752ce409e5660c;
|
230
|
-
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
231
|
-
var $afc5a4514aca2340$export$49280ffa5236ba8b;
|
232
|
-
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
233
|
-
var $afc5a4514aca2340$export$c9f503f672e8a3c1;
|
234
|
-
var $afc5a4514aca2340$export$2927016961429360;
|
235
|
-
var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
|
236
|
-
var $afc5a4514aca2340$export$d374b04f30360026;
|
237
|
-
var $afc5a4514aca2340$export$36ae67a131730482;
|
238
|
-
var $afc5a4514aca2340$export$e52daab43a62c528;
|
239
|
-
var $afc5a4514aca2340$export$da76be6126aaa633;
|
240
|
-
$afc5a4514aca2340$export$f39a09f249340e2a = `Dniwja_focus-ring`;
|
241
|
-
$afc5a4514aca2340$export$8c4ee2c50c22c514 = `Dniwja_i18nFontFamily`;
|
242
|
-
$afc5a4514aca2340$export$20fd0f7cd4e6112f = `Dniwja_is-active`;
|
243
|
-
$afc5a4514aca2340$export$d35bc1e505d1ebbf = `Dniwja_is-disabled`;
|
244
|
-
$afc5a4514aca2340$export$e7dc768d35940237 = `Dniwja_is-focused`;
|
245
|
-
$afc5a4514aca2340$export$b8813cd5d7824ce7 = `Dniwja_is-hovered`;
|
246
|
-
$afc5a4514aca2340$export$a9781837241c946d = `Dniwja_is-open`;
|
247
|
-
$afc5a4514aca2340$export$e5b2f5233e4e5194 = `Dniwja_is-placeholder`;
|
248
|
-
$afc5a4514aca2340$export$1e0fb04f31d3c22a = `Dniwja_is-selected`;
|
249
|
-
$afc5a4514aca2340$export$f7b415378ab4f839 = `Dniwja_spectrum-BaseButton ${$afc5a4514aca2340$export$8c4ee2c50c22c514}`;
|
250
|
-
$afc5a4514aca2340$export$4109102f950813a6 = `Dniwja_spectrum-FocusRing-ring`;
|
251
|
-
$afc5a4514aca2340$export$24c7f46a6e3605dd = `Dniwja_spectrum-FocusRing ${$afc5a4514aca2340$export$4109102f950813a6}`;
|
252
|
-
$afc5a4514aca2340$export$53da69f51b770d3 = `Dniwja_spectrum-ActionButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
253
|
-
$afc5a4514aca2340$export$5aabb61a966e266f = `Dniwja_spectrum-ActionButton--emphasized`;
|
254
|
-
$afc5a4514aca2340$export$40e1f009544bacf3 = `Dniwja_spectrum-ActionButton--quiet`;
|
255
|
-
$afc5a4514aca2340$export$8f7c9db66978d20f = `Dniwja_spectrum-ActionButton--staticBlack`;
|
256
|
-
$afc5a4514aca2340$export$29b7b5d6a5a497c5 = `Dniwja_spectrum-ActionButton--staticColor`;
|
257
|
-
$afc5a4514aca2340$export$ccc536e1adbdc059 = `Dniwja_spectrum-ActionButton--staticWhite`;
|
258
|
-
$afc5a4514aca2340$export$4a4f01c443eff992 = `Dniwja_spectrum-ActionButton-hold`;
|
259
|
-
$afc5a4514aca2340$export$ebb4635c66bacdb9 = `Dniwja_spectrum-ActionButton-label`;
|
260
|
-
$afc5a4514aca2340$export$1db4cca5b4ade39a = `Dniwja_spectrum-Button ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
261
|
-
$afc5a4514aca2340$export$c1d306ec0fae3838 = `Dniwja_spectrum-Button--iconOnly`;
|
262
|
-
$afc5a4514aca2340$export$5cda1128f9112d2e = `Dniwja_spectrum-Button--overBackground`;
|
263
|
-
$afc5a4514aca2340$export$54592d0984f245d5 = `Dniwja_spectrum-Button--pending`;
|
264
|
-
$afc5a4514aca2340$export$76d4531f0342bbe0 = `Dniwja_spectrum-Button-circleLoader`;
|
265
|
-
$afc5a4514aca2340$export$c081ba562e204942 = `Dniwja_spectrum-Button-label`;
|
266
|
-
$afc5a4514aca2340$export$b752ce409e5660c = `Dniwja_spectrum-ClearButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
267
|
-
$afc5a4514aca2340$export$116f2fccf941d34d = `Dniwja_spectrum-ClearButton--overBackground`;
|
268
|
-
$afc5a4514aca2340$export$49280ffa5236ba8b = `Dniwja_spectrum-ClearButton--small`;
|
269
|
-
$afc5a4514aca2340$export$a024c99ecf6b5741 = `Dniwja_spectrum-FieldButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
270
|
-
$afc5a4514aca2340$export$c9f503f672e8a3c1 = `Dniwja_spectrum-FieldButton--invalid`;
|
271
|
-
$afc5a4514aca2340$export$2927016961429360 = `Dniwja_spectrum-FocusRing--quiet`;
|
272
|
-
$afc5a4514aca2340$export$5ca7b274e4fff9fc = `Dniwja_spectrum-FieldButton--quiet ${$afc5a4514aca2340$export$2927016961429360}`;
|
273
|
-
$afc5a4514aca2340$export$d374b04f30360026 = `Dniwja_spectrum-Icon`;
|
274
|
-
$afc5a4514aca2340$export$36ae67a131730482 = `Dniwja_spectrum-LogicButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
275
|
-
$afc5a4514aca2340$export$e52daab43a62c528 = `Dniwja_spectrum-LogicButton--and`;
|
276
|
-
$afc5a4514aca2340$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
function $842a195ed1671b15$var$disablePendingProps(props) {
|
285
|
-
// Don't allow interaction while isPending is true
|
286
|
-
if (props.isPending) {
|
287
|
-
props.onPress = undefined;
|
288
|
-
props.onPressStart = undefined;
|
289
|
-
props.onPressEnd = undefined;
|
290
|
-
props.onPressChange = undefined;
|
291
|
-
props.onPressUp = undefined;
|
292
|
-
props.onKeyDown = undefined;
|
293
|
-
props.onKeyUp = undefined;
|
294
|
-
props.onClick = undefined;
|
295
|
-
props.href = undefined;
|
296
|
-
}
|
297
|
-
return props;
|
298
|
-
}
|
299
|
-
function $842a195ed1671b15$var$Button(props, ref) {
|
300
|
-
var _buttonProps_arialabelledby;
|
301
|
-
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
302
|
-
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "button");
|
303
|
-
props = $842a195ed1671b15$var$disablePendingProps(props);
|
304
|
-
let { elementType: Element = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
|
305
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
306
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
307
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
308
|
-
isDisabled: isDisabled
|
309
|
-
});
|
310
|
-
let [isFocused, onFocusChange] = (0, $IPaYO$react.useState)(false);
|
311
|
-
let { focusProps: focusProps } = (0, $IPaYO$reactariainteractions.useFocus)({
|
312
|
-
onFocusChange: onFocusChange,
|
313
|
-
isDisabled: isDisabled
|
314
|
-
});
|
315
|
-
let stringFormatter = (0, $IPaYO$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b2da92ebd9a2bc00$exports))), "@react-spectrum/button");
|
316
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
317
|
-
let hasLabel = (0, $IPaYO$reactspectrumutils.useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Button-label"]}`, domRef);
|
318
|
-
let hasIcon = (0, $IPaYO$reactspectrumutils.useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]}`, domRef);
|
319
|
-
// an aria label will block children and their labels from being read, this is undesirable for pending state
|
320
|
-
let hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
|
321
|
-
let [isProgressVisible, setIsProgressVisible] = (0, $IPaYO$react.useState)(false);
|
322
|
-
let backupButtonId = (0, $IPaYO$reactariautils.useId)();
|
323
|
-
let buttonId = buttonProps.id || backupButtonId;
|
324
|
-
let iconId = (0, $IPaYO$reactariautils.useId)();
|
325
|
-
let textId = (0, $IPaYO$reactariautils.useId)();
|
326
|
-
let spinnerId = (0, $IPaYO$reactariautils.useId)();
|
327
|
-
(0, $IPaYO$react.useEffect)(()=>{
|
328
|
-
let timeout;
|
329
|
-
if (isPending) // Start timer when isPending is set to true.
|
330
|
-
timeout = setTimeout(()=>{
|
331
|
-
setIsProgressVisible(true);
|
332
|
-
}, 1000);
|
333
|
-
else // Exit loading state when isPending is set to false. */
|
334
|
-
setIsProgressVisible(false);
|
335
|
-
return ()=>{
|
336
|
-
// Clean up on unmount or when user removes isPending prop before entering loading state.
|
337
|
-
clearTimeout(timeout);
|
338
|
-
};
|
339
|
-
}, [
|
340
|
-
isPending
|
341
|
-
]);
|
342
|
-
if (variant === "cta") variant = "accent";
|
343
|
-
else if (variant === "overBackground") {
|
344
|
-
variant = "primary";
|
345
|
-
staticColor = "white";
|
346
|
-
}
|
347
|
-
const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps["aria-label"] : ""} ${stringFormatter.format("pending")}`.trim();
|
348
|
-
var _buttonProps_arialabelledby_replace;
|
349
|
-
const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps["aria-labelledby"]) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ""} ${hasLabel ? textId : ""} ${spinnerId}`.trim();
|
350
|
-
let ariaLive = "polite";
|
351
|
-
if ((0, $IPaYO$reactariautils.isAppleDevice)() && (!hasAriaLabel || (0, $IPaYO$reactariautils.isFirefox)())) ariaLive = "off";
|
352
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
353
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
354
|
-
autoFocus: autoFocus
|
355
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement(Element, {
|
356
|
-
...styleProps,
|
357
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps, focusProps),
|
358
|
-
id: buttonId,
|
359
|
-
ref: domRef,
|
360
|
-
"data-variant": variant,
|
361
|
-
"data-style": style,
|
362
|
-
"data-static-color": staticColor || undefined,
|
363
|
-
"aria-disabled": isPending ? "true" : undefined,
|
364
|
-
"aria-label": isPending ? isPendingAriaLiveLabel : buttonProps["aria-label"],
|
365
|
-
"aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps["aria-labelledby"],
|
366
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button", {
|
367
|
-
"spectrum-Button--iconOnly": hasIcon && !hasLabel,
|
368
|
-
"is-disabled": isDisabled || isProgressVisible,
|
369
|
-
"is-active": isPressed,
|
370
|
-
"is-hovered": isHovered,
|
371
|
-
"spectrum-Button--pending": isProgressVisible
|
372
|
-
}, styleProps.className)
|
373
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
374
|
-
slots: {
|
375
|
-
icon: {
|
376
|
-
id: iconId,
|
377
|
-
size: "S",
|
378
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
|
379
|
-
},
|
380
|
-
text: {
|
381
|
-
id: textId,
|
382
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-label")
|
383
|
-
}
|
384
|
-
}
|
385
|
-
}, typeof children === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumtext.Text), null, children) : children, isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("div", {
|
386
|
-
"aria-hidden": "true",
|
387
|
-
style: {
|
388
|
-
visibility: isProgressVisible ? "visible" : "hidden"
|
389
|
-
},
|
390
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-circleLoader")
|
391
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumprogress.ProgressCircle), {
|
392
|
-
"aria-label": isPendingAriaLiveLabel,
|
393
|
-
isIndeterminate: true,
|
394
|
-
size: "S",
|
395
|
-
staticColor: staticColor
|
396
|
-
})), isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, ($parcel$interopDefault($IPaYO$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("div", {
|
397
|
-
"aria-live": isFocused ? ariaLive : "off"
|
398
|
-
}, isProgressVisible && /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("div", {
|
399
|
-
role: "img",
|
400
|
-
"aria-labelledby": isPendingAriaLiveLabelledby
|
401
|
-
})), /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("div", {
|
402
|
-
id: spinnerId,
|
403
|
-
role: "img",
|
404
|
-
"aria-label": isPendingAriaLiveLabel
|
405
|
-
})))));
|
406
|
-
}
|
407
|
-
/**
|
408
|
-
* Buttons allow users to perform an action or to navigate to another page.
|
409
|
-
* They have multiple styles for various needs, and are ideal for calling attention to
|
410
|
-
* where a user needs to do something in order to move forward in a flow.
|
411
|
-
*/ let $842a195ed1671b15$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($842a195ed1671b15$var$Button);
|
412
|
-
|
413
|
-
|
414
|
-
/*
|
415
|
-
* Copyright 2020 Adobe. All rights reserved.
|
416
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
417
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
418
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
419
|
-
*
|
420
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
421
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
422
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
423
|
-
* governing permissions and limitations under the License.
|
424
|
-
*/
|
425
|
-
|
426
|
-
|
427
|
-
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
|
435
|
-
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
436
|
-
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "actionButton");
|
437
|
-
let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
|
438
|
-
holdAffordance, ...otherProps } = props;
|
439
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
440
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
441
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
442
|
-
isDisabled: isDisabled
|
443
|
-
});
|
444
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
445
|
-
let isTextOnly = (0, ($parcel$interopDefault($IPaYO$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).isValidElement(c));
|
446
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
447
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
448
|
-
autoFocus: autoFocus
|
449
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("button", {
|
450
|
-
...styleProps,
|
451
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps),
|
452
|
-
ref: domRef,
|
453
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton", {
|
454
|
-
"spectrum-ActionButton--quiet": isQuiet,
|
455
|
-
"spectrum-ActionButton--staticColor": !!staticColor,
|
456
|
-
"spectrum-ActionButton--staticWhite": staticColor === "white",
|
457
|
-
"spectrum-ActionButton--staticBlack": staticColor === "black",
|
458
|
-
"is-active": isPressed,
|
459
|
-
"is-disabled": isDisabled,
|
460
|
-
"is-hovered": isHovered
|
461
|
-
}, styleProps.className)
|
462
|
-
}, holdAffordance && /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, ($parcel$interopDefault($IPaYO$spectrumiconsuiCornerTriangle))), {
|
463
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-hold")
|
464
|
-
}), /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
465
|
-
slots: {
|
466
|
-
icon: {
|
467
|
-
size: "S",
|
468
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
|
469
|
-
},
|
470
|
-
text: {
|
471
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-label")
|
472
|
-
}
|
473
|
-
}
|
474
|
-
}, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumtext.Text), null, children) : children)));
|
475
|
-
}
|
476
|
-
/**
|
477
|
-
* ActionButtons allow users to perform an action.
|
478
|
-
* They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
|
479
|
-
*/ let $65dbde0e8e7aba71$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($65dbde0e8e7aba71$var$ActionButton);
|
480
|
-
|
481
|
-
|
482
|
-
/*
|
483
|
-
* Copyright 2020 Adobe. All rights reserved.
|
484
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
485
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
486
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
487
|
-
*
|
488
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
489
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
490
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
491
|
-
* governing permissions and limitations under the License.
|
492
|
-
*/
|
493
|
-
|
494
|
-
|
495
|
-
|
496
|
-
|
497
|
-
|
498
|
-
|
499
|
-
// @private
|
500
|
-
function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
|
501
|
-
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "button");
|
502
|
-
let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
|
503
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
504
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
505
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
506
|
-
isDisabled: isDisabled
|
507
|
-
});
|
508
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
509
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
510
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring", focusRingClass),
|
511
|
-
autoFocus: autoFocus
|
512
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("button", {
|
513
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps),
|
514
|
-
ref: domRef,
|
515
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-FieldButton", {
|
516
|
-
"spectrum-FieldButton--quiet": isQuiet,
|
517
|
-
"is-active": isActive || isPressed,
|
518
|
-
"is-disabled": isDisabled,
|
519
|
-
"spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
|
520
|
-
"is-hovered": isHovered
|
521
|
-
}, styleProps.className)
|
522
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
523
|
-
slots: {
|
524
|
-
icon: {
|
525
|
-
size: "S",
|
526
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
|
527
|
-
}
|
528
|
-
}
|
529
|
-
}, children)));
|
530
|
-
}
|
531
|
-
let $5931ec1ea1ec1b0d$export$47dc48f595b075da = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($5931ec1ea1ec1b0d$var$FieldButton);
|
532
|
-
|
533
|
-
|
534
|
-
/*
|
535
|
-
* Copyright 2020 Adobe. All rights reserved.
|
536
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
537
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
538
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
539
|
-
*
|
540
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
541
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
542
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
543
|
-
* governing permissions and limitations under the License.
|
544
|
-
*/
|
545
|
-
|
546
|
-
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
551
|
-
|
552
|
-
function $3bd294eda342b0c4$var$LogicButton(props, ref) {
|
553
|
-
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
554
|
-
let { variant: variant, children: children, isDisabled: isDisabled, autoFocus: autoFocus, ...otherProps } = props;
|
555
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
556
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
557
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
558
|
-
isDisabled: isDisabled
|
559
|
-
});
|
560
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
561
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
562
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
563
|
-
autoFocus: autoFocus
|
564
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("button", {
|
565
|
-
...styleProps,
|
566
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps),
|
567
|
-
ref: domRef,
|
568
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-LogicButton", {
|
569
|
-
[`spectrum-LogicButton--${variant}`]: variant,
|
570
|
-
"is-disabled": isDisabled,
|
571
|
-
"is-active": isPressed,
|
572
|
-
"is-hovered": isHovered
|
573
|
-
}, styleProps.className)
|
574
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("span", {
|
575
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-label")
|
576
|
-
}, children)));
|
577
|
-
}
|
578
|
-
/**
|
579
|
-
* A LogicButton displays an operator within a boolean logic sequence.
|
580
|
-
*/ let $3bd294eda342b0c4$export$9b0b80fed00ba8b1 = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($3bd294eda342b0c4$var$LogicButton);
|
581
|
-
|
582
|
-
|
583
|
-
/*
|
584
|
-
* Copyright 2020 Adobe. All rights reserved.
|
585
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
586
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
587
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
588
|
-
*
|
589
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
590
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
591
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
592
|
-
* governing permissions and limitations under the License.
|
593
|
-
*/
|
594
|
-
|
595
|
-
|
596
|
-
|
597
|
-
|
598
|
-
|
599
|
-
|
600
|
-
|
601
|
-
function $9c84a434f1c9da63$var$ClearButton(props, ref) {
|
602
|
-
let { children: children = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, ($parcel$interopDefault($IPaYO$spectrumiconsuiCrossSmall))), {
|
603
|
-
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]
|
604
|
-
}), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
|
605
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
606
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)({
|
607
|
-
...props,
|
608
|
-
elementType: elementType
|
609
|
-
}, domRef);
|
610
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
611
|
-
isDisabled: isDisabled
|
612
|
-
});
|
613
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
614
|
-
// For cases like the clear button in a search field, remove the tabIndex so
|
615
|
-
// iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
|
616
|
-
// moving the cursor over the clear button.
|
617
|
-
if (preventFocus) delete buttonProps.tabIndex;
|
618
|
-
let ElementType = elementType;
|
619
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
620
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring", focusClassName),
|
621
|
-
autoFocus: autoFocus
|
622
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement(ElementType, {
|
623
|
-
...styleProps,
|
624
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps),
|
625
|
-
ref: domRef,
|
626
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ClearButton", {
|
627
|
-
[`spectrum-ClearButton--${variant}`]: variant,
|
628
|
-
"is-disabled": isDisabled,
|
629
|
-
"is-active": isPressed,
|
630
|
-
"is-hovered": isHovered
|
631
|
-
}, styleProps.className)
|
632
|
-
}, children));
|
633
|
-
}
|
634
|
-
let $9c84a434f1c9da63$export$13ec83e50bf04290 = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($9c84a434f1c9da63$var$ClearButton);
|
635
|
-
|
636
|
-
|
637
|
-
/*
|
638
|
-
* Copyright 2020 Adobe. All rights reserved.
|
639
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
640
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
641
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
642
|
-
*
|
643
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
644
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
645
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
646
|
-
* governing permissions and limitations under the License.
|
647
|
-
*/
|
648
|
-
|
649
|
-
|
650
|
-
|
651
|
-
|
652
|
-
|
653
|
-
|
654
|
-
|
655
|
-
|
656
|
-
|
657
|
-
function $b5c927da7d8f1be6$var$ToggleButton(props, ref) {
|
658
|
-
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
659
|
-
let { isQuiet: isQuiet, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
660
|
-
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
661
|
-
let state = (0, $IPaYO$reactstatelytoggle.useToggleState)(props);
|
662
|
-
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useToggleButton)(props, state, domRef);
|
663
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
664
|
-
isDisabled: isDisabled
|
665
|
-
});
|
666
|
-
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
667
|
-
let isTextOnly = (0, ($parcel$interopDefault($IPaYO$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).isValidElement(c));
|
668
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
669
|
-
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
670
|
-
autoFocus: autoFocus
|
671
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement("button", {
|
672
|
-
...styleProps,
|
673
|
-
...(0, $IPaYO$reactariautils.mergeProps)(buttonProps, hoverProps),
|
674
|
-
ref: domRef,
|
675
|
-
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton", {
|
676
|
-
"spectrum-ActionButton--quiet": isQuiet,
|
677
|
-
"spectrum-ActionButton--emphasized": isEmphasized,
|
678
|
-
"spectrum-ActionButton--staticColor": !!staticColor,
|
679
|
-
"spectrum-ActionButton--staticWhite": staticColor === "white",
|
680
|
-
"spectrum-ActionButton--staticBlack": staticColor === "black",
|
681
|
-
"is-active": isPressed,
|
682
|
-
"is-disabled": isDisabled,
|
683
|
-
"is-hovered": isHovered,
|
684
|
-
"is-selected": state.isSelected
|
685
|
-
}, styleProps.className)
|
686
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
687
|
-
slots: {
|
688
|
-
icon: {
|
689
|
-
size: "S",
|
690
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
|
691
|
-
},
|
692
|
-
text: {
|
693
|
-
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-label")
|
694
|
-
}
|
695
|
-
}
|
696
|
-
}, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumtext.Text), null, children) : children)));
|
697
|
-
}
|
698
|
-
/**
|
699
|
-
* ToggleButtons allow users to toggle a selection on or off, for example
|
700
|
-
* switching between two states or modes.
|
701
|
-
*/ let $b5c927da7d8f1be6$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).forwardRef($b5c927da7d8f1be6$var$ToggleButton);
|
702
34
|
|
703
35
|
|
704
36
|
|