@react-spectrum/button 3.0.0-nightly.2843 → 3.0.0-nightly.2846

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