@react-spectrum/button 3.7.1 → 3.7.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/main.js +236 -236
- package/dist/module.js +231 -231
- package/package.json +12 -12
package/dist/main.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
9
|
-
var $
|
|
10
|
-
var $
|
|
11
|
-
var $
|
|
12
|
-
var $
|
|
2
|
+
var $IPaYO$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
|
+
var $IPaYO$reactariafocus = require("@react-aria/focus");
|
|
4
|
+
var $IPaYO$reactariautils = require("@react-aria/utils");
|
|
5
|
+
var $IPaYO$react = require("react");
|
|
6
|
+
var $IPaYO$reactspectrumtext = require("@react-spectrum/text");
|
|
7
|
+
var $IPaYO$reactariabutton = require("@react-aria/button");
|
|
8
|
+
var $IPaYO$reactariainteractions = require("@react-aria/interactions");
|
|
9
|
+
var $IPaYO$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
|
+
var $IPaYO$spectrumiconsuiCornerTriangle = require("@spectrum-icons/ui/CornerTriangle");
|
|
11
|
+
var $IPaYO$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
|
|
12
|
+
var $IPaYO$reactstatelytoggle = require("@react-stately/toggle");
|
|
13
13
|
|
|
14
14
|
function $parcel$exportWildcard(dest, source) {
|
|
15
15
|
Object.keys(source).forEach(function(key) {
|
|
@@ -33,117 +33,117 @@ function $parcel$interopDefault(a) {
|
|
|
33
33
|
function $parcel$export(e, n, v, s) {
|
|
34
34
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
35
35
|
}
|
|
36
|
-
var $
|
|
37
|
-
|
|
38
|
-
$parcel$export($
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var $
|
|
44
|
-
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
$parcel$export($
|
|
62
|
-
$parcel$export($
|
|
63
|
-
$parcel$export($
|
|
64
|
-
$parcel$export($
|
|
65
|
-
$parcel$export($
|
|
66
|
-
$parcel$export($
|
|
67
|
-
$parcel$export($
|
|
68
|
-
$parcel$export($
|
|
69
|
-
$parcel$export($
|
|
70
|
-
$parcel$export($
|
|
71
|
-
$parcel$export($
|
|
72
|
-
$parcel$export($
|
|
73
|
-
$parcel$export($
|
|
74
|
-
$parcel$export($
|
|
75
|
-
$parcel$export($
|
|
76
|
-
$parcel$export($
|
|
77
|
-
$parcel$export($
|
|
78
|
-
$parcel$export($
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
82
|
-
var $
|
|
83
|
-
var $
|
|
84
|
-
var $
|
|
85
|
-
var $
|
|
86
|
-
var $
|
|
87
|
-
var $
|
|
88
|
-
var $
|
|
89
|
-
var $
|
|
90
|
-
var $
|
|
91
|
-
var $
|
|
92
|
-
var $
|
|
93
|
-
var $
|
|
94
|
-
var $
|
|
95
|
-
var $
|
|
96
|
-
var $
|
|
97
|
-
var $
|
|
98
|
-
var $
|
|
99
|
-
var $
|
|
100
|
-
var $
|
|
101
|
-
var $
|
|
102
|
-
var $
|
|
103
|
-
var $
|
|
104
|
-
var $
|
|
105
|
-
var $
|
|
106
|
-
var $
|
|
107
|
-
var $
|
|
108
|
-
var $
|
|
109
|
-
var $
|
|
110
|
-
var $
|
|
111
|
-
var $
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
$
|
|
116
|
-
$
|
|
117
|
-
$
|
|
118
|
-
$
|
|
119
|
-
$
|
|
120
|
-
$
|
|
121
|
-
$
|
|
122
|
-
$
|
|
123
|
-
$
|
|
124
|
-
$
|
|
125
|
-
$
|
|
126
|
-
$
|
|
127
|
-
$
|
|
128
|
-
$
|
|
129
|
-
$
|
|
130
|
-
$
|
|
131
|
-
$
|
|
132
|
-
$
|
|
133
|
-
$
|
|
134
|
-
$
|
|
135
|
-
$
|
|
136
|
-
$
|
|
137
|
-
$
|
|
138
|
-
$
|
|
139
|
-
$
|
|
140
|
-
$
|
|
141
|
-
$
|
|
142
|
-
$
|
|
143
|
-
$
|
|
144
|
-
$
|
|
145
|
-
$
|
|
146
|
-
$
|
|
36
|
+
var $842a195ed1671b15$exports = {};
|
|
37
|
+
|
|
38
|
+
$parcel$export($842a195ed1671b15$exports, "Button", () => $842a195ed1671b15$export$353f5b6fc5456de1);
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
var $afc5a4514aca2340$exports = {};
|
|
44
|
+
|
|
45
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
|
46
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
|
47
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
|
48
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
|
49
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
|
50
|
+
$parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
|
|
51
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
|
|
52
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
|
|
53
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
|
|
54
|
+
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
55
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
56
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
57
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
58
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
59
|
+
$parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
|
|
60
|
+
$parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
|
|
61
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
|
|
62
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
|
63
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
|
|
64
|
+
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
|
65
|
+
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
|
66
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--cta", () => $afc5a4514aca2340$export$b818fdf0052a2cab, (v) => $afc5a4514aca2340$export$b818fdf0052a2cab = v);
|
|
67
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--primary", () => $afc5a4514aca2340$export$c1c3511f5e96e926, (v) => $afc5a4514aca2340$export$c1c3511f5e96e926 = v);
|
|
68
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--secondary", () => $afc5a4514aca2340$export$4f1b75526afd8ff3, (v) => $afc5a4514aca2340$export$4f1b75526afd8ff3 = v);
|
|
69
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--warning", () => $afc5a4514aca2340$export$6f97cef817ff1cac, (v) => $afc5a4514aca2340$export$6f97cef817ff1cac = v);
|
|
70
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
|
71
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--quiet", () => $afc5a4514aca2340$export$25f049c049371040, (v) => $afc5a4514aca2340$export$25f049c049371040 = v);
|
|
72
|
+
$parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
|
|
73
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
|
|
74
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
|
|
75
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
|
|
76
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
|
|
77
|
+
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
|
78
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
|
79
|
+
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
|
80
|
+
var $afc5a4514aca2340$export$53da69f51b770d3;
|
|
81
|
+
var $afc5a4514aca2340$export$36ae67a131730482;
|
|
82
|
+
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
|
83
|
+
var $afc5a4514aca2340$export$b752ce409e5660c;
|
|
84
|
+
var $afc5a4514aca2340$export$f39a09f249340e2a;
|
|
85
|
+
var $afc5a4514aca2340$export$d374b04f30360026;
|
|
86
|
+
var $afc5a4514aca2340$export$5aabb61a966e266f;
|
|
87
|
+
var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
|
|
88
|
+
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
89
|
+
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
90
|
+
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
91
|
+
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
92
|
+
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
93
|
+
var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
|
|
94
|
+
var $afc5a4514aca2340$export$a9781837241c946d;
|
|
95
|
+
var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
|
|
96
|
+
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
|
97
|
+
var $afc5a4514aca2340$export$49280ffa5236ba8b;
|
|
98
|
+
var $afc5a4514aca2340$export$e7dc768d35940237;
|
|
99
|
+
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
|
100
|
+
var $afc5a4514aca2340$export$b818fdf0052a2cab;
|
|
101
|
+
var $afc5a4514aca2340$export$c1c3511f5e96e926;
|
|
102
|
+
var $afc5a4514aca2340$export$4f1b75526afd8ff3;
|
|
103
|
+
var $afc5a4514aca2340$export$6f97cef817ff1cac;
|
|
104
|
+
var $afc5a4514aca2340$export$5cda1128f9112d2e;
|
|
105
|
+
var $afc5a4514aca2340$export$25f049c049371040;
|
|
106
|
+
var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
|
|
107
|
+
var $afc5a4514aca2340$export$ccc536e1adbdc059;
|
|
108
|
+
var $afc5a4514aca2340$export$8f7c9db66978d20f;
|
|
109
|
+
var $afc5a4514aca2340$export$e52daab43a62c528;
|
|
110
|
+
var $afc5a4514aca2340$export$da76be6126aaa633;
|
|
111
|
+
var $afc5a4514aca2340$export$e5b2f5233e4e5194;
|
|
112
|
+
var $afc5a4514aca2340$export$c9f503f672e8a3c1;
|
|
113
|
+
$afc5a4514aca2340$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
|
|
114
|
+
$afc5a4514aca2340$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
|
|
115
|
+
$afc5a4514aca2340$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
|
|
116
|
+
$afc5a4514aca2340$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
|
|
117
|
+
$afc5a4514aca2340$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
|
|
118
|
+
$afc5a4514aca2340$export$f39a09f249340e2a = "focus-ring_e2d99e";
|
|
119
|
+
$afc5a4514aca2340$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
|
|
120
|
+
$afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
|
|
121
|
+
$afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
|
|
122
|
+
$afc5a4514aca2340$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
|
|
123
|
+
$afc5a4514aca2340$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
|
|
124
|
+
$afc5a4514aca2340$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
|
|
125
|
+
$afc5a4514aca2340$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
|
|
126
|
+
$afc5a4514aca2340$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
|
|
127
|
+
$afc5a4514aca2340$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
|
|
128
|
+
$afc5a4514aca2340$export$a9781837241c946d = "is-open_e2d99e";
|
|
129
|
+
$afc5a4514aca2340$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
|
|
130
|
+
$afc5a4514aca2340$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
|
|
131
|
+
$afc5a4514aca2340$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
|
|
132
|
+
$afc5a4514aca2340$export$e7dc768d35940237 = "is-focused_e2d99e";
|
|
133
|
+
$afc5a4514aca2340$export$20fd0f7cd4e6112f = "is-active_e2d99e";
|
|
134
|
+
$afc5a4514aca2340$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
|
|
135
|
+
$afc5a4514aca2340$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
|
|
136
|
+
$afc5a4514aca2340$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
|
|
137
|
+
$afc5a4514aca2340$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
|
|
138
|
+
$afc5a4514aca2340$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
|
|
139
|
+
$afc5a4514aca2340$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
|
|
140
|
+
$afc5a4514aca2340$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
|
|
141
|
+
$afc5a4514aca2340$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
|
|
142
|
+
$afc5a4514aca2340$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
|
|
143
|
+
$afc5a4514aca2340$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
|
|
144
|
+
$afc5a4514aca2340$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
|
|
145
|
+
$afc5a4514aca2340$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
|
|
146
|
+
$afc5a4514aca2340$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
|
|
147
147
|
|
|
148
148
|
|
|
149
149
|
|
|
@@ -151,56 +151,56 @@ $fdb409b291c9958f$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99
|
|
|
151
151
|
|
|
152
152
|
|
|
153
153
|
// todo: CSS hasn't caught up yet, map
|
|
154
|
-
let $
|
|
154
|
+
let $842a195ed1671b15$var$VARIANT_MAPPING = {
|
|
155
155
|
negative: 'warning'
|
|
156
156
|
};
|
|
157
|
-
function $
|
|
158
|
-
props = $
|
|
159
|
-
props = $
|
|
157
|
+
function $842a195ed1671b15$var$Button(props, ref) {
|
|
158
|
+
props = $IPaYO$reactspectrumprovider.useProviderProps(props);
|
|
159
|
+
props = $IPaYO$reactspectrumutils.useSlotProps(props, 'button');
|
|
160
160
|
let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
|
|
161
|
-
let domRef = $
|
|
162
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
163
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
161
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
162
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton(props, domRef);
|
|
163
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
164
164
|
isDisabled: isDisabled
|
|
165
165
|
});
|
|
166
|
-
let { styleProps: styleProps } = $
|
|
166
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
167
167
|
let buttonVariant = variant;
|
|
168
|
-
if ($
|
|
169
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
170
|
-
focusRingClass: $
|
|
168
|
+
if ($842a195ed1671b15$var$VARIANT_MAPPING[variant]) buttonVariant = $842a195ed1671b15$var$VARIANT_MAPPING[variant];
|
|
169
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
170
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring'),
|
|
171
171
|
autoFocus: autoFocus
|
|
172
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
172
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement(ElementType, {
|
|
173
173
|
...styleProps,
|
|
174
|
-
...$
|
|
174
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
175
175
|
ref: domRef,
|
|
176
|
-
className: $
|
|
176
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
|
|
177
177
|
'spectrum-Button--quiet': isQuiet,
|
|
178
178
|
'is-disabled': isDisabled,
|
|
179
179
|
'is-active': isPressed,
|
|
180
180
|
'is-hovered': isHovered
|
|
181
181
|
}, styleProps.className)
|
|
182
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
182
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumutils.SlotProvider, {
|
|
183
183
|
slots: {
|
|
184
184
|
icon: {
|
|
185
185
|
size: 'S',
|
|
186
|
-
UNSAFE_className: $
|
|
186
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Icon')
|
|
187
187
|
},
|
|
188
188
|
text: {
|
|
189
|
-
UNSAFE_className: $
|
|
189
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button-label')
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
|
-
}, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($
|
|
192
|
+
}, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumtext.Text, null, children) : children))));
|
|
193
193
|
}
|
|
194
194
|
/**
|
|
195
195
|
* Buttons allow users to perform an action or to navigate to another page.
|
|
196
196
|
* They have multiple styles for various needs, and are ideal for calling attention to
|
|
197
197
|
* where a user needs to do something in order to move forward in a flow.
|
|
198
|
-
*/ let $
|
|
198
|
+
*/ let $842a195ed1671b15$export$353f5b6fc5456de1 = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($842a195ed1671b15$var$Button);
|
|
199
199
|
|
|
200
200
|
|
|
201
|
-
var $
|
|
201
|
+
var $65dbde0e8e7aba71$exports = {};
|
|
202
202
|
|
|
203
|
-
$parcel$export($
|
|
203
|
+
$parcel$export($65dbde0e8e7aba71$exports, "ActionButton", () => $65dbde0e8e7aba71$export$cfc7921d29ef7b80);
|
|
204
204
|
|
|
205
205
|
|
|
206
206
|
|
|
@@ -211,27 +211,27 @@ $parcel$export($ff145fa2feb11306$exports, "ActionButton", () => $ff145fa2feb1130
|
|
|
211
211
|
|
|
212
212
|
|
|
213
213
|
|
|
214
|
-
function $
|
|
215
|
-
props = $
|
|
216
|
-
props = $
|
|
214
|
+
function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
|
|
215
|
+
props = $IPaYO$reactspectrumprovider.useProviderProps(props);
|
|
216
|
+
props = $IPaYO$reactspectrumutils.useSlotProps(props, 'actionButton');
|
|
217
217
|
let { isQuiet: isQuiet , isDisabled: isDisabled , staticColor: staticColor , children: children , autoFocus: autoFocus , holdAffordance: // @ts-ignore (private)
|
|
218
218
|
holdAffordance , ...otherProps } = props;
|
|
219
|
-
let domRef = $
|
|
220
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
221
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
219
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
220
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton(props, domRef);
|
|
221
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
222
222
|
isDisabled: isDisabled
|
|
223
223
|
});
|
|
224
|
-
let { styleProps: styleProps } = $
|
|
225
|
-
let isTextOnly = ($parcel$interopDefault($
|
|
224
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
225
|
+
let isTextOnly = ($parcel$interopDefault($IPaYO$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).isValidElement(c)
|
|
226
226
|
);
|
|
227
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
228
|
-
focusRingClass: $
|
|
227
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
228
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring'),
|
|
229
229
|
autoFocus: autoFocus
|
|
230
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
230
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement("button", {
|
|
231
231
|
...styleProps,
|
|
232
|
-
...$
|
|
232
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
233
233
|
ref: domRef,
|
|
234
|
-
className: $
|
|
234
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ActionButton', {
|
|
235
235
|
'spectrum-ActionButton--quiet': isQuiet,
|
|
236
236
|
'spectrum-ActionButton--staticColor': !!staticColor,
|
|
237
237
|
'spectrum-ActionButton--staticWhite': staticColor === 'white',
|
|
@@ -240,29 +240,29 @@ function $ff145fa2feb11306$var$ActionButton(props, ref) {
|
|
|
240
240
|
'is-disabled': isDisabled,
|
|
241
241
|
'is-hovered': isHovered
|
|
242
242
|
}, styleProps.className)
|
|
243
|
-
}, holdAffordance && /*#__PURE__*/ ($parcel$interopDefault($
|
|
244
|
-
UNSAFE_className: $
|
|
245
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($
|
|
243
|
+
}, holdAffordance && /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement(($parcel$interopDefault($IPaYO$spectrumiconsuiCornerTriangle)), {
|
|
244
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ActionButton-hold')
|
|
245
|
+
}), /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumutils.SlotProvider, {
|
|
246
246
|
slots: {
|
|
247
247
|
icon: {
|
|
248
248
|
size: 'S',
|
|
249
|
-
UNSAFE_className: $
|
|
249
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Icon')
|
|
250
250
|
},
|
|
251
251
|
text: {
|
|
252
|
-
UNSAFE_className: $
|
|
252
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ActionButton-label')
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
}, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($
|
|
255
|
+
}, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumtext.Text, null, children) : children))));
|
|
256
256
|
}
|
|
257
257
|
/**
|
|
258
258
|
* ActionButtons allow users to perform an action.
|
|
259
259
|
* 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.
|
|
260
|
-
*/ let $
|
|
260
|
+
*/ let $65dbde0e8e7aba71$export$cfc7921d29ef7b80 = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($65dbde0e8e7aba71$var$ActionButton);
|
|
261
261
|
|
|
262
262
|
|
|
263
|
-
var $
|
|
263
|
+
var $5931ec1ea1ec1b0d$exports = {};
|
|
264
264
|
|
|
265
|
-
$parcel$export($
|
|
265
|
+
$parcel$export($5931ec1ea1ec1b0d$exports, "FieldButton", () => $5931ec1ea1ec1b0d$export$47dc48f595b075da);
|
|
266
266
|
|
|
267
267
|
|
|
268
268
|
|
|
@@ -271,43 +271,43 @@ $parcel$export($ea26196edda8c7f4$exports, "FieldButton", () => $ea26196edda8c7f4
|
|
|
271
271
|
|
|
272
272
|
|
|
273
273
|
// @private
|
|
274
|
-
function $
|
|
275
|
-
props = $
|
|
274
|
+
function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
|
|
275
|
+
props = $IPaYO$reactspectrumutils.useSlotProps(props, 'button');
|
|
276
276
|
let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , children: children , autoFocus: autoFocus , isActive: isActive , focusRingClass: focusRingClass , ...otherProps } = props;
|
|
277
|
-
let domRef = $
|
|
278
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
279
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
277
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
278
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton(props, domRef);
|
|
279
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
280
280
|
isDisabled: isDisabled
|
|
281
281
|
});
|
|
282
|
-
let { styleProps: styleProps } = $
|
|
283
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
284
|
-
focusRingClass: $
|
|
282
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
283
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
284
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring', focusRingClass),
|
|
285
285
|
autoFocus: autoFocus
|
|
286
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
287
|
-
...$
|
|
286
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement("button", {
|
|
287
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
288
288
|
ref: domRef,
|
|
289
|
-
className: $
|
|
289
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-FieldButton', {
|
|
290
290
|
'spectrum-FieldButton--quiet': isQuiet,
|
|
291
291
|
'is-active': isActive || isPressed,
|
|
292
292
|
'is-disabled': isDisabled,
|
|
293
293
|
'spectrum-FieldButton--invalid': validationState === 'invalid',
|
|
294
294
|
'is-hovered': isHovered
|
|
295
295
|
}, styleProps.className)
|
|
296
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
296
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumutils.SlotProvider, {
|
|
297
297
|
slots: {
|
|
298
298
|
icon: {
|
|
299
299
|
size: 'S',
|
|
300
|
-
UNSAFE_className: $
|
|
300
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Icon')
|
|
301
301
|
}
|
|
302
302
|
}
|
|
303
303
|
}, children))));
|
|
304
304
|
}
|
|
305
|
-
let $
|
|
305
|
+
let $5931ec1ea1ec1b0d$export$47dc48f595b075da = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($5931ec1ea1ec1b0d$var$FieldButton);
|
|
306
306
|
|
|
307
307
|
|
|
308
|
-
var $
|
|
308
|
+
var $3bd294eda342b0c4$exports = {};
|
|
309
309
|
|
|
310
|
-
$parcel$export($
|
|
310
|
+
$parcel$export($3bd294eda342b0c4$exports, "LogicButton", () => $3bd294eda342b0c4$export$9b0b80fed00ba8b1);
|
|
311
311
|
|
|
312
312
|
|
|
313
313
|
|
|
@@ -316,40 +316,40 @@ $parcel$export($e1c6327386ac7692$exports, "LogicButton", () => $e1c6327386ac7692
|
|
|
316
316
|
|
|
317
317
|
|
|
318
318
|
|
|
319
|
-
function $
|
|
320
|
-
props = $
|
|
319
|
+
function $3bd294eda342b0c4$var$LogicButton(props, ref) {
|
|
320
|
+
props = $IPaYO$reactspectrumprovider.useProviderProps(props);
|
|
321
321
|
let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
|
|
322
|
-
let domRef = $
|
|
323
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
324
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
322
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
323
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton(props, domRef);
|
|
324
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
325
325
|
isDisabled: isDisabled
|
|
326
326
|
});
|
|
327
|
-
let { styleProps: styleProps } = $
|
|
328
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
329
|
-
focusRingClass: $
|
|
327
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
328
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
329
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring'),
|
|
330
330
|
autoFocus: autoFocus
|
|
331
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
331
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement("button", {
|
|
332
332
|
...styleProps,
|
|
333
|
-
...$
|
|
333
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
334
334
|
ref: domRef,
|
|
335
|
-
className: $
|
|
335
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-LogicButton', {
|
|
336
336
|
[`spectrum-LogicButton--${variant}`]: variant,
|
|
337
337
|
'is-disabled': isDisabled,
|
|
338
338
|
'is-active': isPressed,
|
|
339
339
|
'is-hovered': isHovered
|
|
340
340
|
}, styleProps.className)
|
|
341
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
342
|
-
className: $
|
|
341
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement("span", {
|
|
342
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Button-label')
|
|
343
343
|
}, children))));
|
|
344
344
|
}
|
|
345
345
|
/**
|
|
346
346
|
* A LogicButton displays an operator within a boolean logic sequence.
|
|
347
|
-
*/ let $
|
|
347
|
+
*/ let $3bd294eda342b0c4$export$9b0b80fed00ba8b1 = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($3bd294eda342b0c4$var$LogicButton);
|
|
348
348
|
|
|
349
349
|
|
|
350
|
-
var $
|
|
350
|
+
var $9c84a434f1c9da63$exports = {};
|
|
351
351
|
|
|
352
|
-
$parcel$export($
|
|
352
|
+
$parcel$export($9c84a434f1c9da63$exports, "ClearButton", () => $9c84a434f1c9da63$export$13ec83e50bf04290);
|
|
353
353
|
|
|
354
354
|
|
|
355
355
|
|
|
@@ -358,32 +358,32 @@ $parcel$export($de143d83ab4843a6$exports, "ClearButton", () => $de143d83ab4843a6
|
|
|
358
358
|
|
|
359
359
|
|
|
360
360
|
|
|
361
|
-
function $
|
|
362
|
-
let { children: children = /*#__PURE__*/ ($parcel$interopDefault($
|
|
363
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($
|
|
361
|
+
function $9c84a434f1c9da63$var$ClearButton(props, ref) {
|
|
362
|
+
let { children: children = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement(($parcel$interopDefault($IPaYO$spectrumiconsuiCrossSmall)), {
|
|
363
|
+
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))['spectrum-Icon']
|
|
364
364
|
}) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
|
|
365
|
-
let domRef = $
|
|
366
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
365
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
366
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useButton({
|
|
367
367
|
...props,
|
|
368
368
|
elementType: elementType
|
|
369
369
|
}, domRef);
|
|
370
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
370
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
371
371
|
isDisabled: isDisabled
|
|
372
372
|
});
|
|
373
|
-
let { styleProps: styleProps } = $
|
|
373
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
374
374
|
// For cases like the clear button in a search field, remove the tabIndex so
|
|
375
375
|
// iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
|
|
376
376
|
// moving the cursor over the clear button.
|
|
377
377
|
if (preventFocus) delete buttonProps.tabIndex;
|
|
378
378
|
let ElementType = elementType;
|
|
379
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
380
|
-
focusRingClass: $
|
|
379
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
380
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring', focusClassName),
|
|
381
381
|
autoFocus: autoFocus
|
|
382
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
382
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement(ElementType, {
|
|
383
383
|
...styleProps,
|
|
384
|
-
...$
|
|
384
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
385
385
|
ref: domRef,
|
|
386
|
-
className: $
|
|
386
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ClearButton', {
|
|
387
387
|
[`spectrum-ClearButton--${variant}`]: variant,
|
|
388
388
|
'is-disabled': isDisabled,
|
|
389
389
|
'is-active': isPressed,
|
|
@@ -391,12 +391,12 @@ function $de143d83ab4843a6$var$ClearButton(props, ref) {
|
|
|
391
391
|
}, styleProps.className)
|
|
392
392
|
}, children)));
|
|
393
393
|
}
|
|
394
|
-
let $
|
|
394
|
+
let $9c84a434f1c9da63$export$13ec83e50bf04290 = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($9c84a434f1c9da63$var$ClearButton);
|
|
395
395
|
|
|
396
396
|
|
|
397
|
-
var $
|
|
397
|
+
var $b5c927da7d8f1be6$exports = {};
|
|
398
398
|
|
|
399
|
-
$parcel$export($
|
|
399
|
+
$parcel$export($b5c927da7d8f1be6$exports, "ToggleButton", () => $b5c927da7d8f1be6$export$d2b052e7b4be1756);
|
|
400
400
|
|
|
401
401
|
|
|
402
402
|
|
|
@@ -407,26 +407,26 @@ $parcel$export($aa11b7ac50c9ff1a$exports, "ToggleButton", () => $aa11b7ac50c9ff1
|
|
|
407
407
|
|
|
408
408
|
|
|
409
409
|
|
|
410
|
-
function $
|
|
411
|
-
props = $
|
|
410
|
+
function $b5c927da7d8f1be6$var$ToggleButton(props, ref) {
|
|
411
|
+
props = $IPaYO$reactspectrumprovider.useProviderProps(props);
|
|
412
412
|
let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
|
|
413
|
-
let domRef = $
|
|
414
|
-
let state = $
|
|
415
|
-
let { buttonProps: buttonProps , isPressed: isPressed } = $
|
|
416
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
413
|
+
let domRef = $IPaYO$reactspectrumutils.useFocusableRef(ref);
|
|
414
|
+
let state = $IPaYO$reactstatelytoggle.useToggleState(props);
|
|
415
|
+
let { buttonProps: buttonProps , isPressed: isPressed } = $IPaYO$reactariabutton.useToggleButton(props, state, domRef);
|
|
416
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $IPaYO$reactariainteractions.useHover({
|
|
417
417
|
isDisabled: isDisabled
|
|
418
418
|
});
|
|
419
|
-
let { styleProps: styleProps } = $
|
|
420
|
-
let isTextOnly = ($parcel$interopDefault($
|
|
419
|
+
let { styleProps: styleProps } = $IPaYO$reactspectrumutils.useStyleProps(otherProps);
|
|
420
|
+
let isTextOnly = ($parcel$interopDefault($IPaYO$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).isValidElement(c)
|
|
421
421
|
);
|
|
422
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
423
|
-
focusRingClass: $
|
|
422
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactariafocus.FocusRing, {
|
|
423
|
+
focusRingClass: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'focus-ring'),
|
|
424
424
|
autoFocus: autoFocus
|
|
425
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
425
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement("button", {
|
|
426
426
|
...styleProps,
|
|
427
|
-
...$
|
|
427
|
+
...$IPaYO$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
428
428
|
ref: domRef,
|
|
429
|
-
className: $
|
|
429
|
+
className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ActionButton', {
|
|
430
430
|
'spectrum-ActionButton--quiet': isQuiet,
|
|
431
431
|
'spectrum-ActionButton--emphasized': isEmphasized,
|
|
432
432
|
'spectrum-ActionButton--staticColor': !!staticColor,
|
|
@@ -437,30 +437,30 @@ function $aa11b7ac50c9ff1a$var$ToggleButton(props, ref) {
|
|
|
437
437
|
'is-hovered': isHovered,
|
|
438
438
|
'is-selected': state.isSelected
|
|
439
439
|
}, styleProps.className)
|
|
440
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
440
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumutils.SlotProvider, {
|
|
441
441
|
slots: {
|
|
442
442
|
icon: {
|
|
443
443
|
size: 'S',
|
|
444
|
-
UNSAFE_className: $
|
|
444
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-Icon')
|
|
445
445
|
},
|
|
446
446
|
text: {
|
|
447
|
-
UNSAFE_className: $
|
|
447
|
+
UNSAFE_className: $IPaYO$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-ActionButton-label')
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
|
-
}, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($
|
|
450
|
+
}, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).createElement($IPaYO$reactspectrumtext.Text, null, children) : children))));
|
|
451
451
|
}
|
|
452
452
|
/**
|
|
453
453
|
* ToggleButtons allow users to toggle a selection on or off, for example
|
|
454
454
|
* switching between two states or modes.
|
|
455
|
-
*/ let $
|
|
455
|
+
*/ let $b5c927da7d8f1be6$export$d2b052e7b4be1756 = /*#__PURE__*/ ($parcel$interopDefault($IPaYO$react)).forwardRef($b5c927da7d8f1be6$var$ToggleButton);
|
|
456
456
|
|
|
457
457
|
|
|
458
|
-
$parcel$exportWildcard(module.exports, $
|
|
459
|
-
$parcel$exportWildcard(module.exports, $
|
|
460
|
-
$parcel$exportWildcard(module.exports, $
|
|
461
|
-
$parcel$exportWildcard(module.exports, $
|
|
462
|
-
$parcel$exportWildcard(module.exports, $
|
|
463
|
-
$parcel$exportWildcard(module.exports, $
|
|
458
|
+
$parcel$exportWildcard(module.exports, $842a195ed1671b15$exports);
|
|
459
|
+
$parcel$exportWildcard(module.exports, $65dbde0e8e7aba71$exports);
|
|
460
|
+
$parcel$exportWildcard(module.exports, $5931ec1ea1ec1b0d$exports);
|
|
461
|
+
$parcel$exportWildcard(module.exports, $3bd294eda342b0c4$exports);
|
|
462
|
+
$parcel$exportWildcard(module.exports, $9c84a434f1c9da63$exports);
|
|
463
|
+
$parcel$exportWildcard(module.exports, $b5c927da7d8f1be6$exports);
|
|
464
464
|
|
|
465
465
|
|
|
466
466
|
//# sourceMappingURL=main.js.map
|